.elementor-widget-image .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-55 .elementor-element.elementor-element-fb80378 img{width:25%;}.elementor-55 .elementor-element.elementor-element-c389f1f img{width:30%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-55 .elementor-element.elementor-element-9793dbe .elementor-menu-toggle{margin:0 auto;}.elementor-55 .elementor-element.elementor-element-9793dbe .elementor-nav-menu .elementor-item{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-55 .elementor-element.elementor-element-9793dbe .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-55 .elementor-element.elementor-element-9793dbe .elementor-nav-menu--main .elementor-item:hover,
					.elementor-55 .elementor-element.elementor-element-9793dbe .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-55 .elementor-element.elementor-element-9793dbe .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-55 .elementor-element.elementor-element-9793dbe .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-9793dbe{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* =========================================================
   1. Configuración del Header Fijo y Transparente
   ========================================================= */
.elementor-55 {
    position: fixed !important; /* Lo fija arriba sin importar el scroll */
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background-color: transparent;
    transition: background-color 0.4s ease-in-out, padding 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

/* Estado inicial de los logos */
.elementor-55 .logo-color {
    display: none !important;
}
.elementor-55 .logo-blanco {
    display: block !important;
}

/* =========================================================
   2. El cambio cuando la página detecta scroll hacia abajo
   ========================================================= */
body.scrolled .elementor-55 {
    background-color: #283527 !important; /* El verde oscuro del bosque */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);
}

/* Intercambio de logos al hacer scroll */
body.scrolled .elementor-55 .logo-blanco {
    display: none !important;
}
body.scrolled .elementor-55 .logo-color {
    display: block !important;
    animation: fadeInLogo 0.3s ease-in-out;
}

@keyframes fadeInLogo {
    from { opacity: 0; }
    to { opacity: 1; }
}/* End custom CSS */