/* CSS externalizado desde bloques <style> para CSP estricta. */
.legal-page { max-width: 780px; margin: 40px auto; padding: 0 20px 80px; }
    .legal-hero { margin-bottom: 40px; padding-bottom: 24px; border-bottom: 2px solid var(--border); }
    .legal-hero__title { font-family: var(--font-display); font-size: 32px; font-weight: 800; color: var(--text); margin-bottom: 8px; }
    .legal-hero__date { font-size: 13px; color: var(--text3); }
    .legal-content h2 { font-family: var(--font-display); font-size: 18px; font-weight: 700; color: var(--text); margin: 32px 0 12px; }
    .legal-content h3 { font-size: 15px; font-weight: 700; color: var(--text2); margin: 20px 0 8px; }
    .legal-content p { font-size: 14px; color: var(--text2); line-height: 1.8; margin-bottom: 12px; }
    .legal-content ul { font-size: 14px; color: var(--text2); line-height: 1.8; margin: 8px 0 12px 20px; }
    .legal-content li { margin-bottom: 4px; }
    .legal-content a { color: var(--cyan); }
    .legal-highlight { background: var(--cyan-bg); border-left: 3px solid var(--cyan); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: 12px 16px; margin: 16px 0; font-size: 13px; color: var(--text2); }