/** Shopify CDN: Minification failed

Line 295:1 Unexpected "}"

**/
/* ====================================
   ALCI PREMIUM HEADER - Glassmorphism
   Diseño futurista y minimalista
   ==================================== */

:root {
  --alci-bg-dark: #0a0f1c;
  --alci-cyan: #00C2FF;
  --alci-cyan-glow: rgba(0, 194, 255, 0.4);
  --alci-blur: 12px;
  --alci-transition: 0.2s cubic-bezier(0.4, 0.13, 0.55, 1);
}

/* Header principal con glassmorphism */
.header {
  background: rgba(10, 15, 28, 0.94) !important;
  backdrop-filter: blur(var(--alci-blur));
  -webkit-backdrop-filter: blur(var(--alci-blur));
  border-top: 1.5px solid rgba(0, 194, 255, 0.5);
  box-shadow: none;
  transition: all var(--alci-transition);
}

/* Sticky header con efectos premium */
.header.is-sticky {
  background: rgba(10, 15, 28, 0.97) !important;
  box-shadow: 0 6px 32px -8px rgba(0, 26, 41, 0.6),
              0 2px 0 0 var(--alci-cyan);
  border-bottom: 2px solid var(--alci-cyan);
}

/* Logo con animación sutil */
.header__logo {
  transition: transform 0.3s ease;
}

.header__logo:hover {
  transform: scale(1.05);
  filter: drop-shadow(0 0 10px var(--alci-cyan-glow));
}

/* Links del menú con animación de subrayado */
.header__menu-item a {
  position: relative;
  color: #fff !important;
  font-weight: 500;
  transition: color 0.15s ease;
}

.header__menu-item a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2.5px;
  background: linear-gradient(90deg, var(--alci-cyan) 60%, #00e2ef 100%);
  transition: width 0.22s cubic-bezier(0.71, -0.51, 0.55, 1.21);
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0, 194, 255, 0.7);
}

.header__menu-item a:hover::after,
.header__menu-item a:focus::after {
  width: 90%;
}

.header__menu-item a:hover,
.header__menu-item a:focus {
  color: var(--alci-cyan) !important;
}

/* Botón CTA con efecto glow pulsante */
.header__cta-button,
.button--primary {
  background: linear-gradient(90deg, #00c2ff, #0048ae) !important;
  border: none !important;
  padding: 14px 32px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(0, 194, 255, 0.35);
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}

.header__cta-button:hover,
.button--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(0, 194, 255, 0.5);
  filter: brightness(1.1);
}

/* Animación de pulso para CTA */
@keyframes alciPulse {
  0%, 100% {
    box-shadow: 0 4px 16px rgba(0, 194, 255, 0.35);
  }
  50% {
    box-shadow: 0 4px 24px rgba(0, 194, 255, 0.65);
  }
}

.header__cta-button {
  animation: alciPulse 2s ease-in-out infinite;
}

/* Mega menú con glassmorphism */
.header__submenu,
.mega-menu {
  background: rgba(16, 22, 38, 0.96) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: 18px;
  border: 1px solid rgba(0, 194, 255, 0.3);
  box-shadow: 0 0 8px 1px rgba(0, 194, 255, 0.5),
              0 16px 40px -20px rgba(2, 29, 43, 0.5);
  padding: 32px 28px;
  animation: megaFadeIn 0.3s ease;
}

@keyframes megaFadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Links del mega menú */
.header__submenu a {
  color: #fff !important;
  transition: all 0.15s ease;
  padding: 8px 12px;
  border-radius: 8px;
  display: block;
}

.header__submenu a:hover {
  background: rgba(0, 194, 255, 0.1);
  color: var(--alci-cyan) !important;
  transform: translateX(4px);
}

/* Menú móvil con glassmorphism */
.mobile-menu {
  background: rgba(10, 15, 28, 0.98) !important;
  backdrop-filter: blur(var(--alci-blur));
  box-shadow: -6px 0 30px rgba(0, 194, 255, 0.25);
}

/* Hamburger con animación */
.header__hamburger span {
  background: var(--alci-cyan) !important;
  transition: all 0.3s ease;
}

.header__hamburger:hover span {
  box-shadow: 0 0 8px var(--alci-cyan-glow);
}

/* Icono de búsqueda */
.header__search-button {
  color: var(--alci-cyan) !important;
  transition: all 0.2s ease;
}

.header__search-button:hover {
  transform: scale(1.1);
  filter: drop-shadow(0 0 8px var(--alci-cyan-glow));
}

/* Accesibilidad - Focus states */
a:focus-visible,
button:focus-visible {
  outline: 2.5px solid var(--alci-cyan) !important;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Respeto a prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Responsive breakpoints */
@media (max-width: 1280px) {
  .header__menu {
    gap: 24px;
  }
}

@media (max-width: 1024px) {
  .header__cta-button {
    padding: 12px 24px !important;
  }
}

@media (max-width: 768px) {
  .header {
    padding: 12px 16px;
  }
  
  .mobile-menu__cta {
    position: sticky;
    bottom: 16px;
    margin: 16px;
  }
}

/* ==========================================
   FIX DE VISIBILIDAD - Header Horizon Theme
   ========================================== */

/* Forzar visibilidad del header completo */
header, .shopify-section-header, [id*="shopify-section-header"] {
  background: rgba(10, 15, 28, 0.94) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-top: 1.5px solid rgba(0, 194, 255, 0.5) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  width: 100% !important;
}

/* Forzar visibilidad de todos los links y textos del header */
header a,
header button,
header span,
header div,
.shopify-section-header a,
.shopify-section-header button,
.shopify-section-header span {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Logo siempre visible */
header img,
header svg,
.header__logo img,
.header__logo svg {
  opacity: 1 !important;
  visibility: visible !important;
  filter: brightness(1.2) !important;
}

/* Links del menú con hover cyan */
header nav a:hover,
header a:hover {
  color: var(--alci-cyan) !important;
}

/* Iconos del header (búsqueda, carrito, cuenta) */
header svg path,
header svg circle,
header svg line {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}

/* Sticky state más visible */
header.is-sticky,
header[data-transparent="false"],
.shopify-section-header.is-sticky {
  background: rgba(10, 15, 28, 0.98) !important;
  box-shadow: 0 6px 32px -8px rgba(0, 26, 41, 0.6),
              0 2px 0 0 var(--alci-cyan) !important;
  border-bottom: 2px solid var(--alci-cyan) !important;
}

header *,
/* Asegurar que el menú sea visible - sin romper estructura */
header *, .shopify-section-header * {
  visibility: visible !important;
  opacity: 1 !important;
}}
header nav,
.header__menu {
}

/* FORZAR VISIBILIDAD ABSOLUTA DEL HEADER - ULTRA AGRESIVO */
body > header,
body > div > header,
[class*="header"],
[id*="header"],
.shopify-section:first-child,
#shopify-section-header {
  background: rgba(10, 15, 28, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  min-height: 60px !important;
  padding: 12px 0 !important;
}

/* Todos los textos y links en blanco */
body > header *,
body > div > header *,
[class*="header"] *,
[id*="header"] *,
.shopify-section:first-child * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Quitar opacidad cero o hidden */
body > header *,
[class*="header"] * {
  opacity: 1 !important;
  visibility: visible !important;
}