/* Páginas legales - mismos tokens que index.html para que se lean como parte del sitio. */
@font-face{font-family:'Bebas Neue';src:url('assets/fonts/BebasNeue-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('assets/fonts/JetBrainsMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('assets/fonts/JetBrainsMono-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Open Sans';src:url('assets/fonts/OpenSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Open Sans';src:url('assets/fonts/OpenSans-Semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Open Sans';src:url('assets/fonts/OpenSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Ubuntu';src:url('assets/fonts/Ubuntu-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Ubuntu';src:url('assets/fonts/Ubuntu-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

:root{
  --ink:#0B0D0E; --panel:#14181A; --line:#252D31;
  --paper:#F2F4F5; --muted:#8B979B; --dim:#5E686C;
  --cyan:#22C5E0; --cyan-deep:#0891B2;
  --disp:'Bebas Neue',Impact,sans-serif;
  --head:'Ubuntu','Open Sans',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --body:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);font-family:var(--body);
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
.top{border-bottom:1px solid var(--line);background:var(--panel)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px}
.top img{height:30px;width:auto;display:block}
/* Dealer plate, compact variant - same construction as the splash lockup. */
.top .plate{display:flex;align-items:stretch;gap:.6rem;border:2px solid var(--paper);
  padding:.36rem .6rem .36rem .46rem;text-decoration:none}
.top .dp-flag{width:6px;flex:0 0 6px;border-radius:1px;
  background:linear-gradient(#F5C542 0 50%,#1E4F9C 50% 75%,#C4342E 75% 100%)}
.top .dp-words{display:flex;flex-direction:column;justify-content:center;gap:.1rem}
.top .dp-name{font-family:var(--disp);font-size:1.02rem;line-height:.86;letter-spacing:.012em;
  color:var(--paper);transform:skewX(-13deg);transform-origin:left bottom}
.top .dp-country{font-family:var(--mono);font-size:.44rem;font-weight:700;letter-spacing:.36em;
  text-transform:uppercase;color:var(--cyan);line-height:1}
@media(max-width:430px){.top .dp-country{display:none}}
.top .mm{display:flex;align-items:center;gap:.6rem;margin-left:auto;margin-right:1rem}
.top .mm .lbl{font-family:var(--mono);font-size:.53rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--dim);white-space:nowrap}
.top .mm img{width:84px;height:auto;opacity:.85}
@media(max-width:560px){.top .mm{display:none}}
.top a.back{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);text-decoration:none}
.top a.back:hover{color:var(--cyan)}
main{padding:44px 0 80px}
.kick{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cyan);margin-bottom:.6rem}
h1{font-family:var(--disp);font-size:clamp(2.5rem,7vw,3.7rem);line-height:.96;
  letter-spacing:-.004em;margin-bottom:.7rem;text-wrap:balance}
.lede{color:var(--muted);font-size:1.02rem;margin-bottom:2rem;max-width:600px}
h2{font-family:var(--head);font-weight:700;font-size:1.2rem;line-height:1.25;
  letter-spacing:-.01em;margin:2.8rem 0 .6rem;
  padding-bottom:.45rem;border-bottom:1px solid var(--line)}
h3{font-family:var(--head);font-size:.95rem;font-weight:700;letter-spacing:-.005em;
  margin:1.4rem 0 .35rem;color:var(--paper)}
p{margin-bottom:.8rem;color:var(--paper)}
ul,ol{margin:0 0 1rem 1.3rem}
li{margin-bottom:.45rem}
a{color:var(--cyan)}
strong,b{font-weight:600}
code{font-family:var(--mono);font-size:.85em;background:var(--panel);
  border:1px solid var(--line);padding:.1em .4em;border-radius:3px;color:var(--cyan)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:4px;
  padding:1rem 1.2rem;margin:1.2rem 0;font-size:.94rem}
.card b{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cyan);margin-bottom:.35rem}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:4px;overflow:hidden;margin:1.6rem 0}
.grid2 > div{background:var(--panel);padding:1rem 1.2rem;font-size:.92rem;margin:0;
  color:var(--muted);line-height:1.6}
/* Without this the label runs straight into the sentence: "Sin cookiesEste sitio..." */
.grid2 > div b{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cyan);margin-bottom:.4rem;font-weight:700}
@media(max-width:600px){.grid2{grid-template-columns:1fr}}
.toc{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:2.4rem}
.toc a{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-decoration:none;
  color:var(--muted);padding:.35rem .75rem;border:1px solid var(--line);border-radius:999px}
.toc a:hover{color:var(--cyan);border-color:var(--cyan-deep)}
.scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem;min-width:420px}
th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
footer{border-top:1px solid var(--line);background:var(--panel);padding:1.6rem 0;
  color:var(--dim);font-size:.82rem}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--cyan)}