.elementor-31 .elementor-element.elementor-element-400c6a5{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-3px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-31 .elementor-element.elementor-element-dab17ed{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-dab17ed.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-e9dec37{text-align:left;}.elementor-31 .elementor-element.elementor-element-e9dec37 img{width:22%;}.elementor-31 .elementor-element.elementor-element-1ba759f{text-align:left;}.elementor-31 .elementor-element.elementor-element-1ba759f img{width:22%;}.elementor-31 .elementor-element.elementor-element-df15ef0{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-5709d76{--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;--justify-content:flex-end;}.elementor-31 .elementor-element.elementor-element-5709d76.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-ec5b15c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-ec5b15c.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-ec5b15c .elementor-menu-toggle{margin:0 auto;}.elementor-31 .elementor-element.elementor-element-ec5b15c .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-3413e15 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-3413e15{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.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-31 .elementor-element.elementor-element-400c6a5{--content-width:1116px;}.elementor-31 .elementor-element.elementor-element-dab17ed{--width:40%;}.elementor-31 .elementor-element.elementor-element-5709d76{--width:62%;}}/* Start custom CSS for container, class: .elementor-element-400c6a5 *//* Transición suave en el header y elementos */
.header-scroll,
.header-scroll * {
    transition: all 0.3s ease;
}

/* Estado inicial: logo negro oculto, logo blanco visible */
.logo-negro {
    display: none;
}
.logo-blanco {
    display: block;
}

/* Al hacer scroll: */
.header-scroll.scrolled {
    background: white; /* Fondo blanco */
}

/* Cambiar todos los textos e iconos a negro al hacer scroll */
.header-scroll.scrolled * {
    color: black !important;
    fill: black !important;
}

/* Mostrar logo negro y ocultar logo blanco al hacer scroll */
.header-scroll.scrolled .logo-negro {
    display: block;
}
.header-scroll.scrolled .logo-blanco {
    display: none;
}

/* Asegurar que el icono de hamburguesa se vea negro al hacer scroll */
.header-scroll.scrolled .elementor-menu-toggle {
    color: black !important;
    fill: black !important;
}

/* Transiciones suaves */
.header-scroll,
.header-scroll * {
    transition: all 0.3s ease;
}

/* Estado inicial: logo azul oculto, logo blanco visible */
.logo-azul {
    display: none;
}
.logo-blanco {
    display: block;
}

/* Al hacer scroll: */
.header-scroll.scrolled {
    background: white; /* Fondo blanco */
}

/* Cambiar texto e iconos a negro al hacer scroll */
.header-scroll.scrolled * {
    color: black !important;
    fill: black !important;
}

/* Mostrar logo azul y ocultar logo blanco al hacer scroll */
.header-scroll.scrolled .logo-azul {
    display: block;
}
.header-scroll.scrolled .logo-blanco {
    display: none;
}

/* Asegurar menú hamburguesa en negro */
.header-scroll.scrolled .elementor-menu-toggle {
    color: black !important;
    fill: black !important;
}
/* Mantener letras blancas en el botón al hacer scroll */
.header-scroll.scrolled .boton-blanco,
.header-scroll.scrolled .boton-blanco * {
    color: white !important;
    fill: white !important;
}/* End custom CSS */