/* legal.css — estilo común de las páginas legales (aviso legal, privacidad, condiciones, cookies) */
:root { color-scheme: light dark; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.65; background: #F6F8FA; color: #0E1116; }
.legal { max-width: 820px; margin: 0 auto; padding: 24px 16px 64px; }
.legal-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid #D3DAE2; }
.legal-top a { color: #0369A1; text-decoration: none; font-weight: 700; }
.legal h1 { font-size: 1.7rem; margin: 24px 0 4px; }
.legal h2 { font-size: 1.1rem; margin: 28px 0 6px; }
.legal p, .legal li { font-size: .96rem; }
.legal .upd { color: #4E5868; font-size: .88rem; margin-top: 0; }
.legal .todo { background: #FFF3CD; color: #5c4300; padding: 0 4px; border-radius: 4px; }
.legal nav.others { margin-top: 32px; padding-top: 12px; border-top: 1px solid #D3DAE2; display: flex; gap: 16px; flex-wrap: wrap; font-size: .9rem; }
.legal a { color: #0369A1; }
@media (prefers-color-scheme: dark) {
  body { background: #0E1116; color: #E6E9EF; }
  .legal-top, .legal nav.others { border-color: #2C333F; }
  .legal-top a, .legal a { color: #7DD3FC; }
  .legal .upd { color: #A3ACBA; }
  .legal .todo { background: #4a3b00; color: #ffe8a3; }
}