/* ===== Páginas legales (términos, privacidad) — tokens de marca ===== */
:root {
  --bg: #0A0E1A;
  --surface: #121829;
  --border: #28304C;
  --text: #DDE5F7;
  --text-weak: #8B96B8;
  --primary: #7AA2FF;
  --primary-strong: #A9C2FF;
  --radius: 8px;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
:focus-visible { outline: 2px solid var(--primary-strong); outline-offset: 2px; border-radius: 4px; }
a { color: var(--primary-strong); }

.legal-nav {
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}
.legal-nav__inner {
  max-width: 760px; margin: 0 auto; padding: 16px 24px;
  display: flex; align-items: center; gap: 8px;
}
.legal-nav__logo { display: flex; align-items: center; gap: 8px; text-decoration: none; color: var(--text); }
.legal-nav__logo b { font-size: 18px; font-weight: 600; letter-spacing: -.01em; }
.legal-nav__back { margin-left: auto; color: var(--text-weak); text-decoration: none; font-size: 14px; }
.legal-nav__back:hover { color: var(--text); }

.legal {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 24px 80px;
}
.legal h1 { font-size: 32px; font-weight: 600; letter-spacing: -.02em; line-height: 1.15; margin-bottom: 8px; }
.legal .updated { color: var(--text-weak); font-size: 14px; margin-bottom: 40px; }
.legal h2 {
  font-size: 20px; font-weight: 600; letter-spacing: -.01em;
  margin: 40px 0 12px; padding-top: 8px;
}
.legal p { margin-bottom: 16px; }
.legal ul { margin: 0 0 16px; padding-left: 24px; }
.legal li { margin-bottom: 8px; }
.legal strong { font-weight: 600; }
.legal .lead { color: var(--text-weak); font-size: 17px; margin-bottom: 24px; }

.legal a.back-bottom {
  display: inline-block; margin-top: 40px; color: var(--text-weak);
  text-decoration: none; font-size: 14px;
}
.legal a.back-bottom:hover { color: var(--text); }