/* ============================================================
   CABLEPELADO · Nueva tienda — Tokens y base
   Extraído de propuesta-html-cablepelado (guía de estilo).
   ============================================================ */
:root{
  --cp-red:#C75150;          /* rojo Cablepelado: superficies, acentos grandes */
  --cp-red-btn:#A63C3B;      /* rojo de acción: texto y botones (AA sobre blanco) */
  --cp-red-btn-hover:#8F3230;
  --cp-ink:#14181D;          /* tinta técnica: hero, stats, footer */
  --cp-ink-2:#1D232B;
  --cp-bg:#F5F6F8;
  --cp-card:#FFFFFF;
  --cp-line:#E4E7EC;
  --cp-muted:#5D6A78;
  --cp-amber:#FFA200;        /* solo descuentos */
  --cp-green:#0B7A54;        /* solo entrega/stock */
  --cp-green-bg:#E7F5EF;
  --cp-gold:#FFA90D;         /* solo valoraciones */
  --f-head:"Archivo",system-ui,sans-serif;
  --f-ui:"Inter",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,monospace;
  --r-s:10px; --r-m:14px; --r-l:20px;
  --shadow-s:0 1px 2px rgba(20,24,29,.05),0 2px 8px rgba(20,24,29,.05);
  --shadow-m:0 4px 14px rgba(20,24,29,.08),0 12px 32px rgba(20,24,29,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--f-ui);color:var(--cp-ink);background:var(--cp-bg);
  font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none}
ul{list-style:none}
:focus-visible{outline:3px solid var(--cp-red);outline-offset:2px;border-radius:4px}
.container{max-width:1320px;margin-inline:auto;padding-inline:clamp(16px,3.4vw,32px)}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--cp-ink);color:#fff;padding:10px 16px;z-index:200}
.skip-link:focus{left:8px;top:8px}

/* ---------- utilidades de estilo técnico ---------- */
.kicker{
  font-family:var(--f-mono);font-size:12px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cp-red-btn);display:inline-flex;align-items:center;gap:10px;
}
.kicker::after{content:"";height:1px;width:44px;background:currentColor;opacity:.45}
.mono{font-family:var(--f-mono)}