.elementor-294 .elementor-element.elementor-element-2205f14{--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-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-294 .elementor-element.elementor-element-8430b6a .elementor-menu-toggle{margin:0 auto;}.elementor-294 .elementor-element.elementor-element-8430b6a .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor6 );fill:var( --e-global-color-astglobalcolor6 );}.elementor-294 .elementor-element.elementor-element-fbca292{--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-294 .elementor-element.elementor-element-b2a2c58{--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;}/* Start custom CSS for nav-menu, class: .elementor-element-8430b6a *//* Color base del menú (Negro por defecto y cuando está activo) */
.elementor-nav-menu .elementor-item,
.elementor-nav-menu .elementor-item.elementor-item-active,
.elementor-nav-menu .elementor-item--active,
#site-navigation ul li a {
    color: #000000 !important;
    transition: color 0.3s ease-in-out;
}

/* Cambio de color ÚNICAMENTE al pasar el cursor (Hover) */
.elementor-nav-menu .elementor-item:hover,
#site-navigation ul li a:hover {
    color: #7adbff !important;
}

/* Eliminar cualquier color diferente que Elementor ponga al item activo */
.elementor-nav-menu .elementor-item.elementor-item-active:hover {
    color: #7adbff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2205f14 *//* ESTADO INICIAL: Arriba del todo (Transparente) */
.elementor-294 .elementor-element.elementor-element-2205f14:not(.elementor-sticky--effects) {
    background-color: transparent !important;
    transition: all 0.4s ease-in-out !important;
}

.elementor-294 .elementor-element.elementor-element-2205f14:not(.elementor-sticky--effects) .elementor-nav-menu .elementor-item {
    color: #000000 !important;
}

/* ESTADO SCROLL: Al bajar (Azul con transparencia y letras blancas) */
.elementor-294 .elementor-element.elementor-element-2205f14.elementor-sticky--effects {
    /* Color #5cb4db con 85% de transparencia */
    background-color: rgba(92, 180, 219, 0.85) !important; 
    backdrop-filter: blur(10px); /* Opcional: añade un desenfoque detrás del menú muy elegante */
    -webkit-backdrop-filter: blur(10px);
    transition: all 0.4s ease-in-out !important;
}

.elementor-294 .elementor-element.elementor-element-2205f14.elementor-sticky--effects .elementor-nav-menu .elementor-item {
    color: #ffffff !important; /* Letras blancas para que resalten sobre el azul */
}

/* Hover manteniendo el celeste claro que pediste antes */
.elementor-294 .elementor-element.elementor-element-2205f14.elementor-sticky--effects .elementor-nav-menu .elementor-item:hover {
    color: #7adbff !important;
}/* End custom CSS */