/* Paginas legais: mesmo sistema de tokens do index, so o necessario para
   um documento de leitura. Nada aqui e reaproveitado da home por engano —
   e uma superficie de leitura, nao de conversao. */
@font-face{font-family:'Encode Sans Expanded';src:url('fonts/encode/encode-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Encode Sans Expanded';src:url('fonts/encode/encode-400-latin-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';src:url('fonts/montserrat/montserrat-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';src:url('fonts/montserrat/montserrat-latin-ext.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  color-scheme:light;
  --papel:#f7f5f1;
  --papel-2:#fffefb;
  --campo:#f2f1ef;
  --regua:#d5d5d3;
  --tinta:#161618;
  --tinta-2:#5d5d62;
  --tinta-inv:#ffffff;
  --tinta-inv-3:#a2a2a3;
  --marinho-escuro:#0f0f11;
  --ouro:#c2360b;
  --t-h1:32px;--t-h2:20px;--t-h3:16px;
  --t-acao:16px;--t-medio:14px;--t-corpo:13px;--t-base:12px;--t-legenda:11px;
  --titulo:"Encode Sans Expanded","Michroma",Verdana,sans-serif;
  --sans:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media(max-width:768px){
  :root{--t-h1:25px;--t-h2:18px}
}
/* paginas legais sao sempre claras: sem variante dark */
:root{color-scheme:light}

*{box-sizing:border-box}
body{
  margin:0;background:var(--papel);color:var(--tinta);
  font-family:var(--sans);font-size:var(--t-corpo);line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--ouro);color:var(--papel)}

.wrap{max-width:760px;margin:0 auto;padding:0 24px}

main{padding:56px 0 72px}
h1{
  font-family:var(--titulo);font-weight:400;letter-spacing:-.01em;
  font-size:var(--t-h1);line-height:1.15;margin:0 0 10px;
}
.atualizado{
  margin:0 0 8px;font-size:var(--t-legenda);letter-spacing:.12em;text-transform:uppercase;
  font-weight:600;color:var(--ouro);
}
.abertura{
  margin:26px 0 0;padding:22px 24px;background:var(--campo);border-radius:14px;
  font-size:var(--t-medio);color:var(--tinta-2);
}
h2{
  font-family:var(--titulo);font-weight:400;letter-spacing:-.01em;
  font-size:var(--t-h2);line-height:1.25;
  margin:46px 0 14px;padding-top:26px;border-top:1px solid var(--regua);
}
h3{font-family:var(--titulo);font-weight:400;font-size:var(--t-h3);margin:28px 0 8px}
p{margin:0 0 16px}
ul{margin:0 0 18px;padding:0 0 0 20px}
li{margin:0 0 10px}
li::marker{color:var(--ouro)}
strong{font-weight:600;color:var(--tinta)}
a{color:var(--ouro);text-decoration:underline;text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--ouro);outline-offset:3px;border-radius:4px}

table{border-collapse:collapse;width:100%;margin:0 0 22px;font-size:var(--t-corpo)}
.tabela-rolagem{overflow-x:auto;margin:0 0 22px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--regua);vertical-align:top}
th{
  font-size:var(--t-legenda);letter-spacing:.14em;text-transform:uppercase;
  font-weight:600;color:var(--tinta-2);white-space:nowrap;
}

.caixa-contato{
  margin:36px 0 0;padding:26px 28px;background:var(--papel-2);
  border:1px solid var(--regua);border-radius:16px;
}
.caixa-contato p:last-child{margin-bottom:0}

footer{background:var(--marinho-escuro);color:var(--tinta-inv-3);padding:40px 0;font-size:var(--t-corpo)}
footer a{color:var(--tinta-inv)}
footer .wrap{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:space-between}

@media(max-width:640px){
  main{padding:40px 0 56px}
  .wrap{padding:0 20px}
  h2{margin-top:38px}
}