/* ==========================================================================
   documento.css — páginas de texto corrido (Política de Privacidade)
   ========================================================================== */

.documento {
  padding-block: var(--esp-16) var(--esp-20);
  background-color: var(--nexa-branco);
}

.documento__conteudo {
  max-width: 75ch;
  margin-inline: auto;
}

.documento__titulo {
  font-size: var(--texto-secao);
  font-weight: var(--peso-forte);
  letter-spacing: -0.015em;
  margin-bottom: var(--esp-8);
}

.documento__conteudo h2 {
  font-size: var(--texto-card);
  font-weight: var(--peso-semi);
  margin-top: var(--esp-10);
  margin-bottom: var(--esp-3);
  padding-top: var(--esp-4);
  border-top: 1px solid var(--nexa-cinza-linha);
}

.documento__conteudo h3 {
  font-size: 1.125rem;
  font-weight: var(--peso-semi);
  margin-top: var(--esp-6);
  margin-bottom: var(--esp-2);
}

.documento__conteudo p {
  margin-bottom: var(--esp-4);
}

.documento__conteudo ul,
.documento__conteudo ol {
  margin-bottom: var(--esp-4);
  padding-left: 1.4em;
}

.documento__conteudo li {
  margin-bottom: var(--esp-2);
}

.documento__conteudo li > p {
  margin-bottom: var(--esp-2);
}

.documento__conteudo blockquote {
  margin: var(--esp-6) 0;
  padding: var(--esp-4) var(--esp-6);
  border-left: 3px solid var(--nexa-primario);
  background-color: var(--nexa-cinza-campo);
  border-radius: 0 var(--raio-icone) var(--raio-icone) 0;
}

.documento__conteudo blockquote p:last-child {
  margin-bottom: 0;
}

.documento__conteudo hr {
  border: 0;
  border-top: 1px solid var(--nexa-cinza-linha);
  margin: var(--esp-8) 0;
}

.documento__conteudo table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--esp-6);
  font-size: var(--texto-pequeno);
}

.documento__conteudo th,
.documento__conteudo td {
  text-align: left;
  padding: var(--esp-2) var(--esp-3);
  border-bottom: 1px solid var(--nexa-cinza-linha);
}

/* Cor de link do tema original (#CC3366), medida no site no ar. */
.documento__conteudo a {
  color: #CC3366;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Tabelas largas rolam dentro do próprio bloco */
.documento__conteudo .tabela-rolavel {
  overflow-x: auto;
}

@media (max-width: 767px) {
  .documento {
    padding-block: var(--esp-10);
  }
}