/* Estilos de privacidad.html: fuera del HTML porque la CSP no permite <style> en línea (docs/SEGURIDAD.md § CSP). */
:root { color-scheme: dark; }
body { margin: 0; background: #0f1218; color: #e8ecf1; font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 20px 64px; }
h1 { font-size: 1.7rem; margin: 0 0 4px; }
h2 { font-size: 1.15rem; margin: 32px 0 8px; color: #5fe0ff; }
p, li { margin: 0 0 10px; }
ul { padding-left: 20px; }
a { color: #5fe0ff; }
.meta { color: #9aa4b2; font-size: .9rem; margin-bottom: 24px; }

.creditos { columns: 2; column-gap: 24px; font-size: .9rem; }
.creditos li { break-inside: avoid; }

/* La línea del cafecito al final del aviso legal */
.cafecito { margin-top: 32px; color: #9aa4b2; font-size: .9rem; }

/* Con el dedo (QA 2026-11-03, pendiente 5): cada enlace es un blanco de 40 px como mínimo. En línea, la caja del enlace
   tenía 20 de alto; inline-block le da su propio alto sin pisar la línea de al lado. Solo pantallas táctiles (la compu no cambia). */
@media (pointer: coarse) {
  main a { display: inline-block; padding: 11px 3px; }
}