/* Minimal readable typography for legal pages (privacidad, cookies,
   aviso-legal, terminos). Reuses tokens from styles.css. */
.legal-shell { padding: 56px 0 80px; }
.legal-wrap { max-width: 760px; }
.legal-draft-note {
  background: var(--bg-elevated);
  border: 1.5px solid var(--accent);
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 32px;
  font-size: 0.92rem;
}
.legal-updated { color: var(--text-muted); font-size: 0.85rem; margin-top: -8px; margin-bottom: 32px; }
.legal-shell h1 { font-family: var(--font-display); font-size: 2rem; margin-bottom: 4px; }
.legal-shell h2 { font-family: var(--font-display); font-size: 1.15rem; margin: 32px 0 10px; }
.legal-shell h3 { font-size: 1rem; margin: 20px 0 8px; }
.legal-shell p, .legal-shell li { font-size: 0.95rem; line-height: 1.6; color: var(--text); }
.legal-shell ul { padding-left: 20px; margin-bottom: 16px; }
.legal-shell li { margin-bottom: 4px; }
.legal-table { width: 100%; border-collapse: collapse; margin: 16px 0 28px; font-size: 0.88rem; }
.legal-table th, .legal-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--border); vertical-align: top; }
.legal-table th { color: var(--text-muted); font-weight: 600; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.02em; }