/* Páginas legales: misma voz que la web, en modo lectura */
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500 600; font-display: swap; src: url(assets/fonts/CormorantGaramond-normal-latin-3.woff2) format('woff2'); }
@font-face { font-family: 'Instrument Sans'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(assets/fonts/InstrumentSans-normal-latin-5.woff2) format('woff2'); }
:root { --bg: #f1ede6; --ink: #1d1a16; --soft: #5f574d; --line: #d6cfc3; --accent: #8a6a3f; }
html { background: var(--bg); color: var(--ink); accent-color: var(--accent); }
body { margin: 0; font: 400 1.02rem/1.7 'Instrument Sans', system-ui, sans-serif; }
::selection { background: #b98a56; color: #1b1a19; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.wrap { max-width: 68ch; margin: 0 auto; padding: clamp(40px, 8vw, 96px) 16px 64px; }
.volver { display: inline-block; color: var(--soft); font-size: .92rem; text-underline-offset: 4px; margin-bottom: 40px; }
.volver:hover { color: var(--accent); }
h1 { font: 600 clamp(2.2rem, 5vw, 3.4rem)/1.05 'Cormorant Garamond', Georgia, serif; letter-spacing: -.015em; margin: 0 0 .3em; text-wrap: balance; }
.actualizado { color: var(--soft); font-size: .9rem; margin: 0 0 48px; }
h2 { font: 600 1.6rem/1.2 'Cormorant Garamond', Georgia, serif; margin: 2.2em 0 .5em; }
p, li { color: #3a342d; }
ul { padding-left: 1.2em; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 20px; margin: 0; }
dt { color: var(--soft); }
dd { margin: 0; }
a { color: var(--ink); text-underline-offset: 4px; text-decoration-color: #b98a56; }
mark.pendiente { background: #f6dfb3; color: #5a3d12; padding: 1px 6px; border-radius: 3px; font-size: .92em; }
footer { margin-top: 64px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--soft); font-size: .9rem; display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; }
footer a { color: inherit; }
@media (max-width: 520px) { dl { grid-template-columns: 1fr; } dt { margin-top: 10px; } }
