.elementor-kit-3773{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-3773 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* --- 1. CONFIGURACIÓN BASE --- */
#main-header {
    transition: background-color 0.4s ease !important;
}

/* --- 2. ESTADO ARRIBA (TRANSPARENTE) --- */

/* LOGO: Se queda BLANCO (su color original) */
#main-header:not(.header-scrolled) img {
    filter: none !important; 
    opacity: 1 !important;
}

/* MENÚ: Texto BLANCO */
#main-header:not(.header-scrolled) .elementor-nav-menu .elementor-item {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    transition: color 0.3s ease !important;
}

/* 🔥 AQUÍ ESTÁ EL FIX: HOVER ROSA CUANDO ESTÁS ARRIBA */
#main-header:not(.header-scrolled) .elementor-nav-menu .elementor-item:hover,
#main-header:not(.header-scrolled) .elementor-nav-menu .elementor-item.elementor-item-active {
    color: #D7BDCF !important; /* Tu rosa */
    fill: #D7BDCF !important;
}

/* BOTÓN ALUMNAS: Borde BLANCO */
#main-header:not(.header-scrolled) .elementor-nav-menu li.btn-alumnas a.elementor-item {
    border-color: #FFFFFF !important;
}
#main-header:not(.header-scrolled) .elementor-nav-menu li.btn-alumnas a.elementor-item:hover {
    border-color: #D7BDCF !important;
    color: #D7BDCF !important;
}


/* --- 3. ESTADO SCROLL (FONDO BLANCO) --- */
#main-header.header-scrolled {
    background-color: #FFFFFF !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
}

/* LOGO: INVERTIR A NEGRO */
#main-header.header-scrolled img {
    filter: invert(1) !important; 
}

/* MENÚ: Texto NEGRO */
#main-header.header-scrolled .elementor-nav-menu .elementor-item {
    color: #1F1C1B !important; 
    fill: #1F1C1B !important;
}

/* 🔥 AQUÍ ESTÁ EL FIX: HOVER ROSA AL BAJAR */
#main-header.header-scrolled .elementor-nav-menu .elementor-item:hover,
#main-header.header-scrolled .elementor-nav-menu .elementor-item.elementor-item-active {
    color: #D7BDCF !important; /* Tu rosa */
    fill: #D7BDCF !important;
}

/* BOTÓN ALUMNAS: Borde NEGRO */
#main-header.header-scrolled .elementor-nav-menu li.btn-alumnas a.elementor-item {
    border-color: #1F1C1B !important;
}
/* BOTÓN ALUMNAS HOVER AL BAJAR */
#main-header.header-scrolled .elementor-nav-menu li.btn-alumnas a.elementor-item:hover {
    border-color: #D7BDCF !important;
    color: #D7BDCF !important;
}/* End custom CSS */