/* Estilo das páginas de Termos e Privacidade, no mesmo visual do app. */
@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@400;700&family=Bricolage+Grotesque:opsz,wght@12..96,800&display=swap");
:root {
  --papel: #F4F5F2; --folha: #FFFFFF; --tinta: #14202B; --tinta-2: #475667; --tinta-3: #626F7A; --regra: #D8DDE1; --marca: #FFD23F; --contorno: #14202B;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root { --papel: #0E151C; --folha: #16212B; --tinta: #EAEEF1; --tinta-2: #AAB5BF; --tinta-3: #7F8C97; --regra: #273440; --contorno: #000000; color-scheme: dark; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--papel); color: var(--tinta); font: 17px/1.65 "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
header, main, footer { max-width: 760px; margin: 0 auto; padding-inline: 20px; }
header { padding-block: 28px 8px; }
main { padding-block: 16px 48px; }
h1 { display: inline-block; font: 800 clamp(34px, 5vw, 48px)/1.08 "Bricolage Grotesque", system-ui, sans-serif; letter-spacing: -.03em; margin: 20px 0 8px; padding: 0 .14em; color: #14202B;
  background: linear-gradient(var(--marca), var(--marca)) no-repeat 0 60% / 100% 78%; border-radius: .12em .3em .16em .34em; }
h2 { font: 800 24px/1.25 "Bricolage Grotesque", system-ui, sans-serif; letter-spacing: -.015em; margin: 44px 0 8px; padding-top: 24px; border-top: 2px solid var(--contorno); }
h3 { font-size: 18px; margin: 28px 0 6px; }
p, li { color: var(--tinta-2); }
b { color: var(--tinta); }
ul { padding-left: 22px; display: grid; gap: 6px; }
a { color: var(--tinta); text-decoration-color: var(--marca); text-decoration-thickness: 3px; text-underline-offset: 3px; }
.data { color: var(--tinta-3); font-size: 15px; margin-bottom: 24px; }
code { font-size: 15px; background: var(--folha); border: 1px solid var(--regra); border-radius: 4px; padding: 1px 5px; }
.tabela { overflow-x: auto; margin-top: 12px; }
table { border-collapse: collapse; width: 100%; min-width: 560px; font-size: 15px; background: var(--folha); border: 2px solid var(--contorno); border-radius: 12px; border-collapse: separate; border-spacing: 0; overflow: hidden; }
th, td { text-align: left; vertical-align: top; padding: 12px 14px; border-bottom: 1px solid var(--regra); color: var(--tinta-2); }
th { background: var(--marca); color: #14202B !important; border-bottom: 2px solid var(--contorno); font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: var(--tinta-3); }
footer { padding-block: 24px 48px; border-top: 1px solid var(--regra); font-size: 15px; color: var(--tinta-3); }