.elementor-277 .elementor-element.elementor-element-2fb9fa4a{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:999;}.elementor-277 .elementor-element.elementor-element-2fb9fa4a:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-2fb9fa4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body:not(.rtl) .elementor-277 .elementor-element.elementor-element-2fb9fa4a{left:0px;}body.rtl .elementor-277 .elementor-element.elementor-element-2fb9fa4a{right:0px;}.elementor-277 .elementor-element.elementor-element-54e5cec8{--display:flex;}.elementor-277 .elementor-element.elementor-element-54e5cec8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-277 .elementor-element.elementor-element-416537c7{--spacer-size:50px;}.elementor-277 .elementor-element.elementor-element-120610d5{--display:flex;}.elementor-277 .elementor-element.elementor-element-120610d5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-277 .elementor-element.elementor-element-0fb9683 img{width:25%;max-width:25%;}.elementor-277 .elementor-element.elementor-element-ed5fee4{--display:flex;--justify-content:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-277 .elementor-element.elementor-element-4012d7f7 .elementor-icon-wrapper{text-align:center;}.elementor-277 .elementor-element.elementor-element-4012d7f7.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-277 .elementor-element.elementor-element-4012d7f7.elementor-view-framed .elementor-icon, .elementor-277 .elementor-element.elementor-element-4012d7f7.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-277 .elementor-element.elementor-element-4012d7f7.elementor-view-framed .elementor-icon, .elementor-277 .elementor-element.elementor-element-4012d7f7.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-277 .elementor-element.elementor-element-4012d7f7 .elementor-icon{font-size:28px;}.elementor-277 .elementor-element.elementor-element-4012d7f7 .elementor-icon svg{height:28px;}.elementor-277 .elementor-element.elementor-element-4012d7f7 .elementor-icon-wrapper svg{width:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-277 .elementor-element.elementor-element-54e5cec8{--width:18.738%;}.elementor-277 .elementor-element.elementor-element-120610d5{--width:58.739%;}.elementor-277 .elementor-element.elementor-element-ed5fee4{--content-width:100%;}}@media(max-width:767px){.elementor-277 .elementor-element.elementor-element-2fb9fa4a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:999;}.elementor-277 .elementor-element.elementor-element-4012d7f7 .elementor-icon{font-size:25px;}.elementor-277 .elementor-element.elementor-element-4012d7f7 .elementor-icon svg{height:25px;}}/* Start custom CSS for icon, class: .elementor-element-4012d7f7 *//* Forzar que el widget de icono sea blanco en móvil siempre */
@media (max-width: 1024px) {
    /* Apuntamos directamente a la clase del widget de Icono de Elementor */
    .elementor-277 .elementor-element.elementor-element-4012d7f7 .elementor-icon i,
    .elementor-277 .elementor-element.elementor-element-4012d7f7 .elementor-icon svg {
        fill: #FFFFFF !important;
        color: #FFFFFF !important;
    }

    /* Refuerzo estricto cuando se activa el fondo del scroll */
    .elementor-277 .elementor-element.elementor-element-4012d7f7.elementor-sticky--effects .elementor-icon i,
    .elementor-277 .elementor-element.elementor-element-4012d7f7.elementor-sticky--effects .elementor-icon svg {
        fill: #FFFFFF !important;
        color: #FFFFFF !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fb9fa4a *//* ==========================================================
   1. ESTADO INICIAL (Scroll arriba)
   ========================================================== */
.elementor-277 .elementor-element.elementor-element-2fb9fa4a {
    background-color: #00000000 !important;
    transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;
}

/* El logo se convierte en NEGRO de entrada */
.elementor-277 .elementor-element.elementor-element-2fb9fa4a:not(.elementor-sticky--effects) .elementor-widget-theme-site-logo img,
.elementor-277 .elementor-element.elementor-element-2fb9fa4a:not(.elementor-sticky--effects) .elementor-widget-image img {
    filter: invert(1) brightness(0) !important;
    transition: filter 0.4s ease-in-out !important;
}

/* Iconos y enlaces en NEGRO */
.elementor-277 .elementor-element.elementor-element-2fb9fa4a:not(.elementor-sticky--effects) a,
.elementor-277 .elementor-element.elementor-element-2fb9fa4a:not(.elementor-sticky--effects) .elementor-icon,
.elementor-277 .elementor-element.elementor-element-2fb9fa4a:not(.elementor-sticky--effects) .elementor-icon svg,
.elementor-277 .elementor-element.elementor-element-2fb9fa4a:not(.elementor-sticky--effects) .elementor-menu-toggle svg,
.elementor-277 .elementor-element.elementor-element-2fb9fa4a:not(.elementor-sticky--effects) .elementor-menu-toggle i {
    color: #000000 !important;
    fill: #000000 !important;
    transition: color 0.4s ease-in-out, fill 0.4s ease-in-out !important;
}

/* ==========================================================
   2. ESTADO ACTIVO (Al hacer scroll)
   ========================================================== */
.elementor-277 .elementor-element.elementor-element-2fb9fa4a.elementor-sticky--effects {
    background-color: #000000 !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* El logo vuelve a BLANCO */
.elementor-277 .elementor-element.elementor-element-2fb9fa4a.elementor-sticky--effects .elementor-widget-theme-site-logo img,
.elementor-277 .elementor-element.elementor-element-2fb9fa4a.elementor-sticky--effects .elementor-widget-image img {
    filter: invert(0) brightness(1) !important;
}

/* Iconos y enlaces a BLANCO */
.elementor-277 .elementor-element.elementor-element-2fb9fa4a.elementor-sticky--effects a,
.elementor-277 .elementor-element.elementor-element-2fb9fa4a.elementor-sticky--effects .elementor-icon,
.elementor-277 .elementor-element.elementor-element-2fb9fa4a.elementor-sticky--effects .elementor-icon svg,
.elementor-277 .elementor-element.elementor-element-2fb9fa4a.elementor-sticky--effects .elementor-menu-toggle svg,
.elementor-277 .elementor-element.elementor-element-2fb9fa4a.elementor-sticky--effects .elementor-menu-toggle i {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* ==========================================================
   3. MOBILE
   ========================================================== */
@media (max-width: 1024px) {
    .elementor-277 .elementor-element.elementor-element-2fb9fa4a .elementor-menu-toggle {
        background-color: transparent !important;
    }
    .elementor-277 .elementor-element.elementor-element-2fb9fa4a:not(.elementor-sticky--effects) .elementor-menu-toggle i,
    .elementor-277 .elementor-element.elementor-element-2fb9fa4a:not(.elementor-sticky--effects) .elementor-menu-toggle svg {
        fill: #000000 !important;
        color: #000000 !important;
    }
    .elementor-277 .elementor-element.elementor-element-2fb9fa4a.elementor-sticky--effects .elementor-menu-toggle i,
    .elementor-277 .elementor-element.elementor-element-2fb9fa4a.elementor-sticky--effects .elementor-menu-toggle svg {
        fill: #FFFFFF !important;
        color: #FFFFFF !important;
    }
}/* End custom CSS */
/* Start custom CSS */body {
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */