/* Estilo básico para los submenús */
.nav-item {
    position: relative;
}

/* Mostrar el menú desplegable cuando se pasa el ratón sobre el ítem */
/*.nav-item:hover .dropdown-menu {*/
/*    display: block;*/
/*}*/

/*!* Submenú principal: solo mostrar cuando se pasa el ratón *!*/
/*.dropdown-menu {*/
/*    display: none; !* Ocultar por defecto *!*/
/*    position: absolute;*/
/*    top: 100%; !* Se coloca debajo del ítem principal *!*/
/*    left: 0;*/
/*    min-width: 200px;*/
/*    background-color: #fff;*/
/*    border: 1px solid #ddd;*/
/*    z-index: 1000;*/
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
/*}*/

/* Estilos del submenú de nivel 2 (expansión hacia la derecha) */
.menu-2 {
    display: none; /* Ocultar submenú 2 por defecto */
    left: 100%; /* Desplazarlo a la derecha */
    top: 20px;
    position: absolute; /* Para asegurarnos de que se posicione bien */
}

/* Mostrar el submenú 2 cuando se pasa el ratón sobre el ítem principal */
.dropdown-submenu:hover > .menu-2 {
    display: block; /* Mostrar el submenú cuando se pasa el ratón */

}

/* Flecha hacia la derecha para los submenús */
.dropdown-submenu > .dropdown-toggle::after {
    transform: rotate(270deg); /* Rota la flecha hacia la derecha */
    margin-top: 0.1em;
}

.nav-brand img {
    max-height: 90px;
}

.navbar .nav-item a:before {
    content: none !important;
    background: none !important;
}


.contenedor-contacto-home{
    background-image: none;
}

@media (min-width: 1200px) {
    .dropdown-menu {
        margin-top: 0px;
    }
    .contenedor-contacto-home {
        position: relative;
        width: 100%; /* O el tamaño que necesites */
        background-image: url("../img/patterns/contacto-bg.jpg");
        padding-bottom: 11px;
        background-repeat: no-repeat;
    }
}

.navbar-nav a {
    font-size: 14px;
}

@media (max-width: 768px) {
    .btn-primary {
        font-size: 0.6rem;
        padding: 5px 10px;
    }
    .contenedor-contacto-home{
        background-image: none;
    }
}

.logo-footer {
    width: auto;
    padding-bottom: 10px;
}
.contact-home-img {
    position: absolute;
    margin-left: -303px;
}
#contact-home {
    /*background: #fff;*/
    /*padding-top: 90px;*/
    /*padding-bottom: 86px;*/
}

footer {
    padding: 80px 0px 20px;
}

.contenedor-matriculado-home {
    position: relative;
    width: 100%; /* O el tamaño que necesites */
    background-image: url("../img/patterns/matriculados-imagen.jpg");
    background-position: right;
    background-repeat: no-repeat;
}
.team-style1 .title:before {
    margin-right: 0px;
}

.team-style1 .title:after {
    margin-left: 0px;
}

.team-style1 .post:before {
    content: "";
}

.adopt-card-custom {
    padding: 20px;
    transition: all 0.3s ease-in-out;
    margin: 5px;
    width: calc(25% - 10px);
    text-align: center;
}

.color-naranja{
    color: #fc8321;
}
.dataTables_filter label{
    display: inline-flex;
    padding-bottom: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border:none;
    background-color: transparent;
    background: none;
}

.a-ckeditor::before {
    content: "\f101";
}

table.dataTable.no-footer{
    font-size: small;
}

.pagination {
    --bs-pagination-font-size: 0.8rem;
}

.dataTables_wrapper .dataTables_filter input{
    padding: 0px;
    line-height: normal;
}

.dataTables_filter label {
    font-size: small;
}

.pagination .pagination-info {
    display: none;
}

.page-link-laravel{
    margin-left: 2px !Important;
}

.valores-ref{
    padding: 1em;
}

.blog-box .date .month {
    padding: 2px;
}

.sidebar-header {
    text-align: center;
    font-size: 18px;
 }

.hidden-row {
    display: none;
    background-color: #f1f1f1;
}

.toggle-btn {
    cursor: pointer;
}

.btn-xs {
    padding: 0.3rem 0.6rem !important;
    font-size: 0.6rem !important;
    margin-top: 0px;
}