/* Home estatica. Arquivo proprio: a CSP da borda e style-src 'self', e um <style> na pagina
   era bloqueado em silencio (a home saia sem estilo nenhum ate 05/10/2026). */
:root { color-scheme: light dark; --primaria: #2e56a8; }
@media (prefers-color-scheme: dark) { :root { --primaria: #6f9bf0; } }
body { margin: 0; font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
       display: grid; place-items: center; min-height: 100vh; }
main { max-width: 34rem; padding: 2rem; }
h1 { font-size: 1.6rem; margin: 0 0 .5rem; }
p  { margin: .5rem 0; opacity: .85; }
.entrar { display: inline-block; margin-top: 1rem; padding: .55rem 1.1rem; border-radius: 6px;
          background: var(--primaria); color: #fff; text-decoration: none; font-weight: 600; opacity: 1; }
@media (prefers-color-scheme: dark) { .entrar { color: #0b0f16; } }

/* Paginas de texto (Politica de Privacidade, Termos de Servico): fluxo normal, e nao o centro da home. */
body.doc { display: block; min-height: 0; }
body.doc main { max-width: 46rem; margin: 0 auto; padding: 1.5rem 1.25rem 3rem; }
body.doc h1 { font-size: 1.7rem; margin: .5rem 0 .25rem; }
body.doc h2 { font-size: 1.15rem; margin: 2rem 0 .5rem; }
body.doc p, body.doc li { opacity: 1; }
body.doc .data, body.doc .voltar, body.doc .rodape { opacity: .7; font-size: .92rem; }
body.doc .rodape { margin-top: 2.5rem; }
body.doc a { color: var(--primaria); }
body.doc table { width: 100%; border-collapse: collapse; margin: .75rem 0; font-size: .95rem; }
body.doc th, body.doc td { text-align: left; vertical-align: top; padding: .5rem; border-bottom: 1px solid rgba(127,127,127,.35); }
body.doc th { font-weight: 600; }
body.doc code { font-family: ui-monospace, Consolas, monospace; font-size: .9em; }
@media (max-width: 40rem) {
  body.doc thead { display: none; }
  body.doc td { display: block; border-bottom: 0; padding: .2rem 0; }
  body.doc tr { display: block; border-bottom: 1px solid rgba(127,127,127,.35); padding: .5rem 0; }
}

/* Rodape da home com os links legais. */
.outro-login { margin-top: .75rem; font-size: .95rem; }
.legal { margin-top: 2rem; font-size: .85rem; opacity: .7; }
.legal a { color: inherit; }