/* Estilos compartidos de las páginas legales de Danna ERP.
   Reutiliza las VARIABLES de tema de style.css (mismas fuentes/colores): así el texto y el fondo
   cambian juntos con el tema (html.dark). Nada de colores fijos aquí — antes el texto se aclaraba
   por prefers-color-scheme mientras el fondo seguía claro (html.dark ausente) y quedaba ilegible. */
.legal-wrap { max-width: 820px; margin: 0 auto; padding: 32px 20px 80px; }
.legal-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; flex-wrap: wrap; }
.legal-top a.brand { font-weight: 700; font-size: 18px; text-decoration: none; color: var(--accent-text, #4f46e5); }
.legal-nav { display: flex; gap: 14px; flex-wrap: wrap; font-size: 13px; }
.legal-nav a { color: var(--text-muted, #6b7280); text-decoration: none; }
.legal-nav a:hover, .legal-nav a.active { color: var(--accent-text, #4f46e5); }
.legal-doc h1 { font-size: 26px; font-weight: 800; margin: 0 0 6px; color: var(--text, #111827); }
.legal-doc .legal-meta { color: var(--text-muted, #6b7280); font-size: 13px; margin-bottom: 24px; }
.legal-doc h2 { font-size: 18px; font-weight: 700; margin: 30px 0 10px; padding-top: 8px; border-top: 1px solid var(--border, #e5e7eb); color: var(--text, #111827); }
.legal-doc h3 { font-size: 15px; font-weight: 700; margin: 18px 0 6px; color: var(--text, #111827); }
.legal-doc p, .legal-doc li { font-size: 14.5px; line-height: 1.7; color: var(--text, #374151); }
.legal-doc ul, .legal-doc ol { padding-left: 22px; margin: 8px 0; }
.legal-doc li { margin-bottom: 6px; }
.legal-doc strong { color: var(--text, #111827); }
.legal-doc a { color: var(--accent-text, #4f46e5); }
.legal-note { background: color-mix(in srgb, var(--warning, #f59e0b) 12%, transparent); border: 1px solid color-mix(in srgb, var(--warning, #f59e0b) 45%, transparent); border-radius: 10px; padding: 12px 16px; font-size: 13px; color: var(--text, #92400e); margin: 18px 0; }
.legal-toc { background: var(--surface, #f9fafb); border: 1px solid var(--border, #e5e7eb); border-radius: 10px; padding: 14px 18px; margin: 20px 0 28px; }
.legal-toc strong { display: block; margin-bottom: 6px; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted, #6b7280); }
.legal-toc ol { margin: 0; }
.legal-foot { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--border, #e5e7eb); color: var(--text-subtle, #9ca3af); font-size: 12.5px; text-align: center; }