/** Shopify CDN: Minification failed

Line 19:0 All "@import" rules must come first

**/
/* ===== NOCTRA — paleta y firma visual ===== */

:root {
  --noctra-void: #0A0A10;
  --noctra-surface: #16161F;
  --noctra-ink: #F1F0F6;
  --noctra-line: #2A2A36;
  --noctra-violet: #8B7CFF;
  --noctra-glow: #00E5A0;
  --noctra-ember: #FF5C82;
}

/* Fuentes: mono para precios, display para títulos */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=JetBrains+Mono:wght@600;700&display=swap');

.price,
.price__container,
.price-item {
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 700;
}

/* Punto glow junto al nombre de la tienda en el header (logo en texto) */
.header__heading-link {
  position: relative;
}
.header__heading-link::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 6px;
  margin-bottom: 8px;
  border-radius: 999px;
  background: var(--noctra-glow);
  box-shadow: 0 0 8px var(--noctra-glow);
  animation: noctra-pulse 2.4s ease-in-out infinite;
  vertical-align: middle;
}
@keyframes noctra-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
@media (prefers-reduced-motion: reduce) {
  .header__heading-link::after { animation: none; }
}

/* Separador de sección con franjas diagonales (firma de marca) */
.noctra-diagonal-divider {
  height: 14px;
  background-image: repeating-linear-gradient(
    -24deg,
    var(--noctra-violet) 0px,
    var(--noctra-violet) 14px,
    transparent 14px,
    transparent 26px
  );
}

/* Ticker / marquesina */
.noctra-marquee {
  background: var(--noctra-surface);
  border-top: 1px solid var(--noctra-line);
  border-bottom: 1px solid var(--noctra-line);
  overflow: hidden;
  padding: 14px 0;
}
.noctra-marquee__track {
  display: flex;
  width: max-content;
  animation: noctra-scroll 22s linear infinite;
  font-family: 'JetBrains Mono', monospace;
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  color: var(--noctra-ink);
  white-space: nowrap;
}
.noctra-marquee__track span { padding: 0 22px; }
@keyframes noctra-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .noctra-marquee__track { animation: none; }
}

/* ===== NOCTRA — tipografía y botones más audaces ===== */

h1, h2, h3,
.h0, .h1, .h2, .h3,
.banner__heading,
.collection-hero__title {
  font-family: 'Archivo Black', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.02;
}

.button,
button[type="submit"],
.button--primary,
.product-form__submit {
  border-radius: 999px !important;
  text-transform: uppercase;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  transition: transform 0.15s ease, background 0.15s ease !important;
}
.button:hover,
button[type="submit"]:hover,
.button--primary:hover,
.product-form__submit:hover {
  transform: translateY(-2px);
}

.noctra-tag {
  display: inline-block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 5px 10px;
  background: var(--noctra-violet);
  color: #fff;
  border-radius: 3px;
  text-transform: uppercase;
}

/* Logo NOCTRA (luna + wordmark) */
.noctra-logo {
  display: inline-flex;
  align-items: center;
  color: inherit;
}
.noctra-logo svg {
  display: block;
  height: 24px;
  width: auto;
  color: inherit;
}
@media screen and (min-width: 750px) {
  .noctra-logo svg {
    height: 28px;
  }
}

/* ===== NOCTRA — pulido visual adicional ===== */

/* Insignias de producto (Oferta / Agotado) coherentes con la marca */
.badge {
  background-color: var(--noctra-violet) !important;
  color: #fff !important;
  border-color: transparent !important;
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: 0.04em;
  border-radius: 3px !important;
}
.badge--bottom-left,
.badge--bottom-right,
.badge--top-right,
.badge--top-left {
  background-color: var(--noctra-void) !important;
  border: 1px solid var(--noctra-violet) !important;
  color: var(--noctra-ink) !important;
}

/* Tarjetas de producto: hover con leve elevación y brillo violeta sutil */
.card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(139, 124, 255, 0.15);
}
.card__inner {
  border-radius: 8px !important;
  overflow: hidden;
}

/* Carrito vacío con tono de marca */
.cart-empty__buttons .button,
.cart__empty-text + * .button {
  border-radius: 999px !important;
}

/* Enlaces con foco/hover consistentes con el acento violeta */
a:not(.button):hover {
  text-decoration-color: var(--noctra-violet);
}