:root{
  --fundo:#FBF6EE; --texto:#1F2A44; --apoio:#4A5163; --marca:#C2492F; --marca-forte:#B8432A;
  --salvia:#DCE9DF; --linha:#D9D2C5; --verde:#1F6B43; --metade:#1F2A44; --ambar:#F2B94B;
  --cartao:#FFFFFF; --grao:0.13; --grao-modo:multiply;
}
@media (prefers-color-scheme: dark){
  :root{
    --fundo:#141B2D; --texto:#FBF6EE; --apoio:#C9CEDA; --marca:#F08A6E; --marca-forte:#F08A6E;
    --salvia:#243047; --linha:#2E3852; --verde:#3F9B6A; --metade:#FBF6EE; --ambar:#F2B94B;
    --cartao:#1C2438; --grao:0.16; --grao-modo:overlay;
  }
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--fundo);color:var(--texto);font-family:'Atkinson Hyperlegible',system-ui,sans-serif;
  font-size:19px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.grao{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9;
  opacity:var(--grao);mix-blend-mode:var(--grao-modo)}
a{color:var(--marca-forte)}
.limite{max-width:1440px;margin:0 auto;padding:0 22px}
@media (min-width:860px){.limite{padding:0 80px}}
.leitura{max-width:864px;margin:0;padding:0 22px}
@media (min-width:860px){.leitura{max-width:900px;padding:0 0 0 80px}}

.capa{background:var(--salvia);position:relative;overflow:hidden}
.topo{display:flex;align-items:center;justify-content:space-between;height:78px}
@media (min-width:860px){.topo{height:112px}}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.marca svg{width:40px;height:33px}
.palavra{font-size:25px;font-weight:700;letter-spacing:-.3px}
.palavra span{color:var(--marca)}
.topo nav{display:flex;gap:22px;font-size:15px;letter-spacing:1px;text-transform:uppercase}
.topo nav a{color:var(--apoio);text-decoration:none}
.topo nav a:hover{color:var(--texto)}
@media (min-width:860px){.marca svg{width:48px;height:40px}.palavra{font-size:30px}
  .topo nav{gap:32px;font-size:16px}}
.capa-texto{padding:22px 0 60px;display:flex;gap:24px;align-items:flex-start}
@media (min-width:860px){.capa-texto{padding:56px 0 104px;gap:48px}}
.capa-texto .vinheta{display:none}
@media (min-width:700px){.capa-texto .vinheta{display:block;width:150px;height:150px;flex-shrink:0}}
.selo{font-size:13px;font-weight:700;letter-spacing:2.6px;color:var(--marca-forte);margin:0}
@media (min-width:860px){.selo{font-size:17px;letter-spacing:3.4px}}
h1{margin:14px 0 0;font-size:clamp(38px,7.6vw,76px);line-height:1.0;font-weight:700;
  letter-spacing:-1.4px;text-wrap:balance}
@media (min-width:860px){h1{letter-spacing:-2.2px}}
.sub,.data{font-size:19px;line-height:1.5;color:var(--apoio);margin:18px 0 0;max-width:38em}
@media (min-width:860px){.sub,.data{font-size:21px}}
.curva{display:block;width:100%;height:56px;position:absolute;bottom:-1px;left:0}
@media (min-width:860px){.curva{height:90px}}

main{padding:38px 0 0}
@media (min-width:860px){main{padding:76px 0 0}}
h2{font-size:27px;line-height:1.15;margin:44px 0 10px}
@media (min-width:860px){h2{font-size:32px;margin:56px 0 12px}}
h2.secao{color:var(--marca);font-size:23px;margin:44px 0 8px}
@media (min-width:860px){h2.secao{font-size:26px}}
h3{font-size:22px;line-height:1.2;margin:0 0 6px}
p{margin:0 0 18px}
.aviso{background:var(--ambar);color:#1F2A44;border-radius:0;border-left:6px solid #1F2A44;
  padding:18px 22px;font-size:18px;font-weight:700;margin:0 0 36px}
.resumo{background:var(--salvia);border-radius:24px;padding:26px 30px;margin:0 0 44px}
.resumo h2{font-size:21px;margin:0 0 12px}
.resumo ol,.resumo ul{margin:0;padding-left:22px}
.resumo li{margin-bottom:8px}
.nunca{border-left:6px solid var(--marca);padding-left:24px;margin:0 0 24px}
.nunca ul{margin:0;padding-left:20px}
.nunca li{margin-bottom:6px}
.grupo{margin:0 0 20px}
.pergunta{padding:22px 0;border-top:2px solid var(--linha)}
.pergunta p{margin:0;color:var(--apoio);font-size:18px}
.contato{margin:44px 0 0;padding:24px 28px;border-radius:24px;background:var(--salvia);font-size:19px}
table{border-collapse:collapse;width:100%;margin:0 0 24px;font-size:17px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--linha);vertical-align:top}
th{font-size:14px;letter-spacing:1.4px;text-transform:uppercase;color:var(--apoio)}

.chamada{background:var(--marca);color:#FBF6EE;margin-top:56px;padding:34px 0}
@media (min-width:860px){.chamada{margin-top:96px;padding:0}
  .chamada .limite{display:flex;align-items:center;justify-content:space-between;
  gap:40px;min-height:280px}}
.chamada h2{margin:0;font-size:28px;line-height:1.12;color:#FBF6EE}
@media (min-width:860px){.chamada h2{font-size:40px}}
.chamada p{margin:10px 0 0;font-size:19px;font-weight:700;line-height:1.45;max-width:34em}
@media (min-width:860px){.chamada p{font-size:24px;font-weight:400;margin-top:12px}}
.botao-claro{flex-shrink:0;margin-top:22px;display:inline-flex;align-items:center;gap:14px;
  min-height:68px;padding:0 32px;border-radius:34px;background:#FBF6EE;color:#8F3421;
  font-size:21px;font-weight:700;text-decoration:none}
@media (min-width:860px){.botao-claro{margin-top:0;min-height:78px;padding:0 40px;
  border-radius:39px;font-size:24px}}

footer{padding:26px 0 40px}
@media (min-width:860px){footer{padding:52px 0 64px}
  footer .limite{display:flex;justify-content:space-between;gap:60px}}
footer nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:16px}
footer nav a{color:var(--apoio);text-decoration:none}
footer nav a:hover{color:var(--texto)}
.miudo{font-size:15px;line-height:1.55;color:var(--apoio);margin:16px 0 0}
@media (min-width:860px){.miudo{font-size:17px;line-height:1.6;margin:0;max-width:44em;order:-1}
  footer nav{align-items:flex-start;gap:28px;font-size:17px}}
