/** Shopify CDN: Minification failed

Line 13:3 Unexpected "-"

**/
/* ============================================================
   EMBER SUPPLY — Animations & Typography Enhancement Layer
   ------------------------------------------------------------
   100% ADITIVO: no borra ni reemplaza CSS existente.
   No toca colores (#f0a45c se reutiliza, se cambia a ambar) ni logo.
   Ajustes de integración (tema Horizon/custom, Paso 1):
   - selectores de precios/cards/tags -> .p-card*/.p-tag
   - calc() en clamp() (sintaxis CSS válida)
   - reveal gateado por html.ss-anim (anti-contenido-oculto:
     si el JS no carga, nada queda invisible)
   - a:hover scoped a main y excluye .btn/.p-card/.pay-alt/
     .filter-chip (los CTAs <a> no deben teñirse de ambar)
   ============================================================ */

:root {
  --ember-accent: #f0a45c;
  --ember-bg: #100d0a;
  --ember-transition-fast: 180ms ease-out;
  --ember-transition-mid: 400ms cubic-bezier(0.22, 1, 0.36, 1);
  --ember-transition-slow: 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* 1. TIPOGRAFÍA — jerarquía y realce */
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.15;
}
h1, .h1 { font-size: clamp(2.2rem, calc(4vw + 1rem), 4rem); letter-spacing: 0.03em; }
h2, .h2 { font-size: clamp(1.8rem, calc(3vw + 1rem), 3rem); }
h3, .h3 { font-size: clamp(1.3rem, calc(2vw + 1rem), 2rem); }
p, body, .rte, .body-text { font-weight: 400; line-height: 1.6; }
/* Tracking táctico visible en todos los títulos de contenido (0.04em) */
#MainContent h1, #MainContent h2 { letter-spacing: 0.04em; }

.p-card-price, .p-price, .cart-price, .p-tag {
  color: var(--ember-accent);
  font-weight: 700;
  text-shadow: 0 0 14px rgba(240, 164, 92, 0.55), 0 0 32px rgba(240, 164, 92, 0.3);
}
/* Glow doble en la palabra acento del hero */
.hero h1 .accent {
  text-shadow: 0 0 22px rgba(240, 164, 92, 0.6), 0 0 44px rgba(240, 164, 92, 0.3);
}

/* 2. BOTONES / CTA */
button, .btn, .button, input[type="submit"], a.button {
  transition: transform var(--ember-transition-fast),
              box-shadow var(--ember-transition-fast),
              background-color var(--ember-transition-fast);
  will-change: transform;
}
button:hover, .btn:hover, .button:hover, a.button:hover {
  transform: scale(1.06);
  box-shadow: 0 0 22px rgba(240, 164, 92, 0.55);
}
button:active, .btn:active, .button:active { transform: scale(0.98); }
/* CTA primario: lift + scale + glow intenso */
.btn-primary:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 0 0 1px var(--ember-accent), 0 16px 44px -10px rgba(240, 164, 92, 0.5);
}

/* 3. TARJETAS DE PRODUCTO */
.p-card, .ss-review-card {
  transition: transform var(--ember-transition-mid),
              box-shadow var(--ember-transition-mid),
              background-color var(--ember-transition-mid);
}
.p-card:hover, .ss-review-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 44px rgba(240, 164, 92, 0.22), 0 0 34px rgba(240, 164, 92, 0.1);
}
.p-card img, .ss-review-card img { transition: transform var(--ember-transition-mid); }
.p-card:hover img, .ss-review-card:hover img { transform: scale(1.03); }

/* 4. LINKS / NAV */
a, nav a, .header a { transition: color var(--ember-transition-fast), opacity var(--ember-transition-fast); }
main a:hover:not(.btn):not(.p-card):not(.pay-alt):not(.filter-chip) {
  color: var(--ember-accent);
  opacity: 0.9;
}

/* 5. SCROLL REVEAL — activado por ember-animations.js (gateado por html.ss-anim) */
html.ss-anim .ember-reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity var(--ember-transition-slow), transform var(--ember-transition-slow);
}
html.ss-anim .ember-reveal.is-visible { opacity: 1; transform: translateY(0); }
/* Refuerzo del sistema data-reveal existente: más recorrido y más lento */
html.ss-anim [data-reveal] {
  transform: translateY(36px);
  transition-duration: 0.65s;
}

.ember-reveal-group .ember-reveal:nth-child(1) { transition-delay: 0ms; }
.ember-reveal-group .ember-reveal:nth-child(2) { transition-delay: 100ms; }
.ember-reveal-group .ember-reveal:nth-child(3) { transition-delay: 200ms; }
.ember-reveal-group .ember-reveal:nth-child(4) { transition-delay: 300ms; }
.ember-reveal-group .ember-reveal:nth-child(5) { transition-delay: 400ms; }
.ember-reveal-group .ember-reveal:nth-child(6) { transition-delay: 500ms; }

/* 6. ACCESIBILIDAD */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .ember-reveal { opacity: 1; transform: none; }
}