.elementor-45 .elementor-element.elementor-element-0449018{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-45 .elementor-element.elementor-element-3b27ac9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-45 .elementor-element.elementor-element-48d1e06{text-align:start;}.elementor-45 .elementor-element.elementor-element-48d1e06 img{width:100%;}.elementor-45 .elementor-element.elementor-element-fe052a0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-45 .elementor-element.elementor-element-084856e .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-45 .elementor-element.elementor-element-084856e .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor4 );}.elementor-45 .elementor-element.elementor-element-084856e .elementor-nav-menu--dropdown a, .elementor-45 .elementor-element.elementor-element-084856e .elementor-menu-toggle{color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor4 );}.elementor-45 .elementor-element.elementor-element-084856e .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-45 .elementor-element.elementor-element-084856e div.elementor-menu-toggle{color:var( --e-global-color-astglobalcolor4 );}.elementor-45 .elementor-element.elementor-element-084856e div.elementor-menu-toggle svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-45 .elementor-element.elementor-element-3b27ac9{--width:50%;}.elementor-45 .elementor-element.elementor-element-fe052a0{--width:50%;}}@media(min-width:768px){.elementor-45 .elementor-element.elementor-element-3b27ac9{--width:20%;}.elementor-45 .elementor-element.elementor-element-fe052a0{--width:80%;}}/* Start custom CSS for container, class: .elementor-element-0449018 *//* Estado inicial de la cabecera */
.elementor-45 .elementor-element.elementor-element-0449018 {
    transition: all 0.4s ease-in-out;
    background-color: #transparent !important; /* O tu color inicial */
    padding: 5px 0;
}

/* Estado cuando el usuario hace scroll (Sticky Activo) */
.elementor-45 .elementor-element.elementor-element-0449018.elementor-sticky--effects {
    background-color: #03050f !important; /* Color al bajar */
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    padding: 0;
}

/* Cambiar tamaño del logo al bajar */
.elementor-45 .elementor-element.elementor-element-0449018.elementor-sticky--effects img {
    width: 70% !important; /* Se achica al 80% */
    transition: all 0.4s ease-in-out;
}

/* Cambiar color de los textos del menú al bajar */
.elementor-45 .elementor-element.elementor-element-0449018.elementor-sticky--effects .elementor-item {
    color: #fff !important; /* Color de las letras al bajar */
}
/* Esto hace que la cabecera no ocupe espacio físico al cargar */
.elementor-45 .elementor-element.elementor-element-0449018 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

/* Y esto la vuelve fija cuando haces scroll (Elementor se encarga del cambio) */
.elementor-45 .elementor-element.elementor-element-0449018.elementor-sticky--effects {
    position: fixed; 
}/* End custom CSS */