/* Páginas legales (/privacidad, /terminos) — se apoyan en /style.css */
.legal {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin: 0 auto;
  padding: 56px 20px 80px;
}
.legal .logo { display: inline-block; margin-bottom: 36px; }
.legal h1 { font-size: clamp(1.8rem, 6vw, 2.4rem); line-height: 1.2; margin-bottom: 8px; }
.legal .updated { font-family: var(--font-mono); font-size: 0.8rem; color: var(--text-faint); margin-bottom: 32px; }
.legal h2 { font-size: 1.2rem; margin: 32px 0 10px; }
.legal p, .legal li { color: var(--text-dim); }
.legal p + p { margin-top: 10px; }
.legal ul { padding-left: 22px; display: grid; gap: 6px; margin-top: 8px; }
.legal strong { color: var(--text); }
.legal a { color: var(--accent); border-bottom: 1px solid var(--accent-dim); }
.legal .logo { border: none; color: var(--text); }
.legal ul + p { margin-top: 12px; }