/** Shopify CDN: Minification failed

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

**/
/* Calacas Perú — Anime — Dark Brutal */
.cp-an{
  --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; overflow:hidden;
}
.cp-an *{box-sizing:border-box}
.cp-wrap{max-width:1200px;margin:0 auto;padding:0 20px}

.cp-an__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px;flex-wrap:wrap}
.cp-an__kicker{display:inline-block;font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold) !important;margin-bottom:6px}
.cp-an__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-an__title mark{background:var(--blood);color:#fff !important;padding:0 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.cp-an__sub{font-size:14px;color:var(--bone-soft) !important;font-weight:500;margin-top:10px;max-width:52ch}

.cp-an__arrows{display:flex;gap:8px}
.cp-an__arrow{width:44px;height:44px;border:2.5px solid var(--bone);background:var(--ink-2);color:var(--bone);font-size:18px;cursor:pointer;transition:.15s;box-shadow:3px 3px 0 var(--blood-deep);flex-shrink:0}
.cp-an__arrow:hover{background:var(--blood);border-color:var(--blood);color:#fff;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--blood-deep)}

/* Carrusel horizontal */
.cp-an__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 20px 20px;margin:0 auto;max-width:1240px;-ms-overflow-style:none;scrollbar-width:none}
.cp-an__track::-webkit-scrollbar{display:none}

.cp-an__card{
  position:relative; flex:0 0 auto; width:260px; aspect-ratio:3/4; scroll-snap-align:start;
  border:2.5px solid var(--bone); box-shadow:6px 6px 0 var(--blood-deep); overflow:hidden;
  display:flex; align-items:flex-end; background:#111; text-decoration:none; color:inherit; transition:.18s;
}
.cp-an__card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--blood-deep)}
.cp-an__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .5s ease, opacity .3s ease}
.cp-an__card:hover img{opacity:1;transform:scale(1.07)}
.cp-an__ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--bone-soft);font-family:'Anton',sans-serif;text-transform:uppercase;font-size:18px;text-align:center;padding:16px;background:var(--ink-2)}
.cp-an__card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,12,14,.9),transparent 45%)}

/* Glow futurista al pasar el mouse */
.cp-an__glow{position:absolute;inset:-2px;z-index:1;opacity:0;pointer-events:none;background:conic-gradient(from 0deg,transparent 0%,var(--gold) 10%,transparent 20%);transition:opacity .3s ease;animation:cp-anspin 3.5s linear infinite;animation-play-state:paused}
.cp-an__card:hover .cp-an__glow{opacity:.5;animation-play-state:running}
@keyframes cp-anspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.cp-an__glow{display:none}}

.cp-an__label{position:relative;z-index:2;margin:14px;background:var(--ink);border:2px solid var(--bone);padding:9px 14px;box-shadow:3px 3px 0 var(--blood-deep)}
.cp-an__label h4{font-family:'Anton',sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:.5px;line-height:1.05;color:var(--bone) !important;margin:0}
.cp-an__label span{font-family:'Space Mono',monospace;font-size:10.5px;color:var(--gold) !important;font-weight:700}

@media(max-width:520px){
  .cp-an{padding:44px 0}
  .cp-an__card{width:200px}
  .cp-an__arrows{display:none}
}

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