.elementor-35 .elementor-element.elementor-element-f7b1b2c{--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:center;--align-items:center;}.elementor-35 .elementor-element.elementor-element-20fc43b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-theme-site-logo .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-35 .elementor-element.elementor-element-7045dce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-35 .elementor-element.elementor-element-7045dce img{height:40px;}.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-25fa8f1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-35 .elementor-element.elementor-element-25fa8f1 .elementor-menu-toggle{margin:0 auto;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );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-31cefef .elementor-button{border-radius:4px 4px 4px 4px;}.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-35 .elementor-element.elementor-element-20fc43b{--content-width:1440px;}}@media(max-width:1024px){.elementor-35 .elementor-element.elementor-element-7045dce img{height:48px;}}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-7045dce img{height:48px;}}/* Start custom CSS for container, class: .elementor-element-f7b1b2c *//* Base del Header */
.custom-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.5s ease-in-out;
}

/* ESTADO 1: Transparente (Homepage Arriba) - Equivalente a bg-transparent py-5 */
.custom-header.header-transparent {
    background-color: transparent !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    box-shadow: none !important;
}

/* Color de texto claro para el estado transparente */
.custom-header.header-transparent .elementor-nav-menu a,
.custom-header.header-transparent .elementor-nav-menu--toggle i,
.custom-header.header-transparent .elementor-nav-menu--toggle svg {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

/* ESTADO 2: Scrolled o Páginas Internas - Equivalente a glass py-3 shadow-lg */
.custom-header.header-scrolled {
    display: flex;
    align-items: "center";
    justify-items: "center";
    background: rgba(255, 255, 255, 0.85) !important; /* Color de fondo glass */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}

/* Color de texto oscuro para el estado Scrolled */
.custom-header.header-scrolled .elementor-nav-menu a,
.custom-header.header-scrolled .elementor-nav-menu--toggle i,
.custom-header.header-scrolled .elementor-nav-menu--toggle svg {
    color: #1a1a1a !important; /* Ajusta este color al de tu texto oscuro */
    transition: color 0.3s ease;
}

/* Color Hover y Activo (Reemplaza #10b981 por tu brand-green) */
.custom-header .elementor-nav-menu a:hover,
.custom-header .elementor-nav-menu a.elementor-item-active {
    color: #10b981 !important; 
}

/* --- FIX: Logo proporcional y con tamaño exacto de Tailwind --- */
.custom-header img {
    height: 48px !important;       /* Equivale a md:h-12 */
    max-height: 48px !important;
    width: auto !important;        /* Mantiene la proporción */
    object-fit: contain !important; /* Evita que se estire o achate */
    transition: all 0.3s ease;
}

/* Tamaño para móviles (Equivale a h-10) */
@media (max-width: 768px) {
    .custom-header img {
        height: 40px !important; 
        max-height: 40px !important;
    }
}

.custom-header, 
.custom-header > .e-con-inner,
.custom-header > .e-con {
    display: flex !important;
    align-items: center !important;
}

/* Elimina márgenes por defecto de los widgets que pueden empujarlos hacia arriba/abajo */
.custom-header .elementor-widget {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Centra el contenido dentro del contenedor de cada widget */
.custom-header .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    height: auto;
}/* End custom CSS */