/** Shopify CDN: Minification failed

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

**/
/* Calacas Perú — Portada de colección — Dark Brutal con movimiento */
.cpb{
  --ink:#0C0C0E; --ink-2:#131316;
  --bone:#ECE4D2; --bone-soft:#A9A294;
  --blood:#E63329; --blood-deep:#8F1712; --gold:#FDB022;
  --overlay:.82; --bw:2.5px;
  background:var(--ink); color:var(--bone); font-family:'Archivo',sans-serif; padding:0 0 0;
}
.cpb *{box-sizing:border-box}
.cp-wrap{max-width:1200px;margin:0 auto;padding:0 20px}

.cpb__banner{
  position:relative;overflow:hidden;
  border:var(--bw) solid var(--bone);box-shadow:10px 10px 0 var(--blood-deep);
  min-height:420px;display:flex;align-items:center;background:var(--ink);
  margin-top:24px;
  opacity:0;transform:translateY(26px);transition:opacity .6s ease, transform .6s ease;
}
.cpb__banner.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cpb__banner{opacity:1;transform:none;transition:none}}

/* Imagen con zoom lento infinito (movimiento sutil) */
.cpb__media{position:absolute;inset:0;z-index:0;overflow:hidden}
.cpb__media img{width:100%;height:100%;object-fit:cover;object-position:center right;animation:cpb-zoom 18s ease-in-out infinite alternate}
@keyframes cpb-zoom{from{transform:scale(1)}to{transform:scale(1.09)}}
@media (prefers-reduced-motion:reduce){.cpb__media img{animation:none}}
.cpb__ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--bone-soft);font-size:13px;background:var(--ink-2)}

/* Degradado */
.cpb__grad{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(12,12,14,calc(var(--overlay) + .12)) 0%,
      rgba(12,12,14,var(--overlay)) 38%,
      rgba(36,16,22,calc(var(--overlay) * .55)) 62%,
      transparent 100%),
    linear-gradient(0deg, rgba(12,12,14,.6) 0%, transparent 34%)}

/* Texto */
.cpb__txt{position:relative;z-index:2;padding:52px;max-width:60%;display:flex;flex-direction:column;align-items:flex-start}
.cpb__kicker{display:inline-block;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold) !important;border:2px solid var(--gold);padding:5px 12px;margin-bottom:18px}
.cpb__title{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(36px,6vw,72px);line-height:.88;letter-spacing:.5px;color:var(--bone) !important;text-shadow:0 3px 24px rgba(0,0,0,.7);margin:0}
.cpb__title mark{background:var(--blood);color:#fff !important;padding:0 12px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.cpb__sub{color:var(--bone-soft) !important;font-weight:500;font-size:16px;margin:18px 0 26px;max-width:44ch;text-shadow:0 1px 12px rgba(0,0,0,.8)}
.cpb__btns{display:flex;gap:14px;flex-wrap:wrap}
.cpb__btn{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:16px;letter-spacing:.8px;padding:15px 26px;border:var(--bw) solid var(--bone);background:var(--blood);color:#fff !important;text-decoration:none;box-shadow:6px 6px 0 var(--blood-deep);transition:.15s}
.cpb__btn:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--blood-deep)}
.cpb__btn--ghost{background:transparent;color:var(--bone) !important}
.cpb__btn--ghost:hover{background:var(--bone);color:var(--ink) !important}

/* Ticker de beneficios en movimiento */
.cpb__ticker{margin-top:16px;background:var(--blood);border-top:var(--bw) solid var(--bone);border-bottom:var(--bw) solid var(--bone);overflow:hidden;white-space:nowrap}
.cpb__ticker-track{display:inline-flex;padding:11px 0;animation:cpb-scroll 22s linear infinite;font-family:'Space Mono',monospace;font-weight:700;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:#fff}
.cpb__ticker-track span{padding:0 26px;position:relative}
.cpb__ticker-track span::after{content:"💀";position:absolute;right:-6px;font-size:11px}
@keyframes cpb-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cpb__ticker-track{animation:none}}

/* Móvil */
@media(max-width:760px){
  .cpb__banner{min-height:440px;margin-top:16px}
  .cpb__media img{object-position:center}
  .cpb__grad{background:linear-gradient(0deg,rgba(12,12,14,.96) 0%,rgba(12,12,14,.72) 46%,rgba(12,12,14,.35) 100%)}
  .cpb__txt{max-width:100%;padding:28px 22px;align-self:flex-end}
  .cpb__btn{flex:1;text-align:center;font-size:14px;padding:13px 16px}
}

@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');