/* Neutro a propósito (24/09): los tokens salen de DESIGN.md; la marca de verdad se cambia allí. */
/* design-md:inicio · sale de DESIGN.md con node scripts/design-md.mjs; no se edita a mano */
:root {
  --tinta: #111;
  --tinta-2: #3a3a3a;
  --tinta-3: #6b6b6b;
  --borde: #e3e3e3;
  --acento: #2f6fed;
  --sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
/* design-md:fin */
* { 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, footer { max-width: 760px; margin: 0 auto; padding: 0 16px; }
header { padding-top: 24px; font-weight: 500; }
header a { text-decoration: none; }
main { padding-bottom: 48px; }
footer { padding-bottom: 40px; font-size: 14px; color: var(--tinta-3); }
footer a { color: var(--tinta-3); margin-right: 16px; }
h1 { font-size: clamp(30px, 5vw, 40px); line-height: 1.1; letter-spacing: -0.02em; margin: 40px 0 8px; font-weight: 650; }
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); }
.en { margin-top: 56px; padding-top: 8px; border-top: 1px solid var(--borde); }