/* Aarón Montejano — glassmorphism sólo para la cabecera que Creovibe muestra al hacer scroll.
   Conserva intactos los estilos y efectos de la cabecera inicial y del resto del tema. */
.main-header.header-style-one .sticky-header {
  left: 0;
  right: 0;
  top: 14px;
  width: calc(100% - 32px);
  max-width: 1360px;
  margin-inline: auto;
  padding: 0;
  border-radius: 20px;
  box-sizing: border-box;
  overflow: visible;
}

.main-header.header-style-one .sticky-header.fixed-header {
  background: rgba(255, 255, 255, 0.76);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.75);
  box-shadow: 0 14px 46px rgba(3, 3, 3, 0.10),
              0 3px 12px rgba(3, 3, 3, 0.045),
              inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.main-header.header-style-one .sticky-header > .auto-container {
  max-width: none;
  padding-inline: clamp(18px, 3vw, 46px);
}

.main-header.header-style-one .sticky-header .inner-container {
  min-height: 64px;
  padding-block: 7px;
  gap: 24px;
}

.main-header.header-style-one .sticky-header .logo img {
  max-height: 37px;
  width: auto;
}

.main-header.header-style-one .sticky-header .main-menu .navigation > li {
  margin-left: clamp(13px, 2.35vw, 32px);
  padding-block: 13px;
}

.main-header.header-style-one .sticky-header .main-menu .navigation > li > a {
  color: #181818 !important;
  font-family: var(--body-font-family);
  white-space: nowrap;
  transition: color 200ms ease;
}

.main-header.header-style-one .sticky-header .main-menu .navigation > li.current > a,
.main-header.header-style-one .sticky-header .main-menu .navigation > li:hover > a,
.main-header.header-style-one .sticky-header .main-menu .navigation > li > a:focus-visible {
  color: var(--theme-color1) !important;
}

.main-header.header-style-one .sticky-header .mobile-nav-toggler {
  color: #181818;
}

.main-header.header-style-one .sticky-header .mobile-nav-toggler:hover {
  color: var(--theme-color1);
}

/* El diseño sigue siendo usable aunque un navegador no admita backdrop-filter. */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .main-header.header-style-one .sticky-header.fixed-header {
    background: rgba(255, 255, 255, 0.96);
  }
}

@media (max-width: 1023.98px) {
  .main-header.header-style-one .sticky-header {
    width: calc(100% - 24px);
    top: 10px;
    border-radius: 17px;
  }
  .main-header.header-style-one .sticky-header .inner-container {
    min-height: 58px;
    gap: 12px;
  }
  .main-header.header-style-one .sticky-header .logo img {
    max-height: 34px;
  }
}

@media (max-width: 575.98px) {
  .main-header.header-style-one .sticky-header {
    width: calc(100% - 20px);
    top: 8px;
    border-radius: 15px;
  }
  .main-header.header-style-one .sticky-header > .auto-container {
    padding-inline: 17px;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .main-header.header-style-one .sticky-header.fixed-header {
    background: rgba(255, 255, 255, 0.98);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .main-header.header-style-one .sticky-header.animated {
    animation: none !important;
  }
}


/* Fase 2.6: logotipo oficial visible en el header glass (SVG inline, sin dependencia de URL). */
.main-header.header-style-one .sticky-header .inner-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-header.header-style-one .sticky-header .sticky-brand-logo {
  position: relative;
  z-index: 2;
  display: flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  margin-right: 18px;
  visibility: visible !important;
  opacity: 1 !important;
}
.main-header.header-style-one .sticky-header .sticky-brand-link {
  display: inline-flex;
  width: clamp(135px, 13vw, 175px);
  max-width: 100%;
  align-items: center;
  line-height: 0;
  text-decoration: none;
}
.main-header.header-style-one .sticky-header .sticky-brand-link svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 46px;
  overflow: visible;
}
.main-header.header-style-one .sticky-header .nav-outer {
  margin-left: auto;
}
@media (max-width: 575.98px) {
  .main-header.header-style-one .sticky-header .sticky-brand-logo { margin-right: 10px; }
  .main-header.header-style-one .sticky-header .sticky-brand-link { width: 135px; }
}

/* Fase 2.7: estado activo visible en la navegación sobre el hero.
   El menú sticky conserva su estilo glass original, y el móvil hereda .current. */
.main-header.header-style-one > .outer-box .main-menu .navigation > li.current > a {
  color: var(--theme-color1);
}