:root { --fondo: #f4f6f8; --papel: #fff; --texto: #172235; --suave: #536179; --linea: #dde3ea; --acento: #1f6fd1; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --fondo: #0f1b2d; --papel: #16263d; --texto: #eef2f7; --suave: #a9b4c4; --linea: rgba(255,255,255,.12); --acento: #5ab8ff; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fondo); color: var(--texto); font: 17px/1.65 "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: var(--acento); }
.barra { display: flex; justify-content: space-between; align-items: center; gap: 12px; max-width: 860px; margin: 0 auto; padding: 20px; }
.barra .volver { font-weight: 600; text-decoration: none; }
.idioma { display: inline-flex; padding: 3px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--linea); }
.idioma button { font: 600 .9rem inherit; color: var(--suave); background: none; border: 0; min-width: 44px; min-height: 36px; border-radius: 999px; cursor: pointer; }
.idioma button[aria-pressed="true"] { background: var(--texto); color: var(--fondo); }
main { max-width: 860px; margin: 0 auto 64px; padding: 32px clamp(20px, 5vw, 48px); background: var(--papel); border-radius: 18px; box-shadow: 0 0 0 1px var(--linea); }
h1 { font-size: clamp(1.8rem, 4vw, 2.4rem); line-height: 1.15; margin: 0 0 .3rem; }
h2 { font-size: 1.2rem; margin: 2rem 0 .4rem; }
.fecha { color: var(--suave); margin: 0 0 1.4rem; }
.resumen { padding: 16px 18px; border-radius: 12px; background: color-mix(in srgb, var(--acento) 10%, transparent); margin: 0 0 1.5rem; }
li { margin: .3rem 0; }
.mayus { text-transform: uppercase; font-size: .95em; }
[lang]:not(html)[hidden] { display: none; }
:focus-visible { outline: 3px solid var(--acento); outline-offset: 3px; border-radius: 4px; }