.elementor-141 .elementor-element.elementor-element-247b345{--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-around;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-141 .elementor-element.elementor-element-247b345:not(.elementor-motion-effects-element-type-background), .elementor-141 .elementor-element.elementor-element-247b345 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 -26.7%, #00000000 100%);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-bceb5a6 *//* Estado Inicial (Transparente y con más espacio arriba) */
#un-hdr-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    /* 40px de espacio arriba le da el respiro que le faltaba */
    padding: 40px 0 25px 0; 
    /* Degradado ligeramente más oscuro para garantizar lectura en videos claros */
    background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
    transition: background-color 0.4s ease, backdrop-filter 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease;
}

/* Estado Scrolleado (Fondo oscuro con efecto cristal y más compacto) */
#un-hdr-sticky.un-hdr-scrolled {
    background-color: rgba(10, 10, 10, 0.92); /* Negro ligeramente translúcido */
    backdrop-filter: blur(10px); /* Efecto de desenfoque moderno */
    -webkit-backdrop-filter: blur(10px);
    background-image: none; /* Quitamos el degradado */
    padding: 15px 0; /* Se encoge suavemente */
    box-shadow: 0 4px 20px rgba(0,0,0,0.5); 
}

/* Contenedor para centrar los logos */
.un-hdr-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px; /* Espacio entre los logos y la línea divisora */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.un-hdr-logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}

/* Estilos de los Logos */
.un-hdr-logo {
    max-height: 40px; /* Altura controlada */
    width: auto;
    object-fit: contain;
    transition: max-height 0.4s ease, transform 0.3s ease;
}

/* Ajuste específico para Soueast por si sus proporciones son distintas */
.un-hdr-logo-soueast {
    max-height: 50px; 
}

/* Efecto hover en los logos */
.un-hdr-logo:hover {
    transform: scale(1.05);
}

/* Los logos se encogen al hacer scroll */
#un-hdr-sticky.un-hdr-scrolled .un-hdr-logo {
    max-height: 30px;
}
#un-hdr-sticky.un-hdr-scrolled .un-hdr-logo-soueast {
    max-height: 38px;
}

/* Línea separadora */
.un-hdr-divider {
    height: 35px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.25);
    transition: height 0.4s ease;
}

#un-hdr-sticky.un-hdr-scrolled .un-hdr-divider {
    height: 25px;
}

/* Responsive para móviles */
@media (max-width: 768px) {
    #un-hdr-sticky {
        padding: 25px 0 15px 0; /* Menos espacio en móvil para no robar pantalla */
    }
    .un-hdr-inner {
        gap: 20px;
    }
    .un-hdr-logo {
        max-height: 32px;
    }
    .un-hdr-logo-soueast {
        max-height: 40px;
    }
    #un-hdr-sticky.un-hdr-scrolled .un-hdr-logo {
        max-height: 24px;
    }
    #un-hdr-sticky.un-hdr-scrolled .un-hdr-logo-soueast {
        max-height: 30px;
    }
    .un-hdr-divider {
        height: 30px;
    }
    #un-hdr-sticky.un-hdr-scrolled .un-hdr-divider {
        height: 20px;
    }
}/* End custom CSS */