/* ════════════════════════════════════════════════════════════════════════
   site-fix.css — overrides aplicados SÓ no site público (naia.bio)
   ════════════════════════════════════════════════════════════════════════
   O app.css compartilhado (app.naia.bio) tem regra global
       a:hover { color: #fff; text-decoration: underline; }
   que funciona bem dentro do app (fundos azuis/escuros) mas quebra nas
   páginas públicas (fundos claros) — o texto vira branco e some.

   Carregado SEMPRE DEPOIS do app.css nas páginas públicas, pra sobrescrever
   com cores que respeitam o background claro.
   ════════════════════════════════════════════════════════════════════════ */

/* ── Brand "Naiá" — todos os estados mantêm a cor escura sem underline ── */
.landing-brand,
.landing-brand:hover,
.landing-brand:focus,
.landing-brand:active,
.landing-brand:visited {
    color: #0F1A24 !important;
    text-decoration: none !important;
}
.landing-brand span { color: inherit !important; }

/* Variante light (no footer escuro) — mantém branco */
.landing-brand-light,
.landing-brand-light:hover,
.landing-brand-light:focus,
.landing-brand-light:active,
.landing-brand-light:visited {
    color: #fff !important;
    text-decoration: none !important;
}
.landing-brand-light span { color: inherit !important; }

/* ── Links nos textos legais (privacidade/termos) ────────────────────────
   Hover usa azul Naiá em vez de branco. Sublinhado mantido como dica visual. */
.legal-article a:not(.btn-ghost):not(.btn-primary-sharp):hover,
.legal-callout a:hover,
.legal-cards-contato:hover {
    color: #0077B6 !important;
}
.legal-cards-contato:hover { text-decoration: none !important; }

/* ── Links do header nav e footer da landing ─────────────────────────────
   Quando o usuário passa o mouse, fica em azul Naiá em vez de branco. */
.landing-nav-links > a:hover,
.landing-footer-grid a:hover,
.landing-cta-mini a:hover {
    color: #0077B6 !important;
}

/* ── FAQ links ──────────────────────────────────────────────────────────── */
.landing-faq a:hover {
    color: #0077B6 !important;
}