/* Páginas legales · mismas variables que index.html, sin animaciones */
:root{
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  --bg:#EDF0F7; --ink:#1C1C1E; --muted:rgba(60,60,67,.66); --sep:rgba(60,60,67,.16);
  --accent:#007AFF; --glass:rgba(255,255,255,.62); --stroke:rgba(255,255,255,.7);
  --shadow:0 12px 40px rgba(28,40,90,.12),0 2px 6px rgba(28,40,90,.05);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#05060B; --ink:#F5F5F7; --muted:rgba(235,235,245,.62); --sep:rgba(84,84,88,.55);
    --accent:#0A84FF; --glass:rgba(34,34,40,.72); --stroke:rgba(255,255,255,.13);
    --shadow:0 12px 40px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3);
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(60rem 40rem at 10% -10%,rgba(94,92,230,.14),transparent 60%),radial-gradient(50rem 36rem at 100% 0,rgba(48,176,199,.12),transparent 60%);background-attachment:fixed}
a{color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}
.wrap{width:min(820px,100% - 32px);margin-inline:auto}
.top{padding:20px 0}
.top a{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;font-weight:600}
.card{background:var(--glass);border:1px solid var(--stroke);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,5vw,48px);margin-bottom:28px}
@supports (backdrop-filter:blur(1px)){ .card{backdrop-filter:blur(20px) saturate(1.6)} }
@media (prefers-reduced-transparency: reduce){ .card{background:var(--bg);backdrop-filter:none} }
.eyebrow{margin:0;color:var(--muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
h1{font-size:clamp(2rem,6vw,2.8rem);line-height:1.1;letter-spacing:-.03em;margin:.3rem 0 1rem}
h2{font-size:1.25rem;letter-spacing:-.02em;margin:2rem 0 .5rem}
h3{font-size:1.05rem;margin:1.4rem 0 .3rem}
.lead{color:var(--muted);font-size:1.05rem}
ul{padding-left:1.2rem}
li{margin:.25rem 0}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.95rem}
code{font-size:.9em}
th,td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--sep);vertical-align:top}
footer{padding:8px 0 48px;color:var(--muted);font-size:.9rem}
footer nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
footer a{color:inherit}