/* ==========================================================================
   pages/privacidade.css — específico de privacidade/index.html
   Texto corrido de leitura. O hero vem de pages/templates.css.
   ========================================================================== */

/* Coluna de leitura centralizada na página; o texto segue alinhado à esquerda. */
.politica {
  max-width: 70ch;
  margin-inline: auto;
}

.politica h2 {
  font-size: var(--fs-xl);
  margin-top: var(--space-7);
  margin-bottom: var(--space-3);
}

.politica h2:first-child {
  margin-top: 0;
}

.politica p,
.politica li {
  line-height: var(--lh-relaxed);
}

.politica p {
  margin-bottom: var(--space-4);
}

/* base.css tira o marcador de toda lista; aqui ele volta, porque é texto corrido. */
.politica ul {
  list-style: disc;
  padding-left: var(--space-5);
  margin-bottom: var(--space-4);
}

.politica li + li {
  margin-top: var(--space-2);
}

.politica__data {
  font-size: var(--fs-sm);
  color: var(--color-gray-700);
}