/** Shopify CDN: Minification failed

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

**/
/* ============================================================
   CALACAS PERÚ — TEMA GLOBAL DE MARCA
   Cárgalo una vez y úsalo en cualquier parte de tu tienda.
   Cómo instalarlo:
   1. Assets → Add a new asset → sube este archivo (calacas-tema.css)
   2. Abre layout/theme.liquid, y justo antes de </head> pega:
      {{ 'calacas-tema.css' | asset_url | stylesheet_tag }}
   Con eso, todas las variables y clases de abajo quedan
   disponibles en TODA la tienda (páginas, productos, blog, etc.)
   ============================================================ */

:root{
  /* --- Paleta Calacas (cámbiala aquí y afecta todo) --- */
  --cp-ink:#0C0C0E;         /* negro asfalto — fondos */
  --cp-ink-2:#131316;       /* superficie */
  --cp-ink-3:#1A1A1E;       /* tarjetas */
  --cp-bone:#ECE4D2;        /* hueso — texto/bordes */
  --cp-bone-soft:#A9A294;   /* hueso apagado */
  --cp-blood:#E63329;       /* rojo — CTA/acento */
  --cp-blood-deep:#8F1712;  /* rojo profundo — sombras duras */
  --cp-gold:#FDB022;        /* oro — detalles */
  --cp-wa:#25D366;          /* verde WhatsApp */
  --cp-line:#2A2A30;        /* líneas divisorias */

  /* --- Constantes de estilo --- */
  --cp-bw:2.5px;                       /* grosor de borde marca */
  --cp-shadow:7px 7px 0 var(--cp-blood-deep);
  --cp-shadow-sm:4px 4px 0 var(--cp-blood-deep);
  --cp-radius:0px;                     /* la marca usa esquinas rectas */
  --cp-maxw:1200px;
}

/* --- Fuentes de marca --- */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@400;500;600;700;900&family=Space+Mono:wght@400;700&display=swap');

/* ============================================================
   CLASES REUTILIZABLES
   Ponlas en cualquier elemento HTML de tu tienda:
   <a class="cp-btn cp-btn--fx">Comprar</a>
   ============================================================ */

/* Contenedor centrado */
.cp-container{max-width:var(--cp-maxw);margin:0 auto;padding:0 20px}

/* Títulos tipo póster */
.cp-h1{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(32px,5vw,64px);line-height:.9;letter-spacing:.5px;color:var(--cp-bone)}
.cp-h2{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(26px,4vw,44px);line-height:.92;letter-spacing:.5px;color:var(--cp-bone)}
.cp-h2 mark, .cp-h1 mark{background:var(--cp-blood);color:#fff;padding:0 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.cp-h2 mark.gold, .cp-h1 mark.gold{background:var(--cp-gold);color:var(--cp-ink)}
.cp-kicker{font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--cp-gold)}

/* Botones */
.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Anton',sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.8px;padding:14px 24px;min-height:48px;border:var(--cp-bw) solid var(--cp-bone);background:var(--cp-ink-2);color:var(--cp-bone);text-decoration:none;cursor:pointer;transition:.15s}
.cp-btn:hover{transform:translate(-3px,-3px);box-shadow:var(--cp-shadow);color:var(--cp-bone)}
.cp-btn--fx{background:var(--cp-blood);color:#fff;box-shadow:var(--cp-shadow)}
.cp-btn--fx:hover{color:#fff}
.cp-btn--gold{background:var(--cp-gold);color:var(--cp-ink)}
.cp-btn--wa{background:var(--cp-wa);color:#04231a;border-color:#04231a}

/* Tarjeta con borde y sombra dura */
.cp-card{background:var(--cp-ink-3);border:var(--cp-bw) solid var(--cp-bone);box-shadow:var(--cp-shadow-sm);transition:.18s}
.cp-card:hover{transform:translate(-3px,-3px);box-shadow:var(--cp-shadow)}

/* Etiqueta / sticker */
.cp-tag{font-family:'Space Mono',monospace;font-weight:700;font-size:11px;text-transform:uppercase;padding:4px 10px;border:2px solid var(--cp-ink);background:var(--cp-gold);color:var(--cp-ink)}
.cp-tag--blood{background:var(--cp-blood);color:#fff}
.cp-sticker{display:inline-block;font-family:'Anton',sans-serif;text-transform:uppercase;background:var(--cp-gold);color:var(--cp-ink);border:var(--cp-bw) solid var(--cp-ink);padding:8px 16px;transform:rotate(-4deg);box-shadow:4px 4px 0 rgba(0,0,0,.4)}

/* Utilidades de color rápidas */
.cp-bg-ink{background:var(--cp-ink) !important}
.cp-bg-ink2{background:var(--cp-ink-2) !important}
.cp-text-bone{color:var(--cp-bone) !important}
.cp-text-blood{color:var(--cp-blood) !important}
.cp-text-gold{color:var(--cp-gold) !important}
.cp-border{border:var(--cp-bw) solid var(--cp-bone)}
.cp-shadow{box-shadow:var(--cp-shadow)}

/* Animación de entrada reutilizable: añade class="cp-reveal" y se activa al hacer scroll con el script de abajo */
.cp-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease}
.cp-reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cp-reveal{opacity:1;transform:none;transition:none}}