/* Estilo de las páginas legales (privacidad y términos): lectura cómoda, misma marca. */
:root {
  --bg: #313131; --bg-pit: #1c1c1b; --line: rgba(241, 241, 241, 0.12);
  --ink: #f1f1f1; --muted: #bab5a9; --gold: #eeba2b;
  --display: "Chakra Petch", "Arial Narrow", Impact, sans-serif;
  --body: "Figtree", "Helvetica Neue", Arial, sans-serif;
  --gutter: clamp(16px, 4vw, 48px);
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { background: var(--bg); }
body { margin: 0; color: var(--ink); font-family: var(--body); font-size: 1.0625rem; line-height: 1.65; overflow-x: clip; -webkit-font-smoothing: antialiased; }
a { color: var(--gold); }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.wrap { width: 100%; max-width: 760px; margin-inline: auto; padding-inline: var(--gutter); }
.top { border-bottom: 1px solid var(--line); background: var(--bg-pit); }
.top .wrap { height: 60px; display: flex; align-items: center; max-width: 980px; }
.logo { font-family: var(--display); font-weight: 700; font-size: 1.1rem; text-decoration: none; color: var(--ink); }
.logo b { color: var(--gold); }
main { padding: clamp(2.2rem, 6vw, 4rem) 0 clamp(3rem, 7vw, 5rem); }
h1 { font-family: var(--display); font-weight: 700; text-transform: uppercase; line-height: 1; font-size: clamp(2rem, 6vw, 3.2rem); margin: 0 0 .6rem; }
.date { color: var(--muted); font-size: .95rem; margin: 0 0 2rem; }
h2 { font-family: var(--display); font-weight: 700; text-transform: uppercase; font-size: 1.35rem; margin: 2.2rem 0 .7rem; color: var(--gold); }
p, li { color: #dcd8cf; }
p { margin: 0 0 .9rem; }
ul { margin: 0 0 1rem; padding-left: 1.2rem; }
li { margin-bottom: .45rem; }
strong { color: var(--ink); }
footer { border-top: 1px solid var(--line); background: var(--bg-pit); padding: 1.6rem 0 2rem; color: var(--muted); font-size: .9rem; }
footer a { color: var(--muted); }
footer a:hover { color: var(--gold); }