/* ==========================================================================
   Página /privacidade (nova, plano de SEO 2.15)
   --------------------------------------------------------------------------
   Carregue depois do /css/site.css. O texto usa a tipografia de artigo do
   site (.artigo: h2, h3, parágrafos e listas com "•"), dentro de um painel
   #fafafa com uma coluna de até 680 px, como os posts do blog.

     título, frase e data centralizados
     painel: "Em resumo" (cartão branco), "Nesta página" (índice) e o texto
     "Entre em contato" (parte pronta, com o mapa) e rodapé

   Só aqui: os links do texto ficam sublinhados (é um texto de referência,
   e o link precisa se ver sem depender da cor), os H3 usam o tamanho menor
   dos títulos de artigo e o botão "Rever a escolha de cookies" fica entre
   os parágrafos. Pontos de quebra iguais aos do site: 1200 e 768 px.
   ========================================================================== */

.privacidade__cabeca > .privacidade__resumo-topo {
  max-width: 520px;
}

.privacidade__data {
  color: var(--cor-texto);
}

/* Painel e coluna do texto */
.painel.privacidade__painel {
  display: flex;
  justify-content: center;
}

.privacidade__coluna {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  max-width: 680px;
  min-width: 0;
  overflow-wrap: break-word;
}

/* "Em resumo": cartão branco no topo da coluna */
.privacidade__resumo {
  padding: 24px;
  border-radius: var(--raio-cartao);
  background: var(--cor-branco);
  box-shadow: var(--sombra-cartao);
}

.privacidade__resumo-titulo {
  font-size: var(--fs-artigo-h5);
  font-weight: 800;
  line-height: 1.4;
  color: var(--cor-titulo);
}

.privacidade__resumo ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  list-style: none;
}

.privacidade__resumo li {
  position: relative;
  padding-inline-start: 2ch;
}

.privacidade__resumo li::before {
  content: "•";
  position: absolute;
  inset-inline-start: 0;
  color: var(--cor-texto);
}

.privacidade__resumo p {
  font-size: var(--fs-texto);
  line-height: 1.6;
  color: var(--cor-texto);
}

/* "Nesta página": índice com os links das seções */
.privacidade__indice-titulo {
  font-size: var(--fs-texto);
  font-weight: 600;
  color: var(--cor-titulo);
}

.privacidade__indice ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
  margin-top: 12px;
  list-style: none;
}

.privacidade__indice a {
  font-size: var(--fs-texto);
  line-height: 1.4;
  color: var(--cor-texto);
  text-decoration: underline;
  text-decoration-color: rgba(102, 101, 112, 0.35);
  text-underline-offset: 3px;
}

.privacidade__indice a:hover {
  color: var(--cor-oliva);
}

/* Texto */
.privacidade .artigo h3 {
  font-size: var(--fs-artigo-h5);
}

.privacidade .artigo > h3:not(:first-child) {
  margin-top: 32px;
}

.privacidade .artigo > ul:not(:first-child) {
  margin-top: 16px;
}

.privacidade .artigo li + li {
  margin-top: 4px;
}

.privacidade .artigo a {
  text-decoration: underline;
  text-decoration-color: rgba(102, 101, 112, 0.45);
  text-underline-offset: 3px;
}

.privacidade .artigo a:hover {
  text-decoration-color: currentColor;
}

/* Âncoras: o título não fica colado na borda de cima ao pular pelo índice */
.privacidade [id] {
  scroll-margin-top: 24px;
}

/* Botão que reabre o aviso de cookies */
.privacidade__acao {
  margin-top: 16px;
}

.privacidade__acao + p {
  margin-top: 16px;
}

@media (max-width: 767.98px) {
  .privacidade__coluna {
    gap: 32px;
  }

  .privacidade__resumo {
    padding: 20px;
  }

  .privacidade__indice ol {
    grid-template-columns: minmax(0, 1fr);
  }
}