/* Páginas legales: mismos tokens que la landing, lectura cómoda en una columna */
:root {
  --bg: #F2F3F6;
  --surface: #FFFFFF;
  --ink: #17151C;
  --muted: #5D5A68;
  --line: #D9D8E0;
  --ticket: #E8A31B;
  --ticket-ink: #2A1D00;
  --link: #8A5A00;
  --deep: #1B1822;
  --deep-fg: #F1EFF5;
  --deep-muted: #A7A2B5;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #121016; --surface: #1C1922; --ink: #F1EFF5; --muted: #A7A2B5; --line: #322D3B;
    --ticket: #F2B33D; --ticket-ink: #241800; --link: #F2B33D; --deep: #0B0A0E; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #121016; --surface: #1C1922; --ink: #F1EFF5; --muted: #A7A2B5; --line: #322D3B;
  --ticket: #F2B33D; --ticket-ink: #241800; --link: #F2B33D; --deep: #0B0A0E; color-scheme: dark;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: "Public Sans", "Helvetica Neue", Arial, sans-serif; font-size: 17px; line-height: 1.65; }
a { color: var(--link); }
:focus-visible { outline: 3px solid var(--ticket); outline-offset: 2px; border-radius: 4px; }
.wrap { max-width: 760px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }

header.top { background: var(--deep); color: var(--deep-fg); }
header.top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 14px; max-width: 1180px; }
.logo { font-family: "Archivo", "Arial Narrow", Arial, sans-serif; font-weight: 900; font-size: 1.5rem; text-transform: uppercase; letter-spacing: 0.02em; text-decoration: none; display: flex; align-items: center; gap: 8px; color: var(--deep-fg); }
.logo-mark { width: 26px; height: 26px; border-radius: 5px; background: var(--ticket); display: grid; place-items: center; color: var(--ticket-ink); font-size: 0.85rem; }
.back { color: var(--deep-muted); text-decoration: none; font-size: 0.95rem; }
.back:hover { color: var(--deep-fg); }

.doc { padding-block: 48px 64px; }
.doc h1 { font-family: "Archivo", "Arial Narrow", Arial, sans-serif; font-weight: 900; font-size: clamp(2rem, 6vw, 3rem); line-height: 1.05; text-transform: uppercase; margin: 0 0 8px; }
.doc h2 { font-family: "Archivo", "Arial Narrow", Arial, sans-serif; font-weight: 800; font-size: 1.25rem; margin: 36px 0 8px; }
.doc p, .doc ul { margin: 0 0 12px; }
.doc ul { padding-left: 22px; }
.doc li { margin-bottom: 4px; }
.meta { color: var(--muted); font-size: 0.92rem; }

footer.foot { background: var(--deep); color: var(--deep-muted); font-size: 0.85rem; }
footer.foot .wrap { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-block: 24px; max-width: 1180px; }
footer.foot a { color: var(--deep-muted); }
footer.foot a:hover { color: var(--deep-fg); }