/** Shopify CDN: Minification failed

Line 87:31 Expected ":"

**/
/* La Zona Perdida — capa de marca sobre Dawn */
:root{
  --brand-night:#16032E; --brand-ink:#2E1F59;
  --brand-violet:#602B8A; --brand-magenta:#9F2D87;
  --brand-lavender:#685FA2; --brand-cyan:#1E8FC9;
  --brand-azure:#1676C7; --brand-blue:#3885BC;

  --text-on-dark:#FFFFFF; --text-muted:#D8D6EA;
  --surface-1:#1C1338; --surface-2:#-;
  --radius:16px;
  --shadow-1:0 6px 24px rgba(0,0,0,.35);
  --shadow-neon:0 0 0 2px rgba(159,45,135,.3), 0 18px 40px rgba(30,143,201,.35);
  --grad-hero:linear-gradient(135deg, var(--brand-magenta), var(--brand-violet) 45%, var(--brand-cyan));
  --grad-cta:linear-gradient(135deg, var(--brand-cyan), var(--brand-violet));
}

/* Tipografías de marca */
h1,h2,h3,.h0,.h1,.h2 { font-family:'Bungee', system-ui; letter-spacing:.4px; }
body { font-family:'Outfit', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background:var(--brand-night); color:var(--text-on-dark); }

/* Header y fondo */
.header, .menu-drawer__inner-container { background: var(--surface-2) !important; }
.color-background-1, .shopify-section { background: var(--brand-night); }

/* Botón primario */
.button, .shopify-payment-button__button--unbranded {
  background: var(--grad-cta); color:#fff;
  border:0; border-radius:14px; box-shadow: var(--shadow-neon);
  transition: transform .12s ease, box-shadow .2s ease;
}
.button:hover { transform: translateY(-1px); }

/* Botón secundario */
.button--secondary, .button--tertiary {
  background: rgba(0,0,0,.35); color:#fff; border:1px solid rgba(255,255,255,.15); box-shadow:none;
}

/* Hero utilitario (si usas la sección hero-tcg) */
.hero-tcg .page-width { border-radius:24px; box-shadow: var(--shadow-1); }

/* Tarjetas de producto (colecciones) – glow al hover */
.card, .product-card { background: var(--surface-1); border-radius: var(--radius); border: 1px solid rgba(255,255,255,.06); }
.card:hover, .product-card:hover { box-shadow: var(--shadow-neon); transform: translateY(-2px); }

