/* Política de privacidade do IGP App: página estática, mesmas fontes e cores do app (tokens de app.css), claro e escuro. */
@font-face { font-family: "General Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("/fonts/general-sans-600.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("/fonts/inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-style: normal; font-display: swap; src: url("/fonts/inter-600.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("/fonts/ibm-plex-mono-400.woff2") format("woff2"); }

:root {
  --bg: #F2F6FC; --superficie: #FFFFFF; --linha: rgba(5, 20, 42, .10);
  --tinta: #05142A; --tinta-2: #1E3357; --tinta-3: #556B8F; --marca: #0099FF; --marca-tinta: #0062CC;
  --f-titulo: "General Sans", -apple-system, "SF Pro Display", system-ui, sans-serif;
  --f-texto: "Inter", -apple-system, "SF Pro Text", system-ui, sans-serif;
  --f-num: "IBM Plex Mono", ui-monospace, monospace;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #05142A; --superficie: #0C1F3D; --linha: rgba(210, 228, 255, .12);
    --tinta: #FFFFFF; --tinta-2: #D2E4FF; --tinta-3: #8FA7CB; --marca: #0099FF; --marca-tinta: #66C2FF;
  }
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--tinta-2); font: 400 1rem/1.6 var(--f-texto); }
.pagina {
  max-width: 680px; margin: 0 auto;
  padding: max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(48px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
}
.voltar {
  display: inline-flex; align-items: center; min-height: 44px; color: var(--marca-tinta);
  font: 600 .95rem var(--f-texto); text-decoration: none;
}
.voltar:focus-visible, a:focus-visible { outline: 2px solid var(--marca); outline-offset: 3px; border-radius: 6px; }
.rotulo { margin: 20px 0 6px; font: 400 .72rem var(--f-num); letter-spacing: .12em; text-transform: uppercase; color: var(--tinta-3); }
h1 { margin: 0; font: 600 clamp(1.7rem, 6vw, 2.2rem)/1.15 var(--f-titulo); color: var(--tinta); letter-spacing: -.01em; }
.versao { margin: 8px 0 28px; font: 400 .8rem var(--f-num); color: var(--tinta-3); }
h2 { margin: 36px 0 10px; font: 600 1.25rem/1.25 var(--f-titulo); color: var(--tinta); }
h3 { margin: 22px 0 6px; font: 600 1rem/1.35 var(--f-texto); color: var(--tinta); }
p, li { max-width: 64ch; }
p { margin: 0 0 12px; }
ul { margin: 0 0 12px; padding-left: 1.2em; }
li { margin: 0 0 8px; }
strong { color: var(--tinta); font-weight: 600; }
a { color: var(--marca-tinta); text-underline-offset: 3px; }
.rodape { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--linha); font-size: .85rem; color: var(--tinta-3); }