.elementor-kit-8{--e-global-color-primary:#26A688;--e-global-color-secondary:#DDF8F2;--e-global-color-text:#333F70;--e-global-color-accent:#192248;--e-global-typography-primary-font-family:"Unbounded";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:400;color:var( --e-global-color-text );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 h1{color:var( --e-global-color-text );}.elementor-kit-8 h2{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
 * CSS para Cabecera Inteligente con Top-Header independiente
 */

/* Estado inicial del main-header. No es fijo. */
#main-header-inteligente {
    /* La transición se define aquí para que todas las animaciones sean suaves */
    transition: transform 0.4s ease-in-out;
}

/* Clase que se añade con JS cuando el main-header debe volverse fijo */
#main-header-inteligente.cabecera-fija {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sombra opcional al fijarse */
}

/* Clase que oculta la cabecera al bajar (moviéndola hacia arriba) */
#main-header-inteligente.cabecera-oculta {
    transform: translateY(-120%); /* La mueve fuera de la vista */
}

/* Placeholder para evitar el salto de contenido */
.placeholder-cabecera {
    transition: height 0.4s ease-in-out;
}/* End custom CSS */