/* Páginas de información (Ayuda, Privacidad, Términos, Política de contenido) con la línea visual nueva (2026-10-31):
   franja celeste arriba y el contenido en tarjetas blancas. Se carga DESPUÉS del <style> propio de cada página y lo pisa;
   los textos legales no se tocan. */
body { background: #f4f5f7 !important; }
.legal-hero { background: linear-gradient(120deg, #1e3a8a, #3483fa 60%, #60a5fa) !important; border: 0 !important; padding: 26px 0 24px !important; color: #fff; }
.legal-hero .container { max-width: 900px; }
.legal-hero h1 { color: #fff !important; font-size: clamp(1.5rem, 3vw, 2rem) !important; margin: 4px 0 4px !important; }
.legal-hero p { color: rgba(255,255,255,.92) !important; }
.legal-eyebrow { background: rgba(255,255,255,.16) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.3); border-radius: 6px !important; }
.legal-body, .help-body { max-width: 900px !important; padding-top: 22px !important; }
.legal-back { color: #3483fa !important; font-weight: 700; text-decoration: none !important; }
.legal-back:hover { color: #2968c8 !important; opacity: 1 !important; }
.legal-toc { border-radius: 16px !important; border: 0 !important; box-shadow: 0 1px 3px rgba(15,23,42,.06); margin-bottom: 18px !important; }
.legal-toc a { color: #3483fa !important; }
.legal-section { background: #fff; border-radius: 16px; padding: 20px 22px; margin-bottom: 14px !important; box-shadow: 0 1px 3px rgba(15,23,42,.06); }
.legal-section h2 { color: #1a1a2e !important; font-size: 1.15rem !important; font-weight: 800 !important; }
.legal-section a, .faq-answer a, .policy-card a { color: #3483fa !important; }
.highlight-box { background: #eef5ff !important; border-left-color: #3483fa !important; border-radius: 10px !important; }
.faq-item { border-radius: 14px !important; border-color: #eef0f3 !important; box-shadow: 0 1px 3px rgba(15,23,42,.05); }
.faq-item[open] { border-color: #bfdbfe !important; }
.faq-item[open] summary { color: #3483fa !important; }
.faq-chevron { background: #e3edfb !important; color: #3483fa !important; }
.faq-answer { border-top-color: #eef0f3 !important; background: #fafcff !important; }
.faq-section-title { color: #6b7280 !important; }
.policy-card { border-radius: 16px !important; }
.policy-card-icon.blue { background: #e3edfb !important; color: #3483fa !important; }
@media (max-width: 600px) {
    .legal-hero { padding: 20px 0 18px !important; }
    .legal-section { padding: 16px; }
}