/** Shopify CDN: Minification failed

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

**/
/* Calacas Perú — La Santísima Trinidad — negro + naranja eléctrico */
.cpt{
  --ink:#0A0A0C; --ink-2:#161618;
  --bone:#F5F0E6; --bone-soft:#9C978C;
  --fire:#FF9000; --fire-deep:#A34F00; --halo:#FFD166;
  --bw:2.5px;
  background:var(--ink); color:var(--bone); font-family:'Archivo',sans-serif; padding:64px 0;
  position:relative; overflow:hidden;
}
.cpt::before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:70%;height:60%;
  background:radial-gradient(ellipse at center, rgba(255,144,0,.16), transparent 70%);pointer-events:none}
.cpt *{box-sizing:border-box}
.cp-wrap{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}

/* Cabecera */
.cpt__head{text-align:center;margin-bottom:38px;opacity:0;transform:translateY(22px);transition:opacity .6s ease, transform .6s ease}
.cpt__head.in{opacity:1;transform:none}
.cpt__kicker{display:inline-block;font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--fire) !important;border:2px solid var(--fire);padding:5px 13px;margin-bottom:14px}
.cpt__title{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(30px,5.2vw,62px);line-height:.92;letter-spacing:.5px;color:var(--bone) !important;margin:0}
.cpt__title mark{background:var(--fire);color:#0A0A0C !important;padding:0 12px;box-decoration-break:clone;-webkit-box-decoration-break:clone;
  text-shadow:none;box-shadow:0 0 30px rgba(255,144,0,.5)}
.cpt__sub{color:var(--bone-soft) !important;font-size:15px;font-weight:500;margin:14px auto 0;max-width:56ch}

/* Nota destacada de personalización */
.cpt__note{
  display:flex;align-items:center;gap:13px;
  border:var(--bw) dashed var(--fire);background:rgba(255,144,0,.07);
  padding:14px 18px;margin:0 0 24px;
  opacity:0;transform:translateY(18px);transition:opacity .55s ease, transform .55s ease;
}
.cpt__note.in{opacity:1;transform:none}
.cpt__note-ic{font-size:24px;flex-shrink:0}
.cpt__note p{margin:0;font-size:14px;line-height:1.45;color:var(--bone) !important;font-weight:500}
.cpt__note p strong, .cpt__note p b{color:var(--fire) !important}
@media(max-width:560px){
  .cpt__note{padding:12px 14px;gap:10px}
  .cpt__note p{font-size:12.5px}
  .cpt__note-ic{font-size:20px}
}

/* Nota pequeña en cada tarjeta */
.cpt__mini{
  font-family:'Space Mono',monospace;font-size:10px;line-height:1.3;
  color:var(--bone-soft) !important;border-left:2px solid var(--fire);padding-left:7px;margin-top:2px;
}
@media(max-width:860px){.cpt__mini{font-size:9px}}

/* Grid de 3 */
.cpt__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.cpt__card{
  position:relative;display:flex;flex-direction:column;text-decoration:none;
  background:var(--ink-2);border:var(--bw) solid var(--bone);
  box-shadow:7px 7px 0 var(--fire-deep);
  opacity:0;transform:translateY(26px);
  transition:opacity .55s ease, transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.cpt__card.in{opacity:1;transform:none}
.cpt__card:hover{transform:translate(-4px,-4px);box-shadow:11px 11px 0 var(--fire-deep);border-color:var(--fire)}
@media (prefers-reduced-motion:reduce){.cpt__card,.cpt__head{opacity:1;transform:none;transition:none}}

/* Numeración 01 02 03 */
.cpt__num{position:absolute;top:-14px;left:-10px;z-index:3;
  font-family:'Anton',sans-serif;font-size:30px;line-height:1;
  background:var(--fire);color:#0A0A0C;border:var(--bw) solid var(--bone);
  padding:5px 11px;transform:rotate(-6deg);box-shadow:3px 3px 0 rgba(0,0,0,.5)}

/* Imagen */
.cpt__media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#0F0F11;border-bottom:var(--bw) solid var(--bone)}
.cpt__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;opacity:.94}
.cpt__card:hover .cpt__media img{transform:scale(1.06);opacity:1}
.cpt__ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--bone-soft);font-size:12px}
.cpt__badge{position:absolute;bottom:12px;left:12px;z-index:2;
  font-family:'Space Mono',monospace;font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;
  background:var(--ink);color:var(--halo) !important;border:2px solid var(--halo);padding:4px 9px}

/* Info */
.cpt__info{padding:16px;display:flex;flex-direction:column;gap:7px;flex:1}
.cpt__info h3{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:16px;letter-spacing:.4px;line-height:1.1;color:var(--bone) !important;margin:0}
.cpt__tag{font-family:'Space Mono',monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:var(--fire) !important}
.cpt__price{font-family:'Space Mono',monospace;display:flex;align-items:baseline;gap:8px;margin-top:2px}
.cpt__price b{font-size:18px;color:var(--bone) !important}
.cpt__price s{font-size:12px;color:var(--bone-soft) !important}
.cpt__go{margin-top:auto;font-family:'Anton',sans-serif;text-transform:uppercase;font-size:12.5px;letter-spacing:.6px;
  color:#0A0A0C !important;background:var(--fire);border:2px solid var(--bone);padding:10px;text-align:center;transition:.15s}
.cpt__card:hover .cpt__go{background:var(--halo)}

/* CTA final */
.cpt__cta{text-align:center;margin-top:34px;opacity:0;transform:translateY(20px);transition:opacity .6s ease, transform .6s ease}
.cpt__cta.in{opacity:1;transform:none}
.cpt__btn{display:inline-block;font-family:'Anton',sans-serif;text-transform:uppercase;font-size:16px;letter-spacing:.8px;
  padding:15px 30px;background:var(--fire);color:#0A0A0C !important;border:var(--bw) solid var(--bone);
  box-shadow:6px 6px 0 var(--fire-deep);text-decoration:none;transition:.15s}
.cpt__btn:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--fire-deep);background:var(--halo)}

/* Móvil */
@media(max-width:860px){
  .cpt__grid{grid-template-columns:1fr 1fr;gap:12px}
  .cpt__num{font-size:22px;padding:4px 8px;top:-10px;left:-6px}
  .cpt__info{padding:11px;gap:5px}
  .cpt__info h3{font-size:13px}
  .cpt__price b{font-size:15px}
  .cpt__go{font-size:11px;padding:9px}
}
@media(max-width:560px){
  .cpt{padding:46px 0}
  .cpt__badge{font-size:9px;padding:3px 7px}
}

@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');
