/* Os termos de uso (termos.html) e a política de dados (privacidade.html).
   As cores vêm de acesso.css, carregado antes: as duas páginas abrem sem
   login, do rodapé da tela de entrar, e seguem o tema escolhido (tema.js). */
.doc { max-width: 760px; margin: 0 auto; padding: 40px 24px 64px; }
.doc-topo { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 36px; }
.doc-marca { display: flex; align-items: center; gap: 10px; color: var(--tinta); text-decoration: none; }
.doc-marca svg { width: 30px; height: 30px; flex: none; }
.doc-marca b { font: 600 18px/1.1 var(--serif); }
.doc-marca b span { color: var(--latao); }
.doc-links { display: flex; gap: 18px; flex-wrap: wrap; }
.doc-troca { font-size: 13.5px; font-weight: 600; text-decoration: none; }
.doc-troca:hover { text-decoration: underline; }

.doc h1 { font: 600 32px/1.15 var(--serif); letter-spacing: -.01em; margin: 0 0 8px; }
.doc .versao { color: var(--tinta-3); font-size: 13.5px; margin: 0 0 24px; }
.doc .resumo { margin: 0 0 36px; padding: 18px 20px; border: 1px solid var(--linha); border-radius: 12px; background: var(--superficie); }
.doc .resumo h2 { font: 600 15px/1.3 var(--sans); margin: 0 0 8px; }
.doc .resumo ul { margin: 0; padding-left: 20px; }
.doc .resumo li { margin: 4px 0; }

.doc nav.indice { margin: 0 0 40px; font-size: 14px; }
.doc nav.indice ol { margin: 0; padding-left: 22px; columns: 2 260px; column-gap: 32px; }
.doc nav.indice li { margin: 3px 0; break-inside: avoid; }
.doc nav.indice a { text-decoration: none; }
.doc nav.indice a:hover { text-decoration: underline; }

.doc section { margin: 0 0 32px; scroll-margin-top: 16px; }
.doc h2 { font: 600 21px/1.25 var(--serif); margin: 0 0 12px; }
.doc h3 { font: 600 15.5px/1.35 var(--sans); margin: 20px 0 8px; }
.doc p, .doc li { color: var(--tinta-2); }
.doc p { margin: 0 0 12px; }
.doc ul, .doc ol { margin: 0 0 12px; padding-left: 22px; }
.doc li { margin: 5px 0; }
.doc strong { color: var(--tinta); font-weight: 600; }

.doc .tabela { overflow-x: auto; margin: 0 0 16px; border: 1px solid var(--linha); border-radius: 10px; }
.doc table { width: 100%; border-collapse: collapse; font-size: 14px; }
.doc th, .doc td { padding: 10px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--linha); }
.doc tr:last-child td { border-bottom: 0; }
.doc th { background: var(--superficie-2); color: var(--tinta); font-weight: 600; }
.doc td { color: var(--tinta-2); background: var(--superficie); }


.doc-rodape { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--linha); font-size: 13px; color: var(--tinta-3); }

@media (max-width: 480px) {
  .doc { padding: 24px 16px 48px; }
  .doc h1 { font-size: 26px; }
}
@media print {
  .doc-troca, nav.indice { display: none; }
  .doc { max-width: none; padding: 0; }
}