/* Páginas legales: mismos tokens que index.html, sin la cota ni las animaciones. */
@font-face { font-family: 'Geist'; src: url(fuentes/Geist-Variable.woff2) format('woff2'); font-weight: 100 900; font-display: swap; }
:root { --tinta: #0D1B3A; --tinta-2: #3E5174; --tinta-3: #5E6F8E; --borde: #DDE3EE; --acento: #8AB4F8;
  --sans: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: var(--tinta); font: 400 16px/1.65 var(--sans); -webkit-font-smoothing: antialiased; }
header, main { max-width: 760px; margin: 0 auto; padding: 0 16px; }
header { padding-top: 24px; font-weight: 500; }
header a { text-decoration: none; }
main { padding-bottom: 64px; }
h1 { font-size: clamp(30px, 5vw, 40px); line-height: 1.1; letter-spacing: -0.02em; margin: 40px 0 8px; font-weight: 600; }
h2 { font-size: 20px; margin: 36px 0 8px; font-weight: 600; }
p, li { color: var(--tinta-2); }
.fecha { font-size: 14px; color: var(--tinta-3); }
a { color: var(--tinta); }
a:focus-visible { outline: 3px solid var(--acento); outline-offset: 3px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 12px 0; display: block; overflow-x: auto; }
th, td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--borde); }
th { font-weight: 600; color: var(--tinta); }
