/* Especificos del Template T4, definidos por Joomlart */ 
.nav-hidden {
    display: none !important;
}
.acm-features .features-item .img-icon {
	filter: hue-rotate(56deg) brightness(1.65);
}

/* Mejoras en el aspecto de los videos incrustados */
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Correccion de elementos, no requiere modificar */
.acm-hero.style-2 .features-item .description {
    max-width: none !important; /* Sobrescribe con prioridad máxima */
}

/* Viñeta para Elementos del listas */
.acm-features.style-2 .desc ul li:before {
    content: "●" !important;
}

/* Estilos del menu secundario */
.menu-secundario .nav-link {
  padding: 5px 10px; /* 5px arriba y abajo, 10px a los lados */
  border: 1px solid transparent; /* Borde transparente para evitar el movimiento */
  transition: all 0.3s ease; /* Suaviza el efecto de borde y fondo */
  border-radius: 4px; /* Bordes redondeados opcionales */
}

/* Estilos del menu secundario */
.menu-secundario .nav-link:hover {
  border: 1px solid var(--mainnav-link-active-color); /* Borde con el color de la variable del tema */
  background-color: #f0f0f0; /* Fondo gris claro al hacer hover */
}

/* Estilos al menu secundario - color Activo */
.menu-secundario > li.active > a {
    color: var(--mainnav-link-active-color);
    border: 1px solid transparent; /* Borde transparente para evitar el movimiento */
    background-color: #f0f0f0; /* Fondo gris claro al hacer hover */
}


/* Super Padding manual */
.sp-1 {
    padding-bottom: 300px !important;
}

/* Para no mostrar el breadcrumbs en el homepage */
.manual-css-home .mod-breadcrumbs {
    display: none !important;
}

/* Para que el Slider se sobreponga sobre el fondo del masthead */
.custom-negative-overlap-1 .t4-section-inner .djslider-loader {
    margin-top: -125px;
    z-index: 2;
}
/* Para pantallas más pequeñas (móviles), reduce el overlap */
@media (max-width: 768px) {
    .custom-negative-overlap-1 .t4-section-inner .djslider-loader {
        margin-top: -40px !important;
    }
}


/* Define la oscuridad de las imagenes masthead 0=transparente, 1=negro */
.t4-masthead .ja-masthead:before {
    opacity: .3 !important;
}

/* Ajustes al grosor de la letra del menu principal */
.t4-megamenu .navbar-nav>li>a, .t4-megamenu .navbar-nav>li>.nav-link {
    font-weight: 500 !important;
}

/* Bordes redondos al slider */
.djslider-loader {
    border-radius: 15px;
    border: #b2e5ff80 solid 5px;
    background: #e0e0e0;
    box-shadow:  9px 9px 34px #c0c0c0b5,
                -9px -9px 34px #ffffff33;
}

/* Bordes redondos a la descripcion del slide */
.slider-container .slide-desc-bg {
    border-radius: 5px;
}

/* Ajuste de descripcion de slides para pantallas chicas */
@media (min-width: 768px) {
    .slider-container .slide-desc {
        margin-left: 0 !important;
        width: 50% !important;
        margin-right: 0 !important;
    }
}
.slider-container .slide-desc {
    margin-left: 5px ;
    width: auto;
    margin-right: 5px ;
}

/* Ajuste de Bordes para pantallas chicas */
@media (min-width: 768px) {
    .custom-wide-container .container {
        max-width: 90% !important;
    }
}
.custom-wide-container .container {
    max-width: 98%;
}

/* Title Wrap manual */
.custom-section-title-wrap.text-center {
    margin-left: auto;
    margin-right: auto;
}
.custom-section-title-wrap {
    margin-bottom: 3.75rem;
}

/* Centrado de items en los iconos */
.droppicspictures {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important; /* Para que los elementos se ajusten en varias filas si es necesario */
}