/* Badges */
.badge { display:inline-block; padding:4px 10px; border-radius:999px; font-size:11px; border:1px solid rgba(255,255,255,.12); }
.badge--pre { background: rgba(159,45,135,.16); color:#FFD6F5; }
.badge--hot { background: rgba(30,143,201,.16); color:#D5F3FF; }

/* Posición del badge en tarjetas */
.card-wrapper, .product-card { position: relative; }
.card-wrapper .badge--pre, .card-wrapper .badge--hot,
.product-card .badge--pre, .product-card .badge--hot {
  position:absolute; top:10px; left:10px; z-index:2;
}

/* ETA en PDP */
.product__eta { margin-top:.5rem; font-size:.9rem; color:var(--text-muted); }

/* === Colecciones compactas (tiles tipo booster) === */
.lz-title { font-size: 28px; margin: 10px 0 14px; }
.lz-collections-grid {
  display: grid; gap: 14px;
  grid-template-columns: repeat(var(--lz-cols), minmax(0,1fr));
}
@media (max-width: 749px){
  .lz-collections-grid { grid-template-columns: repeat(var(--lz-cols-m), minmax(0,1fr)); }
}
.lz-collections-tile {
  position: relative; border-radius: 16px; overflow: hidden;
  background: var(--surface-1); border:1px solid rgba(255,255,255,.08);
  transition: transform .15s ease, box-shadow .2s ease;
}
.lz-collections-tile:hover { transform: translateY(-2px); box-shadow: var(--shadow-neon); }
.lz-collections-media {
  aspect-ratio: var(--lz-ratio);
  display: flex; align-items: center; justify-content: center;
  background:
    radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(135deg, rgba(159,45,135,.10), rgba(30,143,201,.10));
}
.lz-collections-media img { max*---width: 85%; max-height: 85%; object-fit: contain; display: block; }
.lz-media-fallback { padding: 28px; color: var(--text-muted); text-align: center; }
.lz-collections-label {
  position: absolute; left: 10px; bottom: 10px;
  background: rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.15);
  padding: 6px 10px; border-radius: 999px; font-weight: 600;
}
.lz-actions { margin-top: 14px; }
/* Forzar texto claro en el hero */
.hero-6, .hero-lazona h1, .hero-lazona p { color:#fff !important; }

/* === PARCHE DARK TOTAL PARA DAWN === */
/* Fondo global y secciones */
html, body,
.shopify-section,
.content-for-index,
.color-background-1,
.color-scheme-1,
.color-scheme-2,
.gradient {
  background: var(--brand-night) !important;
  color: #fff !important;
}

/* Títulos y wrappers de títulos */
h1, h2, h3,
.title, .title--primary,
.title-wrapper, .title-wrapper-with-link .title {
  color: #fff !important;
}

/* Hero: texto claro siempre */
.hero-lazona, .hero-lazona h1, .hero-lazona p { color:#fff !important; }

/* Tarjetas genéricas de Dawn (colecciones y productos) */
.card, .product-card,
.collection-list__item, .collection-card {
  background: var(--surface-1) !important;
  border-radius: var(--radius) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  overflow: hidden;
}
.card:hover, .product-card:hover,
.collection-list__item:hover, .collection-card:hover {
  box-shadow: var(--shadow-neon); transform: translateY(-2px);
}

/* Placeholder/imagenes grises de Dawn más integrados al dark */
.placeholder-svg, .placeholder-background,
.skeleton-text__content {
  filter: brightness(0.85) contrast(1.1);
  opacity: .9;
}

/* Botones secundarios en dark */
.button--secondary, .button--tertiary {
  background: rgba(0,0,0,.35) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow: none !important;
}

/* Nuestro grid compacto: estética booster + etiqueta */
.lz-title { font-size: 28px; margin: 10px 0 14px; }
.lz-collections-grid { display: grid; gap: 14px; grid-template-columns: repeat(var(--lz-cols), minmax(0,1fr)); }
@media (max-width: 749px){ .lz-collections-grid { grid-template-columns: repeat(var(--lz-cols-m), minmax(0,1fr)); } }
.lz-collections-tile { position:relative; border-radius:16px; background: var(--surface-1);
  border:1px solid rgba(255,255,255,.08); transition: transform .15s ease, box-shadow .2s ease; }
.lz-collections-tile:hover { transform: translateY(-2px); box-shadow: var(--shadow-neon); }
.lz-collections-media {
  aspect-ratio: var(--lz-ratio);
  display:flex; align-items:center; justify-content:center;
  background:
    radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(135deg, rgba(159,45,135,.10), rgba(30,143,201,.10));
}
.lz-collections-media img { max-width:85%; max-height:85%; object-fit:contain; display:block; }
.lz-media-fallback { padding:28px; color:var(--text-muted); text-align:center; }
.lz-collections-label {
  position:absolute; left:10px; bottom:10px;
  background: rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.15);
  padding:6px 10px; border-radius:999px; font-weight:600;
}

/* Header oscuro a ancho completo + subrayado neón (por si falta) */
.section-header { background: var(--surface-2) !important; box-shadow: 0 6px 20px rgba(0,0,0,.35); }
.header__menu-item { color:#fff !important; position:relative; font-weight:600; }
.header__menu-item::after{
  content:\"\"; position:absolute; left:10%; right:10%; bottom:-6px; height:3px; border-radius:999px;
  transform:scaleX(0); transition:transform .2s ease; background: var(--grad-cta);
}
.header__menu-item:hover::after, .header__menu-item[aria-current=\"page\"]::after { transform:scaleX(1); }

/* Announcement bar coherente */
.announcement-bar { background: var(--brand-ink) !important; color:#fff !important; }

/* ===== Banner de colección LZP ===== */
.lz-collection-banner__box{
  position:relative; border-radius:24px; padding:36px; overflow:hidden;
  background: var(--grad-hero); box-shadow: var(--shadow-1);
}
.lz-collection-banner__bg{
  position:absolute; inset:0; background-repeat:no-repeat; background-position: 95% 80%;
  background-size: 420px auto; pointer-events:none;
}
.lz-breadcrumbs{ margin-bottom:8px; opacity:.85; font-size:.9rem; }
.lz-breadcrumbs a{ color:#fff; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.25); }
.lz-breadcrumbs span{ margin:0 6px; }
.lz-collection-banner__title{ color:#fff; font-size:36px; margin:4px 0 6px; }
.lz-collection-banner__subtitle{ color:#fff; opacity:.95; max-width:760px; }

.lz-quicklinks{ margin-top:12px; display:flex; flex-wrap:wrap; gap:8px; }
.lz-chip{
  display:inline-block; padding:8px 12px; border-radius:999px; font-weight:600;
  color:#fff; text-decoration:none; background: rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.15);
}
.lz-chip:hover{ box-shadow: var(--shadow-neon); transform: translateY(-1px); }

/* ===== Footer LZP ===== */
.lz-footer{ background: var(--surface-2); color:#fff; padding: 36px 0 20px; margin-top: 24px; border-top: 1px solid rgba(255,255,255,.08); }
.lz-footer__grid{ display:grid; gap:18px; grid-template-columns: repeat(4, minmax(0,1fr)); }
@media (max-width: 989px){ .lz-footer__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 599px){ .lz-footer__grid{ grid-template-columns: 1fr; } }

.lz-footer__brand{ font-family:'Bungee',system-ui; font-size:22px; background: var(--grad-cta);
  -webkit-background-clip:text; background-clip:text; color:transparent; }
.lz-footer__logo{ height:44px; margin-bottom:8px; }
.lz-footer__title{ font-family:'Bungee',system-ui; font-size:16px; margin:2px 0 8px; }
.lz-footer__links{ list-style:none; padding:0; margin:0; }
.lz-footer__links a{ color:#fff; opacity:.9; text-decoration:none; }
.lz-footer__links a:hover{ opacity:1; text-decoration:underline; }

.lz-newsletter{ display:flex; gap:8px; }
.lz-newsletter input[type=\"email\"]{
  flex:1; background: rgba(0,0,0,.35); color:#fff; border:1px solid rgba(255,255,255,.2);
  border-radius:12px; padding:10px 12px;
}
.lz-footer__note{ opacity:.85; font-size:.9rem; margin-top:6px; }

.lz-footer__bottom{ margin-top:18px; padding-top:14px; border-top:1px solid rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:space-between; gap:12px; }
.lz-socials a{ display:inline-flex; margin-right:10px; color:#fff; opacity:.9; }
.lz-socials a:hover{ opacity:1; filter: drop-shadow(0 0 8px rgba(30,143,201,.35)); }
.lz-copy{ opacity:.9; font-size:.9rem; }
/* Fuerza inline menu en desktop y oculta hamburguesa si hay ancho >= 990px */
@media screen and (min-width: 990px){
  .header__icon--menu, .menu-drawer { display: none !important; }
  .header__inline-menu { display: flex !important; gap: 10px; }
  .header__heading-logo { max-width: 170px; }
}
/* === Compactar Featured collection (LZP) === */
.shopify-section .featured-collection .grid { gap: 14px; }
@media (min-width: 990px){
  .shopify-section .featured-collection .grid {
    grid-template-columns: repeat(5, minmax(0,1fr)) !important; /* 5 por fila */
  }
}
@media (max-width: 989px){
  .shopify-section .featured-collection .grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important; /* 2 en móvil */
  }
}

/* Mantén las imágenes “booster” y evita cards gigantes */
.shopify-section .featured-collection .card__media { aspect-ratio: 4 / 5 !important; }
.shopify-section .featured-collection .media img { object-fit: contain !important; }

/* Menos aire en la tarjeta */
.shopify-section .featured-collection .card__inner,
.shopify-section .featured-collection .card__content { padding: 10px 12px !important; }

/* Título y precio más compactos */
.shopify-section .featured-collection .card__heading { font-size: .95rem !important; line-height: 1.2 !important; }
.shopify-section .featured-collection .price { font-size: .95rem !important; }

/* (opcional) Si usas Quick add, haz su botón más chico */
.shopify-section .featured-collection .quick-add__submit { padding: 8px 12px !important; border-radius: 10px !important; }
/* === Featured (compact) — LZP === */
.lzp-title { font-size: 26px; margin: 8px 0 12px; }
.lzp-featured-grid {
  display: grid; gap: 12px;
  grid-template-columns: repeat(var(--cols-d), minmax(0, 1fr));
}
@media (max-width: 989px){
  .lzp-featured-grid { grid-template-columns: repeat(var(--cols-m), minmax(0, 1fr)); }
}

/* Cards chicas de verdad */
.lzp-featured-grid .card { border-radius: 14px; }
.lzp-featured-grid .card__media { aspect-ratio: 4 / 5 !important; }
.lzp-featured-grid .media img { object-fit: contain !important; }

/* Reducir tipografía y padding para que queden ~1/4 del tamaño original */
.lzp-featured-grid .card__inner,
.lzp-featured-grid .card__content { padding: 8px 8px !important; }
.lzp-featured-grid .card__heading { font-size: .82rem !important; line-height: 1.2 !important; }
.lzp-featured-grid .price { font-size: .82rem !important; }
.lzp-featured-grid .quick-add__submit { padding: 6px 8px !important; border-radius: 10px !important; }

/* Opcional: aún más pequeñas (activa si quieres máximo compacto) */
/*
.lzp-featured-grid { gap: 10px; }
.lzp-featured-grid .card__heading, .lzp-featured-grid .price { font-size: .75rem !important; }
*/
/* === Mini product cards (Featured compact) === */
.lzp-title { font-size: 26px; margin: 8px 0 12px; }

.lzp-featured-grid {
  display: grid; gap: 12px;
  grid-template-columns: repeat(var(--cols-d), minmax(0, 1fr));
}
@media (max-width: 989px){
  .lzp-featured-grid { grid-template-columns: repeat(var(--cols-m), minmax(0, 1fr)); }
}

.lzp-card {
  display: flex; flex-direction: column; text-decoration: none; color: inherit;
  background: var(--surface-1); border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px; overflow: hidden;
  transition: transform .15s ease, box-shadow .2s ease;
}
.lzp-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-neon); }

.lzp-card-media {
  position: relative; aspect-ratio: 4 / 5;
  display: flex; align-items: center; justify-content: center;
  background:
    radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(135deg, rgba(159,45,135,.10), rgba(30,143,201,.10));
}
.lzp-card-media img { max-width: 90%; max-height: 90%; width: auto; height: auto; display: block; }

.lzp-badge {
  position: absolute; top: 10px; left: 10px;
  background: rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.15);
  padding: 4px 8px; border-radius: 999px; font-size: .75rem;
}

.lzp-card-body { padding: 8px 10px; }
.lzp-card-title { font-size: .9rem; line-height: 1.2; margin: 0 0 4px; color: #fff; }
.lzp-card-price { font-size: .9rem; }
.lzp-price-compare { text-decoration: line-through; opacity: .7; margin-right: 6px; }
