/* Números de ancho parejo en toda la página: valores técnicos y conteos no «bailan» al cambiar (sin letra monoespaciada). */
html{font-variant-numeric:tabular-nums}
/* Páginas legales (/terminos, /privacidad, /reembolsos): la identidad de las preventas en versión de lectura.
   Una columna de texto, reglas de tinta entre secciones y la barra de color solo en la marca. */
:root{--wall:#E3E4E9;--ink:#262130;--muted:#4E4A59;--cream:#F6F3EA;--mustard:#F2C33E;--petrol:#136B80;
  --font:'Archivo',system-ui,sans-serif;--mono:'Archivo',system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--wall);color:var(--ink);font:17px/1.65 var(--font);
  padding:22px max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px))}
a{color:var(--ink);text-underline-offset:4px;text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--petrol);outline-offset:3px}
.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-size:1.5rem;font-weight:800;font-stretch:125%;letter-spacing:-.03em}
.logo{position:relative;width:44px;height:38px;flex:none}
.logo span{position:absolute;width:7px;box-shadow:3px 0 0 var(--ink)}
.logo i{position:absolute;left:0;top:15px;width:44px;height:5px;background:var(--ink)}
main{max-width:68ch;margin:40px auto 0}
h1{margin:0 0 10px;font-weight:800;font-stretch:112%;font-size:clamp(2.1rem,7vw,3rem);line-height:1;letter-spacing:-.04em;text-wrap:balance}
.meta{margin:0 0 28px;color:var(--muted);font-size:.95rem}
.meta b{font-family:var(--mono);font-weight:600;font-size:.88rem}
section{border-top:3px solid var(--ink);padding:22px 0 6px}
h2{margin:0 0 10px;font-weight:800;font-stretch:110%;font-size:1.3rem;letter-spacing:-.02em}
p,ul{margin:0 0 14px}
ul{padding-left:1.2em}
li{margin-bottom:6px}
.key{background:var(--cream);padding:16px 18px;border-left:8px solid var(--mustard);margin:0 0 28px}
.key p:last-child{margin:0}
nav.legal{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:36px;padding-top:18px;border-top:3px solid var(--ink);font-weight:700}
footer{max-width:68ch;margin:28px auto 0;color:var(--muted);font-size:.9rem}
