.elementor-188 .elementor-element.elementor-element-eee683b{--display:flex;--min-height:80px;--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;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-188 .elementor-element.elementor-element-eee683b:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-eee683b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1D1D00;}.elementor-188 .elementor-element.elementor-element-eee683b.e-con{--align-self:center;}.elementor-188 .elementor-element.elementor-element-5cb4982{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-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-188 .elementor-element.elementor-element-cda7fb8{text-align:start;}.elementor-188 .elementor-element.elementor-element-cda7fb8 img{width:45%;}.elementor-188 .elementor-element.elementor-element-5a09e8c{--display:flex;--justify-content:center;}.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-188 .elementor-element.elementor-element-55a3b37 .elementor-menu-toggle{margin:0 auto;}.elementor-188 .elementor-element.elementor-element-55a3b37 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;}.elementor-188 .elementor-element.elementor-element-55a3b37 .elementor-nav-menu--main .elementor-item{color:#FEFEFE;fill:#FEFEFE;}.elementor-188 .elementor-element.elementor-element-51802cb{--display:flex;--justify-content:center;}.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-188 .elementor-element.elementor-element-9a67fc5 .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;letter-spacing:1px;fill:#FDFEFF;color:#FDFEFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFEFF;border-radius:50px 50px 50px 50px;padding:0px 20px 0px 20px;}.elementor-188 .elementor-element.elementor-element-6fca738{--display:flex;}.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-188 .elementor-element.elementor-element-eee683b{--content-width:1240px;}.elementor-188 .elementor-element.elementor-element-5cb4982{--width:25%;}.elementor-188 .elementor-element.elementor-element-5a09e8c{--width:50%;}.elementor-188 .elementor-element.elementor-element-51802cb{--width:25%;}}/* Start custom CSS for button, class: .elementor-element-9a67fc5 *//* ==========================================================================
   BOTÓN HEADER - GEOMETRÍA Y ESTADO BASE
   ========================================================================== */

.elementor-188 .elementor-element.elementor-element-9a67fc5 .elementor-button {
  height: 42px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;

  /* Tipografía */
  font-family: 'inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  line-height: 1.5em !important;
  color: #F9F9F9 !important;
  text-decoration: none !important;

  /* Estado inicial arriba (sin scroll) */
  background: rgba(13, 15, 24, 0.20) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(254, 254, 254, 0.35) !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 4px 15px rgba(0, 0, 0, 0.25) !important;

  will-change: transform;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-188 .elementor-element.elementor-element-9a67fc5 .elementor-button-text {
  display: inline-block !important;
  will-change: transform;
  pointer-events: none;
}

/* Hover */
.elementor-188 .elementor-element.elementor-element-9a67fc5 .elementor-button:hover {
  background: rgba(13, 15, 24, 0.90) !important;
  border-color: rgba(174, 223, 242, 0.55) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.25), 0 10px 28px rgba(0, 0, 0, 0.35) !important;
}

.elementor-188 .elementor-element.elementor-element-9a67fc5 .elementor-button:hover .elementor-button-text {
  color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eee683b *//* FORZAR HEADER FLOTANTE SOBRE EL HERO (CERO BLOQUE BLANCO) */
.ud-sticky-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background-color: transparent !important;
  z-index: 9999 !important;
  margin: 0 !important;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Eliminar cualquier fondo residual que Elementor o el tema inyecten */
header.elementor-location-header,
.elementor-theme-builder-content-area header {
  background: transparent !important;
  background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS */<style>
/* ==========================================================================
   HEADER & FLOATING NAV PILL CON GLASSMORPHISM (UD ESTUDIO)
   ========================================================================== */

/* 1. CONTENEDOR HEADER */
.ud-sticky-header {
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. ESTADO BASE DEL MENÚ (Arriba del todo / Sin scroll) */
.ud-nav-pill {
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  will-change: transform, background-color, border-color, box-shadow;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Envoltura de lista Elementor */
.ud-nav-pill .elementor-nav-menu {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ud-nav-pill .elementor-nav-menu > li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Enlaces del menú en reposo */
.ud-nav-pill .elementor-item,
.ud-nav-pill a {
  position: relative !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  line-height: 1.5em !important;
  color: rgba(249, 249, 249, 0.75) !important;
  padding: 8px 18px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

/* 3. ESTADO EN SCROLL (Se materializa la cápsula Glassmorphism) */
.ud-sticky-header.is-scrolled .ud-nav-pill {
  background: rgba(13, 15, 24, 0.65) !important; /* Tintado oscuro que contrasta sobre fondos claros #FEFEFE */
  backdrop-filter: blur(14px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
  border: 1px solid rgba(254, 254, 254, 0.20) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.12) !important;
  padding: 6px 10px !important;
  transform: translateY(2px) scale(0.98);
}

/* 4. ESTADO HOVER (Microcápsula de luz tenue) */
.ud-nav-pill .elementor-item:hover,
.ud-nav-pill a:hover {
  color: #FFFFFF !important;
  background-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
}

/* Focus-dimming: atenúa los demás elementos al pasar sobre el menú */
.ud-nav-pill:hover .elementor-item:not(:hover) {
  opacity: 0.55 !important;
}

/* 5. ESTADO ACTIVO (Página actual) */
.ud-nav-pill .elementor-item.elementor-item-active,
.ud-nav-pill .current-menu-item > a {
  color: #AEDFF2 !important; /* Acento celeste */
  font-weight: 600 !important;
  background-color: rgba(174, 223, 242, 0.08) !important;
  border-color: rgba(174, 223, 242, 0.22) !important;
}

/* Micro-dot indicador debajo del enlace activo */
.ud-nav-pill .elementor-item.elementor-item-active::after,
.ud-nav-pill .current-menu-item > a::after {
  content: "" !important;
  position: absolute !important;
  bottom: 3px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background-color: #AEDFF2 !important;
  box-shadow: 0 0 6px rgba(174, 223, 242, 0.8) !important;
}

/* Evitar que el ítem activo pierda su color celeste en hover */
.ud-nav-pill .elementor-item.elementor-item-active:hover,
.ud-nav-pill .current-menu-item > a:hover {
  color: #AEDFF2 !important;
  background-color: rgba(174, 223, 242, 0.14) !important;
}
<\/style>

<script>
(function() {
  function initHeaderScrub() {
    const header = document.querySelector('.ud-sticky-header');
    if (!header) return;

    let isScrolled = false;

    function handleScroll() {
      // Activa la cápsula tras bajar 45px
      if (window.scrollY > 45) {
        if (!isScrolled) {
          header.classList.add('is-scrolled');
          isScrolled = true;
        }
      } else {
        if (isScrolled) {
          header.classList.remove('is-scrolled');
          isScrolled = false;
        }
      }
    }

    window.addEventListener('scroll', handleScroll, { passive: true });
    handleScroll();
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initHeaderScrub);
  } else {
    initHeaderScrub();
  }
  window.addEventListener('load', initHeaderScrub);
})();
</script>/* End custom CSS */