.elementor-69 .elementor-element.elementor-element-c2ebd75{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;top:0px;--z-index:100;}body:not(.rtl) .elementor-69 .elementor-element.elementor-element-c2ebd75{left:0px;}body.rtl .elementor-69 .elementor-element.elementor-element-c2ebd75{right:0px;}.elementor-69 .elementor-element.elementor-element-89f7a37{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:1%;--padding-bottom:1%;--padding-left:3%;--padding-right:3%;}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-69 .elementor-element.elementor-element-738b90c{width:var( --container-widget-width, 11% );max-width:11%;--container-widget-width:11%;--container-widget-flex-grow:0;}.elementor-69 .elementor-element.elementor-element-738b90c.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-69 .elementor-element.elementor-element-738b90c img{width:78%;}.elementor-69 .elementor-element.elementor-element-b277eea .jet-nav--horizontal{justify-content:flex-end;text-align:right;}.elementor-69 .elementor-element.elementor-element-b277eea .jet-nav--vertical .menu-item-link-top{justify-content:flex-end;text-align:right;}.elementor-69 .elementor-element.elementor-element-b277eea .jet-nav--vertical-sub-bottom .menu-item-link-sub{justify-content:flex-end;text-align:right;}.elementor-69 .elementor-element.elementor-element-b277eea .jet-mobile-menu.jet-mobile-menu-trigger-active .menu-item-link{justify-content:flex-end;text-align:right;}.elementor-69 .elementor-element.elementor-element-b277eea.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}body:not(.rtl) .elementor-69 .elementor-element.elementor-element-b277eea .jet-nav--horizontal .jet-nav__sub{text-align:left;}body.rtl .elementor-69 .elementor-element.elementor-element-b277eea .jet-nav--horizontal .jet-nav__sub{text-align:right;}.elementor-69 .elementor-element.elementor-element-b277eea .menu-item-link-top{color:var( --e-global-color-84f0252 );}.elementor-69 .elementor-element.elementor-element-b277eea .menu-item-link-top .jet-nav-link-text{font-size:16px;}.elementor-69 .elementor-element.elementor-element-b277eea .menu-item:hover > .menu-item-link-top{color:var( --e-global-color-2199f6a );}.elementor-69 .elementor-element.elementor-element-b277eea .menu-item.current-menu-item .menu-item-link-top{color:var( --e-global-color-accent );}.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-69 .elementor-element.elementor-element-c2ebd75{--content-width:1350px;}}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-69 .elementor-element.elementor-element-738b90c{--container-widget-width:99px;--container-widget-flex-grow:0;width:var( --container-widget-width, 99px );max-width:99px;}}@media(max-width:767px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-69 .elementor-element.elementor-element-738b90c{--container-widget-width:73px;--container-widget-flex-grow:0;width:var( --container-widget-width, 73px );max-width:73px;}.elementor-69 .elementor-element.elementor-element-738b90c img{width:100%;}.elementor-69 .elementor-element.elementor-element-b277eea .jet-nav--horizontal{justify-content:flex-end;text-align:right;}.elementor-69 .elementor-element.elementor-element-b277eea .jet-nav--vertical .menu-item-link-top{justify-content:flex-end;text-align:right;}.elementor-69 .elementor-element.elementor-element-b277eea .jet-nav--vertical-sub-bottom .menu-item-link-sub{justify-content:flex-end;text-align:right;}.elementor-69 .elementor-element.elementor-element-b277eea .jet-mobile-menu.jet-mobile-menu-trigger-active .menu-item-link{justify-content:flex-end;text-align:right;}}/* Start custom CSS for container, class: .elementor-element-89f7a37 */.Header-glass-container {
    /* -- Variables para control rápido -- */
    --borde-redondeado: 24px; /* Ajusta el radio de los bordes aquí */
    --brillo-color-1: rgba(22, 22, 22, 0.8); /* Color principal del brillo */
    --brillo-color-2: rgba(0, 255, 255, 0); /* Hacia dónde se desvanece el brillo (transparente) */
    --velocidad-animacion: s; /* Qué tan rápido gira el brillo */

    position: relative; /* ¡Esencial para posicionar el brillo! */
    overflow: hidden; /* Oculta lo que se salga del borde redondeado */
    border-radius: var(--borde-redondeado);
}

/* --- 1. El efecto Glassmorphism --- */
/* Esta es la capa de "vidrio" principal. */
.Header-glass-container {
    background-color: rgba(22, 22, 22, 0.8); /* Un fondo oscuro y semitransparente. Ajústalo a tu gusto. */
    -webkit-backdrop-filter: blur(20px); /* Desenfoque para el efecto vidrio (Safari) */
    backdrop-filter: blur(10px); /* Desenfoque para el efecto vidrio (Otros navegadores) */
    border: 1px solid rgba(255, 255, 255, 0.1); /* Un borde muy sutil para definir la forma */
}


/* --- 2. El Borde brillante (La Magia) --- */
/* Usamos un pseudo-elemento ::before para crear el brillo por detrás. */
.Header-glass-container::before {
    content: '';
    position: absolute;
    z-index: -1; /* Lo ponemos detrás del contenido del contenedor */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Lo centramos perfectamente */
    width: 150%; /* Más grande que el contenedor para que el gradiente se vea bien */
    height: 150%;

    /* ¡Aquí está el truco! Un gradiente cónico que gira */
    background: conic-gradient(
        var(--brillo-color-1), 
        var(--brillo-color-2), 
        var(--brillo-color-1)
    );
    
    /* ¡Y aquí lo animamos! */
    animation: rotate-glow var(--velocidad-animacion) linear infinite;
}

/* --- 3. La Animación del Brillo --- */
/* Define cómo el gradiente rota de 0 a 360 grados */
@keyframes rotate-glow {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}/* End custom CSS */