/* Layout de leitura pros documentos legais (Termos de Uso, Política de Privacidade) — reaproveita
   os tokens de cor/tipografia de style.css, só adiciona a tipografia de texto corrido que as outras
   páginas (todas orientadas a seção/cartão) não precisavam. */

.faixa-legal {
  max-width: 760px;
  padding-top: 64px;
  padding-bottom: 96px;
}

.faixa-legal h1 {
  font-size: clamp(1.8rem, 3vw + 1rem, 2.4rem);
  color: var(--texto);
  margin-bottom: 32px;
}

.faixa-legal h2 {
  font-size: 1.15rem;
  color: var(--acento);
  margin: 40px 0 12px;
}

.faixa-legal p, .faixa-legal li {
  color: var(--texto-suave);
  font-size: 0.96rem;
  line-height: 1.7;
}

.faixa-legal p + p { margin-top: 12px; }

.faixa-legal ul {
  margin: 12px 0 0;
  padding-left: 1.4em;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.faixa-legal strong { color: var(--texto); font-weight: 600; }

.faixa-legal .rotulo { margin-bottom: 12px; }