/* Páginas de texto da landing (privacidade, suporte): os mesmos tokens do index.html, coluna de leitura. */
:root {
  color-scheme: dark;
  --fundo: #1c1c1e;
  --cartao: #2c2c2e;
  --texto: #f5f5f7;
  --texto2: rgba(235, 235, 245, 0.6);
  --separador: rgba(84, 84, 88, 0.6);
  --volt: #c8ff00;
  --sobre-volt: #000;
  --fonte: Geist, -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  --raio-cartao: 22px;
  --raio-miudo: 8px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font: 400 17px/1.55 var(--fonte);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a { color: var(--texto); text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--texto); outline-offset: 2px; }
::selection { background: var(--volt); color: var(--sobre-volt); }
.casca { width: min(100% - 32px, 680px); margin-inline: auto; }
.topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; }
.topo a { display: inline-flex; align-items: center; min-height: 44px; border-radius: var(--raio-miudo); }
.topo svg { height: 24px; width: auto; display: block; }
.topo .voltar { font-size: 15px; font-weight: 600; text-decoration: none; color: var(--texto2); }
.topo .voltar:hover { color: var(--texto); }
main { padding-block: 32px 72px; }
h1 { margin: 0 0 8px; font-size: clamp(30px, 7vw, 44px); line-height: 1.08; font-weight: 700; letter-spacing: -0.025em; text-wrap: balance; }
.vigencia { margin: 0 0 36px; font-size: 15px; color: var(--texto2); }
h2 { margin: 40px 0 10px; font-size: 20px; line-height: 25px; font-weight: 600; letter-spacing: -0.01em; }
p, ul { margin: 0 0 14px; color: var(--texto2); text-wrap: pretty; }
ul { padding-left: 20px; }
li { margin-bottom: 8px; }
strong { color: var(--texto); font-weight: 600; }
.destaque { margin: 0 0 28px; padding: 18px; border-radius: var(--raio-cartao); background: var(--cartao); }
.destaque p { color: var(--texto); margin: 0; }
.email { user-select: all; color: var(--texto); font-weight: 600; }
footer { padding-block: 24px 40px; border-top: 1px solid var(--separador); font-size: 12px; line-height: 17px; color: var(--texto2); }
footer nav ul { display: flex; flex-wrap: wrap; gap: 0 22px; list-style: none; padding: 0; margin: 0 0 10px; }
footer nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; font-weight: 600; text-decoration: none; }
footer nav a:hover { text-decoration: underline; }
footer p { margin: 0 0 6px; color: var(--texto2); }