/* ============================================================
   Estilo das páginas de texto (privacidade e termos).
   Mesmos tokens do index.html, num arquivo só, porque as duas
   páginas usam exatamente o mesmo desenho.
   ============================================================ */
@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(ativos/fontes/newsreader-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Newsreader;font-style:normal;font-weight:500;font-display:swap;src:url(ativos/fontes/newsreader-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(ativos/fontes/newsreader-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(ativos/fontes/hanken-grotesk-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(ativos/fontes/hanken-grotesk-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(ativos/fontes/hanken-grotesk-latin-700-normal.woff2) format("woff2")}

:root{
  --marfim:   #FDF9F7;
  --areia:    #FAEDEF;
  --branco:   #FFFFFF;
  --tinta:    #241A1D;
  --tinta-65: rgba(36,26,29,.78);
  --tinta-42: rgba(36,26,29,.64);
  --vinho:    #8C4A5A;
  --vinho-fd: #6F3745;
  --vinho-cl: #D9A3AE;
  --linha:    rgba(36,26,29,.13);
  --display: "Newsreader", Georgia, serif;
  --corpo:   "Hanken Grotesk", system-ui, sans-serif;
  --gut: clamp(20px, 5vw, 56px);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0; background:var(--marfim); color:var(--tinta);
  font-family:var(--corpo); font-size:17px; line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--vinho); text-underline-offset:3px}
a:hover{color:var(--vinho-fd)}
img{max-width:100%; display:block}
:focus-visible{outline:2px solid var(--vinho); outline-offset:3px}
[hidden]{display:none !important}

.wrap{max-width:760px; margin:0 auto; padding-inline:var(--gut)}

/* ---------- topo ---------- */
.topo{border-bottom:1px solid var(--linha); background:var(--marfim)}
.topo .wrap{display:flex; align-items:center; justify-content:space-between; height:66px; gap:16px; max-width:1120px}
.marca{display:flex; align-items:center; gap:11px; text-decoration:none; line-height:1; color:var(--tinta); padding-block:6px}
.marca img{width:38px; height:38px; flex:none}
.marca b{font-family:var(--display); font-weight:500; font-size:18px; display:block}
.marca i{display:block; font-style:normal; font-size:9px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--tinta-42); margin-top:4px}
.voltar{font-size:13.5px; font-weight:600; text-decoration:none; white-space:nowrap}

/* ---------- documento ---------- */
.doc{padding-block:clamp(38px,6vw,76px)}
.doc .rotulo{font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.2em; color:var(--vinho); margin:0 0 18px}
.doc h1{
  font-family:var(--display); font-weight:400; letter-spacing:-.028em; line-height:1.06;
  font-size:clamp(31px,5vw,50px); margin:0 0 16px; text-wrap:balance;
}
.doc .atualizado{font-size:13.5px; color:var(--tinta-42); margin:0 0 8px}
.doc .abertura{
  font-size:clamp(16.5px,1.8vw,18.5px); color:var(--tinta-65); line-height:1.6;
  margin:26px 0 0; padding-top:26px; border-top:1px solid var(--linha);
}

.doc h2{
  font-family:var(--display); font-weight:400; letter-spacing:-.022em; line-height:1.14;
  font-size:clamp(23px,3vw,30px); margin:52px 0 14px; text-wrap:balance;
}
.doc h2 .n{font-family:var(--corpo); font-size:12px; font-weight:700; letter-spacing:.16em; color:var(--vinho); display:block; margin-bottom:9px}
.doc h3{font-family:var(--corpo); font-weight:600; font-size:17px; letter-spacing:-.01em; margin:28px 0 8px}
.doc p{margin:0 0 1em; color:var(--tinta-65)}
.doc strong,.doc b{color:var(--tinta); font-weight:600}
.doc ul{margin:0 0 1.2em; padding:0; list-style:none}
.doc li{position:relative; padding:6px 0 6px 22px; color:var(--tinta-65); line-height:1.55}
.doc li::before{content:""; position:absolute; left:0; top:16px; width:9px; height:1px; background:var(--vinho)}
.doc li strong{color:var(--tinta)}

/* tabela de dados / bases legais */
.tabela{width:100%; border-collapse:collapse; margin:0 0 1.4em; font-size:14.5px}
.tabela th,.tabela td{text-align:left; padding:13px 14px 13px 0; border-bottom:1px solid var(--linha); vertical-align:top; color:var(--tinta-65)}
.tabela th{font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--vinho); border-bottom-color:var(--tinta-42)}
.tabela td:first-child{color:var(--tinta); font-weight:600; padding-right:20px}
.rolagem{overflow-x:auto; margin:0 0 1.4em}
.rolagem .tabela{margin:0; min-width:520px}

/* caixa de destaque */
.aviso{
  margin:0 0 1.4em; padding:20px 24px; background:var(--areia);
  border-left:3px solid var(--vinho); border-radius:0 3px 3px 0;
}
.aviso p:last-child{margin-bottom:0}
.aviso b{display:block; font-family:var(--display); font-weight:500; font-size:19px; color:var(--tinta); margin-bottom:6px}

/* campo que ainda não foi preenchido no dados.js */
.falta{
  display:inline-block; background:#FFF3C4; color:#6B4E00; border:1px solid #E3C65B;
  border-radius:3px; padding:1px 7px; font-size:13px; font-weight:700;
  font-family:var(--corpo); letter-spacing:.01em;
}

/* ---------- rodapé ---------- */
.rodape{background:var(--tinta); color:rgba(253,249,247,.58); padding:34px 0 44px; font-size:12.5px; margin-top:clamp(50px,7vw,90px)}
.rodape .wrap{display:flex; align-items:center; justify-content:space-between; gap:14px 20px; flex-wrap:wrap; max-width:1120px}
.rodape a{color:rgba(253,249,247,.58); text-decoration:none; display:inline-block; padding:12px 6px}
.rodape a:hover{color:var(--marfim)}
.rodape nav{display:flex; flex-wrap:wrap; gap:0 4px; align-items:center}

@media (max-width:700px){
  .rodape .wrap{flex-direction:column; text-align:center}
  .doc h2{margin-top:42px}
}
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms !important}
  html{scroll-behavior:auto}
}