/* ==========================================================================
   PÁGINAS LEGAIS — /privacidade, /termos, /exclusao-de-dados (21/09/2026).
   Carrega depois de tokens.css, site.css e esteira.css: herda o tema claro/escuro
   da esteira. Texto corrido, uma coluna, medida de leitura.
   ========================================================================== */

.legal { max-width: 70ch; padding-block: var(--esp-5) var(--esp-6); }
@media (min-width: 1024px) { .legal { padding-block: var(--esp-7) var(--esp-6); } }

.legal .display { font-size: var(--t-h2); line-height: 1.1; }
.legal .lead { max-width: 60ch; }
.legal__data { margin-top: var(--esp-3); }

.legal h2 {
  margin: var(--esp-6) 0 var(--esp-3);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: var(--t-h3);
  line-height: 1.2;
  letter-spacing: var(--track-display);
  color: var(--texto);
}
.legal h3 {
  margin: var(--esp-4) 0 var(--esp-2);
  font-size: var(--t-ui);
  font-weight: 600;
  color: var(--texto);
}
.legal p, .legal li { color: var(--texto-2); line-height: 1.65; }
.legal p { margin: 0 0 var(--esp-3); }
.legal ul { display: grid; gap: var(--esp-2); margin: 0 0 var(--esp-3); padding-left: 1.25em; }
.legal li::marker { color: var(--acento-texto); }
.legal a { color: var(--acento-texto); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }

/* dado que falta: grita na tela até alguém preencher (o gate reprova o deploy enquanto existir) */
.preencher { padding: 0 4px; border-radius: 4px; background: #ffe066; color: #1f0b02; font-weight: 600; }