.elementor-35 .elementor-element.elementor-element-48cf9f2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-35 .elementor-element.elementor-element-48cf9f2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-35 .elementor-element.elementor-element-138bea9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-35 .elementor-element.elementor-element-138bea9 .elementor-nav-menu .elementor-item{font-family:"Raleway", Sans-serif;font-weight:400;}.elementor-35 .elementor-element.elementor-element-138bea9 .elementor-nav-menu--main .elementor-item{color:#515247;fill:#515247;}.elementor-35 .elementor-element.elementor-element-138bea9 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-35 .elementor-element.elementor-element-138bea9 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-35 .elementor-element.elementor-element-138bea9 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-35 .elementor-element.elementor-element-138bea9 .elementor-nav-menu--main .elementor-item:focus{color:#66754C;fill:#66754C;}.elementor-35 .elementor-element.elementor-element-138bea9 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-35 .elementor-element.elementor-element-138bea9 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#66754C;}.elementor-35 .elementor-element.elementor-element-138bea9 .e--pointer-framed .elementor-item:before,
					.elementor-35 .elementor-element.elementor-element-138bea9 .e--pointer-framed .elementor-item:after{border-color:#66754C;}.elementor-35 .elementor-element.elementor-element-138bea9 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#66754C;}.elementor-35 .elementor-element.elementor-element-138bea9 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-35 .elementor-element.elementor-element-138bea9 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#66754C;}.elementor-35 .elementor-element.elementor-element-138bea9 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-35 .elementor-element.elementor-element-138bea9 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#66754C;}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-138bea9 .elementor-nav-menu .elementor-item{font-size:0.77rem;}}/* Start custom CSS for section, class: .elementor-element-48cf9f2 *//* 1. ESTADO BASE (Para PC y Celular) */
.header-principal {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.5s ease !important; /* El fade aplica a todo */
    background-color: transparent; /* Empieza transparente en ambos */
    padding-top: 5px !important;  /* Reduce el relleno superior */
    padding-bottom: 5px !important; /* Reduce el relleno inferior */
}

/* 2. ESTADO AL HACER SCROLL (Aplica a ambos) */
.header-principal.scroll-blanco {
    background-color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    padding-top: 0px !important; /* Se hace aún más delgado al bajar */
    padding-bottom: 0px !important;
}

/* 3. REDUCIR ESPACIO DEL MENÚ NAV */
/* Esto ataca directamente al widget de menú de Elementor */
.header-principal .elementor-nav-menu .menu-item a {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* 4. REDUCIR TAMAÑO DEL LOGO AL HACER SCROLL (Opcional) */
.header-principal.scroll-blanco img {
    max-width: 80% !important; /* El logo se encoge un poco para ahorrar espacio */
    transition: all 0.5s ease;
}

/* 1. Forzar que el contenedor no tenga altura mínima al hacer scroll */
.header-principal.scroll-blanco,
.header-principal.scroll-blanco .elementor-container {
    min-height: 0 !important;
    height: auto !important;
}

/* 2. Reducir drásticamente el relleno del widget de menú */
.header-principal.scroll-blanco .elementor-nav-menu .menu-item a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* 3. Ajustar el margen del widget mismo (a veces Elementor añade margen abajo) */
.header-principal.scroll-blanco .elementor-widget-nav-menu {
    margin-bottom: 0 !important;
}

/* 4. Si usas un logo, reducir su margen inferior */
.header-principal.scroll-blanco .elementor-widget-image {
    margin-bottom: 0 !important;
}/* End custom CSS */