/* =====================================================================
   VALTE · páginas institucionais (/sobre, /privacidade, /termos)
   Reaproveita os tokens e o rodapé de styles.css. Só acrescenta o que
   texto corrido longo precisa e a landing não tem: medida de leitura,
   hierarquia de h2/h3 em prosa e listas.
   ===================================================================== */
.doc{padding:clamp(6.5rem,12vw,9rem) 0 clamp(3.5rem,7vw,5.5rem)}
/* Medida de leitura. Em `ch` dava 790px (uns 93 caracteres) porque o `0` da
   DM Sans e largo; absoluto e previsivel: ~72 caracteres a 17px. */
.doc-in{max-width:42rem}
.doc h1{
  font-family:var(--display);font-weight:800;
  font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.08;letter-spacing:-.03em;
  margin:.5rem 0 1rem;
}
.doc-data{font-family:var(--mono);font-size:.76rem;color:var(--g500);letter-spacing:.02em}
.doc-in>p{color:var(--apoio);margin-bottom:1.15rem}
.doc h2{
  font-family:var(--display);font-weight:700;font-size:clamp(1.25rem,2.4vw,1.6rem);
  letter-spacing:-.02em;color:var(--white);margin:2.6rem 0 .9rem;
}
.doc h3{
  font-family:var(--display);font-weight:700;font-size:1.02rem;
  color:var(--white);margin:1.7rem 0 .5rem;
}
.doc ul{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin:0 0 1.15rem}
.doc ul li{position:relative;padding-left:1.15rem;color:var(--apoio)}
.doc ul li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--v400)}
.doc a:not(.lk):not(.btn){color:var(--v400);border-bottom:1px solid rgba(139,114,255,.35)}
.doc a:not(.lk):not(.btn):hover,.doc a:not(.lk):not(.btn):focus-visible{border-bottom-color:var(--v400)}
.doc strong{color:var(--white);font-weight:500}

/* Bloco de identidade: é o que a Meta e qualquer visitante procuram. */
.ficha{
  border:1px solid rgba(255,255,255,.12);border-radius:16px;
  padding:clamp(1.3rem,3vw,1.9rem);margin:1.8rem 0 1.15rem;
  display:grid;gap:.9rem;
}
@media(min-width:620px){.ficha{grid-template-columns:repeat(2,1fr)}}
.ficha div{display:flex;flex-direction:column;gap:.2rem}
.ficha dt,.ficha .rot{
  font-family:var(--mono);font-size:.67rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--g400);
}
.ficha dd,.ficha .val{font-size:.95rem;color:var(--white);font-weight:500}
.ficha .val a{color:var(--white)}

/* Voltar */
.doc-volta{
  font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--g400);display:inline-block;
}
.doc-volta:hover,.doc-volta:focus-visible{color:var(--v400)}

/* Mesmo motivo do rodapé: 21px de altura não se acerta com o dedo. */
@media(pointer:coarse),(max-width:900px){
  .doc-volta{padding-block:.7rem}
}