/** Shopify CDN: Minification failed

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

**/
/* Calacas Perú — Compra por vibra — Dark Brutal */
.cp-vb{
  --ink:#0C0C0E; --ink-2:#1A1A1E;
  --bone:#ECE4D2; --bone-soft:#A9A294;
  --blood:#E63329; --blood-deep:#8F1712; --gold:#FDB022;
  background:var(--ink); color:var(--bone); font-family:'Archivo',sans-serif;
  padding:64px 0;
}
.cp-vb *{box-sizing:border-box}
.cp-wrap{max-width:1200px;margin:0 auto;padding:0 20px}

.cp-vb__head{margin-bottom:30px}
.cp-vb__kicker{display:inline-block;font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.cp-vb__title{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(28px,4.5vw,48px);line-height:.92;letter-spacing:.5px;color:var(--bone) !important}
.cp-vb__title mark{background:var(--bone);color:var(--ink) !important;padding:0 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.cp-vb__sub{font-size:14px;color:var(--bone-soft) !important;font-weight:500;margin-top:10px;max-width:52ch}

.cp-vb__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.cp-vb__card{
  position:relative; aspect-ratio:3/4; overflow:hidden; display:flex; align-items:flex-end;
  background:#111; border:2.5px solid var(--bone); box-shadow:6px 6px 0 var(--blood-deep);
  text-decoration:none; color:inherit;
  opacity:0; transform:translateY(24px); transition:opacity .5s ease, transform .3s ease, box-shadow .3s ease;
}
.cp-vb__card.in{opacity:1;transform:none}
.cp-vb__card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--blood-deep)}
@media (prefers-reduced-motion:reduce){.cp-vb__card{opacity:1;transform:none;transition:none}}

.cp-vb__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transition:transform .5s ease, opacity .3s ease}
.cp-vb__card:hover img{opacity:.95;transform:scale(1.06)}
.cp-vb__placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--bone-soft);font-family:'Anton',sans-serif;text-transform:uppercase;font-size:20px;background:var(--ink-2)}
.cp-vb__card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,12,14,.9),transparent 45%)}

.cp-vb__label{position:relative;z-index:2;margin:14px;background:var(--ink);border:2px solid var(--bone);padding:9px 15px;box-shadow:3px 3px 0 var(--blood-deep)}
.cp-vb__label span{font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--gold) !important;letter-spacing:.5px;display:block}
.cp-vb__label h4{font-family:'Anton',sans-serif;font-size:17px;text-transform:uppercase;letter-spacing:.5px;line-height:1.1;color:var(--bone) !important;margin:2px 0 0}

@media(max-width:860px){.cp-vb__grid{grid-template-columns:1fr 1fr;gap:14px}}
@media(max-width:480px){
  .cp-vb{padding:44px 0}
  .cp-vb__grid{grid-template-columns:1fr 1fr;gap:10px}
  .cp-vb__label{margin:10px;padding:7px 11px}
  .cp-vb__label h4{font-size:14px}
  .cp-vb__label span{font-size:9.5px}
}

@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');