/* Reduce los iconos de droppics en modo celular*/
@media (max-width: 767px) {
    .droppicsgallerydefault .wimg {
        width: 202px !important;
        height: 135px !important;
    }
}


/* Personalización del bloquequote */
blockquote {
    font-size: 20px;
    font-style: italic;
    color: #555; /* Color gris */
    padding-left: 16px;
    margin: 16px 0;
    width: fit-content;
    position: relative;
}

blockquote::before {
    content: "\"";
    font-size: 50px; /* Tamaño grande para las comillas */
    color: #ddd; /* Color gris claro */
    position: absolute;
    left: -10px;
    top: 5px;
    line-height: 0.5;
}

blockquote::after {
    content: " \"";
    font-size: 50px; /* Tamaño grande para las comillas */
    color: #ddd; /* Color gris claro */
    position: absolute;
    right: -20px;
    bottom: -10px;
    line-height: 0.5;
}

/* Fondo del Menu principal */
.t4-header.t4-sticky {
    background-color: #ffffffcc !important;
    backdrop-filter: blur(8px);
}

/* Evitar salto de línea en submenus */
.t4-megamenu .dropdown-menu {
    /*width: 300px !important;*/
    width: max-content;
}

/* Corrección de barra horizontal */
body {
    overflow-x:hidden !important;
}

/* Estilos para Language Switcher */
.t4-language-switch {
    margin-top: -80px;
}
.t4-language-switch .mod-languages {
    width: 50%;
}
.t4-language-switch button {
    padding: 5px 15px;
    border-radius: 5px;
}
/* Para eliminar el texto de los botones */
.t4-language-switch button {
  display: flex;
  align-items: center;
}
.t4-language-switch button::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.t4-language-switch button {
  color: transparent;
  text-indent: -9999px;
  white-space: nowrap;
}

/**/
.lang-block.dropdown-menu li {
    width: 110px;
    margin: 0px !important;
}
.lang-block.dropdown-menu {
    width: 110px !important;
    min-width: 0px !important;
    padding: 0px 5px !important;
    border-radius: 5px;
}
div.mod-languages ul li.lang-active {
    background-color: transparent !important;
}
.lang-block.dropdown-menu li.lang-active a {
    font-weight: bold;
}
.lang-block.dropdown-menu li:not(.lang-active) a {
    color: gray !important;
}

/* Para componente Testimonials */
.testimonial-item .testimonial-desc ul {
    text-align: left;
    font-size: medium;
}
.owl-carousel .owl-dots .owl-dot {
    width: 16px !important;
    height: 16px !important;
}

/* Para tarjetas IAE Preschool*/
.iae-card-pre-orange {
    background-color: #f28449;
    padding: 5px 10px;
}
.iae-card-pre-green {
    background-color: #9acd58;
    padding: 5px 10px;
}
.iae-card-pre-blue {
    background-color: #00cccb;
    padding: 5px 10px;
}
.text-bold {
    font-weight: bold !important;
}

/* custom positive section-overlap*/
.section-overlap-positive .acm-hero.style-2, .section-overlap-positive .acm-hero.style-3 {
    margin: 4.25rem -6.75rem 0 -6.75rem;
    position: relative;
    z-index: 2;
}
@media (max-width: 575.98px) {
    .section-overlap-positive .acm-hero.style-2, .section-overlap-positive .acm-hero.style-3 {
        margin-top: 3.25rem;
    }
}
@media (max-width: 1599.98px) {
    .section-overlap-positive .acm-hero.style-2, .section-overlap-positive .acm-hero.style-3 {
        margin-left: 0;
        margin-right: 0;
    }
}

/* Centrar equipo de liderazgo */
.t4b-teams .row {
  display: flex;
  justify-content: center;
  align-items: baseline;/*center*/
  flex-wrap: wrap; 
}
.t4b-teams .row > .t4b-teams-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Cambiar tamaño del logo en versión de 70 años. */
.navbar-brand .logo-img {
    max-height: 85px !important;
}