/* DatoFino — páginas legales (lectura limpia, misma marca que la landing) */
/* Fuentes de marca self-hosteadas (AUD-20 H1). Antes venían de una hoja
   remota de Google Fonts, pero la CSP estricta (style-src/font-src 'self',
   AUD-01) bloqueaba ese origen → la marca caía a fallbacks. Ahora son woff2
   (subset latin) en /assets/fonts/: cumplen la CSP sin tocarla, sin cadena
   de requests ni 3er origen. font-display:swap = texto visible al toque.
   Spectral es estática (un archivo por peso); Figtree y JetBrains Mono son
   VARIABLES → un solo woff2 cubre todo el eje wght (font-weight:rango). */
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/spectral-400.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/spectral-500.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/spectral-600.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/spectral-400i.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:italic;font-weight:500;font-display:swap;src:url('/assets/fonts/spectral-500i.woff2') format('woff2');}
@font-face{font-family:'Figtree';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/figtree.woff2') format('woff2');}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('/assets/fonts/jetbrains-mono.woff2') format('woff2');}

:root{
  --bg:#060d09; --bg-2:#0a140e; --ink:#ECF4ED;
  --muted:rgba(236,244,237,.62); --muted-2:rgba(236,244,237,.52); /* AUD-21: .36→.52 ≈ 5:1 (AA) */
  --line:rgba(236,244,237,.12); --accent:#F64A00;
  --f-disp:'Spectral',Georgia,serif; --f-body:'Figtree',system-ui,sans-serif; --f-mono:'JetBrains Mono',ui-monospace,monospace;
  --pad:clamp(20px,4vw,40px);
}
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--ink); font-family:var(--f-body); font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }
:focus-visible{ outline:3px solid var(--accent); outline-offset:2px; } /* AUD-21: foco visible por teclado */
img{ display:block; }

.l-top{ border-bottom:1px solid var(--line); }
.l-top-inner{ max-width:760px; margin-inline:auto; padding:1.4rem var(--pad); display:flex; align-items:center; justify-content:space-between; }
.l-brand{ display:inline-flex; align-items:center; gap:.55rem; color:var(--ink); font-family:var(--f-disp); font-weight:500; font-size:1.2rem; letter-spacing:-.01em; }
.l-brand img{ width:26px; height:26px; }
.l-back{ font-family:var(--f-mono); font-size:.8rem; color:var(--muted); }

.l-main{ max-width:760px; margin-inline:auto; padding:clamp(2.4rem,6vw,4rem) var(--pad) 4rem; }
.l-main h1{ font-family:var(--f-disp); font-weight:500; font-size:clamp(2rem,5vw,2.8rem); letter-spacing:-.02em; line-height:1.1; margin:0 0 .6rem; }
.l-date{ font-family:var(--f-mono); font-size:.78rem; color:var(--muted-2); margin:0 0 2.4rem; }
.l-main h2{ font-family:var(--f-disp); font-weight:500; font-size:clamp(1.3rem,3vw,1.7rem); letter-spacing:-.01em; margin:2.6rem 0 .8rem; }
.l-main h3{ font-family:var(--f-disp); font-weight:500; font-size:clamp(1.05rem,2.4vw,1.25rem); letter-spacing:-.01em; margin:1.6rem 0 .5rem; }
.l-main p, .l-main li{ color:var(--muted); }
.l-main p{ margin:.8rem 0; }
.l-main ul{ margin:.6rem 0; padding-left:1.3rem; }
.l-main li{ margin:.4rem 0; }
.l-main strong{ color:var(--ink); font-weight:600; }
.l-main .lead{ font-size:1.08rem; color:var(--ink); }
.l-foot{ border-top:1px solid var(--line); }
.l-foot-inner{ max-width:760px; margin-inline:auto; padding:1.6rem var(--pad); font-family:var(--f-mono); font-size:.74rem; color:var(--muted-2); display:flex; flex-wrap:wrap; gap:.8rem; justify-content:space-between; }
.l-foot a{ color:var(--muted); }