/* Páginas de destino (/confirmar, /pre-venda, /obrigado) e a política de privacidade. */
.pilha-4 { display: flex; flex-direction: column; gap: 4px; }
.logo-link { position: relative; display: inline-flex; border-radius: var(--raio-pequeno); }
.logo-link::after { content: ""; position: absolute; inset: -2px 0; } /* área de toque de 44 px */
.licao { display: flex; gap: 12px; padding: 16px; background: var(--cartao); border: 1px solid var(--linha); border-radius: var(--raio); }
.licao > svg { width: 24px; height: 24px; flex: none; color: var(--ouro); }
.licao strong { display: block; font-size: 16px; line-height: 24px; font-weight: 600; }
.licao p { font-size: 14px; line-height: 20px; color: var(--texto-2); }
.conteudos { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.conteudos a {
  display: flex; flex-direction: column; gap: 4px; min-height: 44px; padding: 16px; text-decoration: none;
  background: var(--cartao); border: 1px solid var(--linha); border-radius: var(--raio-medio); transition: border-color 300ms var(--mola);
}
.conteudos a:hover { border-color: var(--ouro); }
.conteudos strong { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.conteudos svg { width: 20px; height: 20px; flex: none; color: var(--ouro); }
.conteudos span { font-size: 14px; line-height: 20px; color: var(--texto-2); }
.checklist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; counter-reset: pergunta; }
.checklist li {
  display: grid; grid-template-columns: 32px 1fr; gap: 12px; align-items: start; padding: 12px 16px;
  background: var(--cartao); border: 1px solid var(--linha); border-radius: var(--raio-medio); counter-increment: pergunta;
}
.checklist li::before {
  content: counter(pergunta); width: 32px; height: 32px; border-radius: 999px; display: grid; place-items: center;
  font-size: 14px; line-height: 20px; font-weight: 700; color: var(--ouro); border: 1px solid var(--ouro);
}
.legal h2 { font-size: 20px; line-height: 28px; }
.legal p { color: var(--texto-2); }

@media (min-width: 768px) {
  .conteudos { grid-template-columns: repeat(3, 1fr); }
}