/* ===== /privacidade/ — nao vaza para fora de .bl-privacidade =====
   Pagina legal, e nao pagina de venda: sem revelacao, sem contador, sem JS.
   Reaproveita o trilho de `.bl-registro` do layout — a margem aqui carrega o
   artigo da lei e a data, que e exatamente o "fato datado" que justifica a
   coluna existir. */
.bl-privacidade { padding-block: var(--bl-e6) var(--bl-e5); }

/* O h1 da home vai a 4rem porque disputa com o heroi. Aqui nao disputa com
   nada, e 4rem numa pagina de texto vira grito. */
.bl-privacidade h1 {
  font-size: clamp(2rem, 1.5rem + 2vw, 3rem);
  margin-bottom: var(--bl-e3);
}
.bl-privacidade h2 {
  font-size: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);
  margin-bottom: var(--bl-e2);
}
.bl-privacidade__resumo {
  font-size: 1.0625rem; max-width: 58ch;
}
/* O vao entre blocos e maior que o vao entre paragrafos de um bloco: e o que
   deixa a pagina navegavel a olho, sem indice. */
.bl-privacidade__bloco { margin-top: var(--bl-e5); }
.bl-privacidade__bloco p { color: var(--bl-texto-fraco); }   /* 5,22:1 */
.bl-privacidade__bloco strong { color: var(--bl-texto); }

.bl-privacidade__campos {
  list-style: none; margin: 0 0 var(--bl-e3); padding: 0;
  color: var(--bl-texto-fraco);
  max-width: 58ch;
}
.bl-privacidade__campos li {
  padding-left: 1.1em; position: relative; margin-bottom: .45em;
}
/* Marcador proprio em vez de `list-style`: o bullet do navegador nao aceita
   cor sem virar pseudo de qualquer jeito. */
.bl-privacidade__campos li::before {
  content: "·"; position: absolute; left: .2em;
  color: var(--bl-ambar-700);              /* 4,80:1 no branco */
  font-weight: 700;
}
.bl-privacidade__campos strong { color: var(--bl-texto); font-weight: 600; }

.bl-privacidade__canal a {
  color: var(--bl-texto); font-weight: 600;
  text-decoration-thickness: 2px;
}
.bl-privacidade__data { margin-bottom: 0; }