/* Rodapé centralizado — a única regra que a home e o formulário do 4respira compartilham
   fora do design system.

   Mora aqui, e não no `system.css`, porque aquele arquivo é ativo espelhado da origem
   (scripts/sync-home.mjs): editá-lo seria desfeito no próximo sync e faria a cópia deixar de
   ser idêntica. A home recebe este arquivo por injeção no sync, o formulário o linka direto.
   Só posicionamento: cor, tipografia e espaçamento continuam vindo do sistema. */

/* As três partes empilham centradas em qualquer largura: a frase em cima, os links legais no
   meio e o copyright embaixo. Até 31/08/2026 isso valia só abaixo de 820px — no desktop as
   três dividiam a mesma linha. Pedido do dono. */
.ctrl-footer__inner {
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  text-align: center;
}

.ctrl-footer__inner > p {
  justify-content: center;
}

.ctrl-footer nav {
  justify-content: center;
}

/* No celular o empilhamento fecha um pouco: lá os quatro links já ocupam duas linhas por conta
   própria, e o gap maior do desktop abriria buracos entre as partes. */
@media (width <= 820px) {
  .ctrl-footer__inner {
    gap: 4px;
  }
}