/* Página pública /privacidade — herda fontes e paleta de app.css.
   CSS em arquivo (não inline) para continuar valendo se o nginx aplicar uma CSP restritiva. */

/* app.css trava a altura em 100% e esconde overflow no app; aqui a página rola normal. */
html, body.pagina-texto { height: auto; min-height: 100%; }
body.pagina-texto { overscroll-behavior-y: auto; }

.pagina-topo {
  background: var(--azul-header);
  color: #fff;
  padding: calc(env(safe-area-inset-top, 0) + 14px) 16px 14px;
}
.pagina-topo .titulo { font-size: 18px; font-family: 'Open Sans semibold'; }

.pagina-corpo {
  max-width: 680px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  line-height: 1.55;
  font-size: 15px;
}
.pagina-corpo h1 { font-family: 'Open Sans light'; font-size: 26px; margin: 0 0 4px; color: var(--azul-header); }
.pagina-corpo h2 { font-family: 'Open Sans semibold'; font-size: 16px; margin: 28px 0 6px; }
.pagina-corpo p, .pagina-corpo ul { margin: 0 0 12px; }
.pagina-corpo ul { padding-left: 20px; }
.pagina-corpo li { margin-bottom: 6px; }
.pagina-corpo b { font-family: 'Open Sans semibold'; font-weight: normal; }
.pagina-corpo code { font-size: 13px; background: var(--zebra); padding: 1px 4px; border-radius: 2px; }
.pagina-corpo .atualizado { color: var(--texto-apagado); font-size: 13px; margin-bottom: 20px; }
.pagina-corpo .uso-google { margin-top: 28px; font-size: 13px; color: var(--texto-fraco); }