/* Documentos legais. Herda os tokens da vitrine e ajusta o que texto longo
   exige: medida de linha curta, entrelinha maior e hierarquia discreta.
   Documento juridico ilegivel e documento que ninguem le - e nao ler e o que
   gera a reclamacao depois. */

.doc { padding: clamp(2.5rem, 6vw, 4.5rem) 0 clamp(3rem, 7vw, 5rem); }

.doc-faixa {
  /* ~68 caracteres por linha: a faixa em que o olho volta pra linha certa
     sem esforco. Texto corrido em largura de tela cansa e faz pular linha. */
  max-width: 46rem;
}

.doc h1 { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 0.9rem; }
.doc-resumo { font-size: 1.08rem; color: var(--ink-suave); margin: 0 0 0.8rem; }
.doc-versao {
  font-size: var(--t-mini);
  color: var(--muted);
  padding-bottom: 1.6rem;
  border-bottom: 1px solid var(--borda);
  margin: 0 0 2rem;
}

.doc-indice {
  background: var(--rosa-50);
  border: 1px solid var(--borda);
  border-radius: var(--raio);
  padding: 1.4rem 1.6rem;
  margin-bottom: 2.8rem;
}
.doc-indice-titulo {
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--rosa-700);
  margin: 0 0 0.7rem;
}
/* Sem marcador: os titulos das secoes ja comecam com o numero. */
.doc-indice ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.3rem; }
.doc-indice li { color: var(--muted); font-size: 0.92rem; }
.doc-indice a { color: var(--ink-suave); text-decoration: none; }
.doc-indice a:hover { color: var(--rosa-700); text-decoration: underline; }

.doc-secao { margin-bottom: 2.6rem; scroll-margin-top: 88px; }
.doc-secao h2 {
  font-size: 1.32rem;
  line-height: 1.3;
  margin: 0 0 0.9rem;
  letter-spacing: -0.01em;
}
.doc-secao p {
  /* 1.75 de entrelinha: paragrafo denso em documento longo cansa mais rapido. */
  line-height: 1.75;
  color: var(--ink-suave);
  margin: 0 0 1rem;
}
.doc-secao ul { margin: 0 0 1.1rem; padding-left: 1.25rem; display: grid; gap: 0.6rem; }
.doc-secao li { line-height: 1.7; color: var(--ink-suave); }
.doc-secao li::marker { color: var(--rosa-500); }
.doc-secao strong { color: var(--ink); font-weight: 600; }
.doc-secao a { color: var(--rosa-700); }

.doc-rodape {
  margin-top: 3rem;
  padding-top: 1.6rem;
  border-top: 1px solid var(--borda);
  font-size: 0.95rem;
  color: var(--muted);
}
.doc-rodape a { color: var(--rosa-700); }