/* ============================================================================
 * Páginas públicas do JurisIQ (Termos de Uso e Política de Privacidade).
 *
 * Ficam fora do aplicativo: são lidas por quem ainda não é cliente e precisam
 * abrir sozinhas, sem sessão e sem JavaScript. Por isso um CSS próprio e curto,
 * em vez de arrastar o app.css inteiro para um documento de texto.
 * ========================================================================== */
:root{
  --tinta:#16233A;
  --tinta-fraca:#5A6B86;
  --papel:#FFFFFF;
  --fundo:#EEF2F8;
  --marca:#1557C7;
  --linha:#D9E2F1;
  --realce:#F6F8FC;
}
@media (prefers-color-scheme: dark){
  :root{ --tinta:#E8EFFA; --tinta-fraca:#9DB0CC; --papel:#111C30; --fundo:#0B1524; --marca:#4FC7FB; --linha:#22324C; --realce:#16233A; }
}

*{ box-sizing:border-box; }
body{
  margin:0; background:var(--fundo); color:var(--tinta);
  font-family:'Sora', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size:16px; line-height:1.7;
}
.topo-publico{
  background:#0E2245; color:#fff; padding:14px 20px;
  display:flex; align-items:center; gap:10px;
}
.topo-publico img{ width:26px; height:26px; }
.topo-publico strong{ font-size:17px; letter-spacing:.3px; }
.topo-publico a{ margin-left:auto; color:#BFD6FF; text-decoration:none; font-size:14px; }
.topo-publico a:hover{ text-decoration:underline; }

main{
  max-width:780px; margin:28px auto 64px; background:var(--papel);
  border:1px solid var(--linha); border-radius:16px; padding:36px 40px;
}
h1{ font-size:28px; line-height:1.25; margin:0 0 6px; }
.subtitulo{ color:var(--tinta-fraca); margin:0 0 28px; font-size:14px; }
h2{ font-size:19px; margin:34px 0 10px; padding-top:18px; border-top:1px solid var(--linha); }
h2:first-of-type{ border-top:0; padding-top:0; }
h3{ font-size:16px; margin:20px 0 6px; }
p, li{ font-size:15px; }
ul, ol{ padding-left:22px; }
li{ margin:6px 0; }
a{ color:var(--marca); }
.destaque{
  background:var(--realce); border:1px solid var(--linha); border-left:3px solid var(--marca);
  border-radius:10px; padding:14px 16px; margin:18px 0; font-size:14.5px;
}
.preencher{ background:#FFF3CD; color:#63480A; padding:1px 6px; border-radius:5px; font-weight:600; }
@media (prefers-color-scheme: dark){ .preencher{ background:#4A3B10; color:#FFE49B; } }
table{ width:100%; border-collapse:collapse; margin:14px 0; font-size:14.5px; }
th, td{ border:1px solid var(--linha); padding:9px 11px; text-align:left; vertical-align:top; }
th{ background:var(--realce); font-weight:600; }
footer{ max-width:780px; margin:0 auto 48px; color:var(--tinta-fraca); font-size:13px; text-align:center; }

@media (max-width:640px){
  main{ margin:16px; padding:24px 20px; border-radius:14px; }
  h1{ font-size:23px; }
}