/* Folha compartilhada pelas páginas legais.
   Mesmos tokens do index.html, mas enxuta: estas páginas são só texto. */
:root{
  --bg:#08090C; --bg-2:#0B0D12; --surface:#111520;
  --text:#E9ECF2; --dim:#98A1B2; --faint:#6B7385;
  --acc:#2BE5A0; --line:rgba(255,255,255,.09);
  --display:'Chakra Petch',system-ui,sans-serif;
  --body:'Manrope',system-ui,sans-serif;
  --mono:'Cascadia Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--bg);color:var(--dim);
  font-family:var(--body);font-size:1rem;line-height:1.72;
  padding:0 20px env(safe-area-inset-bottom);
}
.wrap{max-width:760px;margin:0 auto;padding:44px 0 90px}

.topo{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-bottom:22px;margin-bottom:38px;border-bottom:1px solid var(--line);
  flex-wrap:wrap;
}
.marca{
  font-family:var(--display);font-weight:700;font-size:1.05rem;
  color:var(--text);text-decoration:none;letter-spacing:.01em;
}
.marca span{color:var(--acc)}
.voltar{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--acc);text-decoration:none;
}
.voltar:hover{text-decoration:underline}

.eyebrow{
  font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--acc);margin-bottom:12px;
}
h1{
  font-family:var(--display);font-weight:700;color:var(--text);
  font-size:clamp(1.9rem,5.4vw,2.6rem);line-height:1.1;letter-spacing:-.01em;
}
.atualizado{
  font-family:var(--mono);font-size:.72rem;color:var(--faint);
  margin-top:14px;letter-spacing:.04em;
}
h2{
  font-family:var(--display);font-weight:700;color:var(--text);
  font-size:1.24rem;line-height:1.28;margin:40px 0 12px;
}
h2 b{color:var(--acc);font-weight:700;margin-right:9px;font-variant-numeric:tabular-nums}
h3{
  font-family:var(--body);font-weight:700;color:var(--text);
  font-size:1rem;margin:24px 0 8px;
}
p{margin-bottom:14px}
ul{margin:0 0 16px 0;padding:0;list-style:none;display:grid;gap:9px}
li{padding-left:20px;position:relative}
li::before{
  content:'';position:absolute;left:2px;top:.72em;
  width:6px;height:6px;border-radius:50%;background:var(--acc);opacity:.65;
}
a{color:var(--acc)}
strong{color:var(--text);font-weight:600}

.box{
  border:1px solid var(--line);border-left:2px solid var(--acc);
  background:var(--surface);border-radius:10px;
  padding:18px 20px;margin:22px 0;
}
.box p:last-child{margin-bottom:0}
.box .rot{
  font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--acc);margin-bottom:8px;
}

.dados{
  border:1px solid var(--line);border-radius:10px;
  background:var(--bg-2);padding:18px 20px;margin:22px 0;
  display:grid;gap:7px;
}
.dados div{display:flex;gap:12px;flex-wrap:wrap;font-size:.94rem}
.dados dt{
  font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint);min-width:132px;padding-top:3px;
}
.dados dd{color:var(--text)}

.rodape{
  margin-top:56px;padding-top:22px;border-top:1px solid var(--line);
  font-size:.84rem;color:var(--faint);
}
.rodape a{color:var(--faint);text-decoration:underline}

@media (max-width:560px){
  .dados dt{min-width:100%}
}