:root{--tinta:#1d2230;--gris:#5f6675;--linea:#e6e8ee;--fondo:#f7f8fb;--acento:#2f6fed}
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinta);background:var(--fondo)}
a{color:var(--acento)}
header.barra{background:#fff;border-bottom:1px solid var(--linea)}
header.barra .in{max-width:1080px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
header.barra .marca{font-weight:800;letter-spacing:-.01em;text-decoration:none;color:var(--tinta);font-size:18px}
header.barra nav a{margin-left:16px;text-decoration:none;color:var(--gris);font-weight:500}
main{max-width:1080px;margin:0 auto;padding:28px 20px 60px}
h1{font-size:clamp(26px,4vw,38px);line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}
h2{font-size:22px;margin:36px 0 12px}
p.lead{font-size:18px;color:var(--gris);max-width:760px;margin:0 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}
.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:16px;padding:20px}
.tarjeta img.producto{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#eee}
.precio{font-weight:700;font-size:20px;margin:6px 0}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;background:var(--acento);color:#fff;text-decoration:none;font-weight:600;border:0;cursor:pointer}
.btn.sec{background:#fff;color:var(--acento);border:1px solid var(--acento)}
.btn.gris{background:#e9ecf3;color:#59606e;cursor:not-allowed}
pre{background:#0f172a;color:#e2e8f0;padding:14px 16px;border-radius:12px;overflow:auto;font-size:13.5px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
p code,li code{background:#eef1f6;padding:1px 6px;border-radius:6px;font-size:.92em}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.kpi{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:14px 16px}
.kpi .v{font-size:28px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi .l{color:var(--gris);font-size:13px}
.kpi .s{color:#8a92a3;font-size:12px;margin-top:2px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--linea);border-radius:12px;overflow:hidden;font-size:13.5px}
th,td{padding:8px 10px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top}
th{background:#f3f5f9;font-weight:600}
.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}
.tag.nueva{background:#e8f7ee;color:#155d33}.tag.cache{background:#e9f0ff;color:#1c3f8f}.tag.limite{background:#fff4e0;color:#7a4b00}.tag.error{background:#fdecec;color:#8a1c1c}.tag.sin-video{background:#f1f1f1;color:#555}
footer{max-width:1080px;margin:0 auto;padding:20px;color:#8a92a3;font-size:13px;border-top:1px solid var(--linea)}
.aviso{background:#fff8e6;border:1px solid #f3dfa3;border-radius:12px;padding:12px 14px;font-size:14px}
.mini{color:var(--gris);font-size:14px}