/* Estética cinematográfica: oscura siempre, acento violeta-cian */
:root{
  --fondo:#0b0b10; --superficie:#14141c; --texto:#f2f1f7; --suave:#9d9bb0; --borde:#262636;
  --acento:#8b5cf6; --sobre-acento:#ffffff; --peligro:#f87171;
  --media:radial-gradient(circle at 30% 20%,#3b1f78,#11111a 70%);
  --portada:radial-gradient(ellipse at 70% 0%,rgba(139,92,246,.35),transparent 60%),radial-gradient(ellipse at 0% 100%,rgba(34,211,238,.18),transparent 55%),#0b0b10;
  --cabecera:rgba(11,11,16,.8); --sombra:0 16px 40px rgba(139,92,246,.18);
  --radio:12px; --radio-grande:18px;
  color-scheme:dark;
}
.portada{padding:96px 0 72px}
.portada h1{background:linear-gradient(90deg,#fff,#c4b5fd 60%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}
.chip.activo{background:var(--acento);border-color:var(--acento);color:#fff}
.proceso{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.paso{background:var(--superficie);border:1px solid var(--borde);border-radius:18px;padding:20px}
.paso b{display:block;margin:8px 0 4px;font-size:1.05rem}
.paso span{color:var(--suave);font-size:.92rem}
.num{color:var(--acento);font-weight:800;font-size:.85rem;letter-spacing:.1em}