.elementor-163 .elementor-element.elementor-element-a380acb > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-163 .elementor-element.elementor-element-a380acb:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-a380acb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F2F0B0;}.elementor-163 .elementor-element.elementor-element-a380acb > .elementor-container{min-height:50px;}.elementor-163 .elementor-element.elementor-element-a380acb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-163 .elementor-element.elementor-element-a380acb > .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-163 .elementor-element.elementor-element-17c4c86f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-17c4c86f .elementor-nav-menu .elementor-item{font-family:"Cormorant Garamond", Sans-serif;font-weight:600;}.elementor-163 .elementor-element.elementor-element-17c4c86f .elementor-nav-menu--main .elementor-item{color:#55604E;fill:#55604E;}.elementor-163 .elementor-element.elementor-element-17c4c86f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-163 .elementor-element.elementor-element-17c4c86f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-163 .elementor-element.elementor-element-17c4c86f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-163 .elementor-element.elementor-element-17c4c86f .elementor-nav-menu--main .elementor-item:focus{color:#55604E;fill:#55604E;}.elementor-163 .elementor-element.elementor-element-17c4c86f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-163 .elementor-element.elementor-element-17c4c86f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#55604E;}.elementor-163 .elementor-element.elementor-element-17c4c86f .e--pointer-framed .elementor-item:before,
					.elementor-163 .elementor-element.elementor-element-17c4c86f .e--pointer-framed .elementor-item:after{border-color:#55604E;}.elementor-163 .elementor-element.elementor-element-17c4c86f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#55604E;}.elementor-163 .elementor-element.elementor-element-17c4c86f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-163 .elementor-element.elementor-element-17c4c86f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#515247;}.elementor-163 .elementor-element.elementor-element-17c4c86f .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-163 .elementor-element.elementor-element-17c4c86f .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#515247;}@media(max-width:767px){.elementor-163 .elementor-element.elementor-element-17c4c86f .elementor-nav-menu .elementor-item{font-size:0.8rem;}}/* Start custom CSS for section, class: .elementor-element-a380acb *//* 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 */