.elementor-3213 .elementor-element.elementor-element-1b4594e.she-header{backdrop-filter:blur(20px) saturate(1.8) !important;-webkit-backdrop-filter:blur(20px) saturate(1.8) !important;}.elementor-3213 .elementor-element.elementor-element-1b4594e .trx_addons_bg_text{z-index:0;}.elementor-3213 .elementor-element.elementor-element-1b4594e .trx_addons_bg_text.trx_addons_marquee_wrap:not(.trx_addons_marquee_reverse) .trx_addons_marquee_element{padding-right:50px;}.elementor-3213 .elementor-element.elementor-element-1b4594e .trx_addons_bg_text.trx_addons_marquee_wrap.trx_addons_marquee_reverse .trx_addons_marquee_element{padding-left:50px;}.elementor-3213 .elementor-element.elementor-element-1b4594e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3213 .elementor-element.elementor-element-1b4594e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3213 .elementor-element.elementor-element-0584829 > .elementor-widget-container{margin:35px 30px 30px 30px;}.elementor-3213 .elementor-element.elementor-element-edf2fab{margin:19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3213 .elementor-element.elementor-element-edf2fab img{width:24%;max-width:24%;}.elementor-3213 .elementor-element.elementor-element-b500769{margin:19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3213 .elementor-element.elementor-element-b500769 img{width:16%;max-width:16%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for section, class: .elementor-element-1b4594e *//* ===================================================
   1. CONTROL COORDENADAS ESPEJO (Alineación Base)
   =================================================== */
.elementor-element-edf2fab,
.elementor-element-b500769 {
    position: relative !important;
    display: block !important;
}

.elementor-element-b500769 {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
}

/* ===================================================
   2. TRUCO DE ULTRA-ESPECIFICIDAD + TIEMPO CINEMÁTICO (2.5s)
   =================================================== */
.she-header-yes .elementor-widget-image img,
.she-header-yes .elementor-element-edf2fab img, 
.she-header-yes .elementor-element-b500769 img {
    transition: opacity 2.5s cubic-bezier(0.4, 0, 0.2, 1), transform 2.5s cubic-bezier(0.4, 0, 0.2, 1), width 2.5s ease, max-width 2.5s ease, margin-top 2.5s ease !important;
}


/* ===================================================
   3. DESKTOP / TABLET (Medidas personalizadas al hacer Scroll)
   =================================================== */
@media (min-width: 768px) {
    /* --- Estado Inicial (Arriba de la página) --- */
    .she-header-yes .elementor-element-edf2fab img {
        opacity: 1 !important;
        transform: scale(1) !important;
        margin-top: 0 !important;
    }
    
    .she-header-yes .elementor-element-b500769 img {
        opacity: 0 !important;
        transform: scale(1) !important; /* Desactivamos el scale para controlar por % */
        width: 16% !important; /* Mantenemos su estado base oculto */
        margin-top: 0 !important;
    }

    /* --- Estado Scroll (Abajo de la página) --- */
    .she-header-sticky .elementor-element-edf2fab img,
    .elementor-sticky--effects .elementor-element-edf2fab img {
        opacity: 0 !important;
    }
    
    /* Forzado exacto de tus valores del inspector al hacer scroll */
    .she-header-sticky .elementor-element-b500769 img,
    .elementor-sticky--effects .elementor-element-b500769 img {
        opacity: 1 !important;
       transform: scale(0.9) !important;
       
       margin-top: -45px !important;   /* Tu centrado solicitado */
    }
}


/* ===================================================
   4. RESPONSIVE / MÓVILES (Layout original intacto)
   =================================================== */
@media (max-width: 767px) {
    /* --- Estado Inicial (Arriba) --- */
    .she-header-yes .elementor-element-edf2fab img,
    .she-header-yes .elementor-element-b500769 img {
        opacity: 1;
        transform: none !important;
    }
    .she-header-yes .elementor-element-b500769 img {
        opacity: 0 !important;
    }

    /* --- Estado Scroll (Abajo) --- */
    .she-header-sticky .elementor-element-edf2fab img,
    .elementor-sticky--effects .elementor-element-edf2fab img {
        opacity: 0 !important;
    }
    .she-header-sticky .elementor-element-b500769 img,
    .elementor-sticky--effects .elementor-element-b500769 img {
        opacity: 1 !important;
        transform: none !important;
    }
}




/* ===================================================
   MENÚ MÓVIL: Transición e intercambio de color al hacer Scroll
   =================================================== */

/* 1. Forzamos la transición lenta también en las líneas del icono para que no cambie de golpe */
.she-header-yes .sc_layouts_menu_mobile_button_modern_burger .sc_layouts_item_icon,
.she-header-yes .sc_layouts_menu_mobile_button_modern_burger .sc_layouts_item_icon::before,
.she-header-yes .sc_layouts_menu_mobile_button_modern_burger .sc_layouts_item_icon::after {
    transition: background-color 1.5s ease-in-out, color 1.5s ease-in-out !important;
}

/* ===================================================
   MENÚ MÓVIL: Blanco arriba, Negro al hacer Scroll
   =================================================== */

/* 1. ESTADO BASE (Arriba): Forzar que las 3 líneas sean blancas al cargar */
.she-header-yes .sc_layouts_menu_mobile_button_modern_burger .sc_layouts_item_icon,
.she-header-yes .sc_layouts_menu_mobile_button_modern_burger .sc_layouts_item_icon::before,
.she-header-yes .sc_layouts_menu_mobile_button_modern_burger .sc_layouts_item_icon::after {
    background-color: #ffffff !important;
    color: #ffffff !important;
    transition: background-color 1.5s ease-in-out, color 1.5s ease-in-out !important;
}

/* 2. EFECTO SCROLL (Abajo): Cambiar las líneas a Negro al bajar la página */
.she-header-sticky .sc_layouts_menu_mobile_button_modern_burger .sc_layouts_item_icon::before,
.she-header-sticky .sc_layouts_menu_mobile_button_modern_burger .sc_layouts_item_icon::after,
.elementor-sticky--effects .sc_layouts_menu_mobile_button_modern_burger .sc_layouts_item_icon::before,
.elementor-sticky--effects .sc_layouts_menu_mobile_button_modern_burger .sc_layouts_item_icon::after {
    background-color: #222222 !important;
}

/* Ajuste secundario para el contenedor del icono en el scroll */
.she-header-sticky .sc_layouts_menu_mobile_button_modern_burger .sc_layouts_item_icon,
.elementor-sticky--effects .sc_layouts_menu_mobile_button_modern_burger .sc_layouts_item_icon {
    background-color: #222222 !important;
    color: #222222 !important;
}/* End custom CSS */