/* Rodapé centralizado compartilhado por documentos legais e Resultados.

   O TAMANHO veio da bancada de ajuste de Lucas em /resultados/ (25/09, tela
   de 1095 px): o conteudo em 80% do desenho anterior, 8 px entre a linha de
   cima e o simbolo e 40 px no fim. Tudo que tem tamanho passa por
   `--rodape-escala`: mudar o tamanho e mudar um numero. No celular a escala
   volta a 1 e os respiros sao os de antes - a 80% o descritor e o © ficariam
   abaixo de 11 px numa tela pequena. */
.legal-rodape {
  border-top: 1px solid var(--terracota-400);
  background: linear-gradient(rgb(8 8 8 / 24%), rgb(8 8 8 / 48%)),
    url("../img/legal/rodape-fundo.12842195257b.png") center bottom / cover no-repeat;
  background-color: var(--carvao-950);
  color: var(--areia-400);
  text-align: center;
}
.legal-rodape__interno {
  display: flex;
  flex-direction: column;
  align-items: center;
  --rodape-escala: .8;
  width: min(100% - 2rem, 76rem);
  margin-inline: auto;
  padding-block: .5rem 2.5rem;
}
.legal-rodape__marca {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(.375rem * var(--rodape-escala));
  color: var(--cor-texto);
  text-decoration: none;
}
.legal-rodape__simbolo { display: block; width: calc(4rem * var(--rodape-escala)); height: calc(4rem * var(--rodape-escala)); object-fit: contain; }
.legal-rodape__nome { font-size: calc(1.375rem * var(--rodape-escala)); font-weight: 700; line-height: 1.2; letter-spacing: -.025em; }
.legal-rodape__descritor { color: var(--areia-400); font-size: calc(.75rem * var(--rodape-escala)); font-weight: 550; line-height: 1.5; letter-spacing: .22em; text-transform: uppercase; }
.legal-rodape__navegacao { margin-top: calc(1.25rem * var(--rodape-escala)); }
.legal-rodape__navegacao ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0 calc(1.75rem * var(--rodape-escala)); list-style: none; padding: 0; margin: 0; }
.legal-rodape__navegacao a { display: inline-flex; align-items: center; min-height: calc(44px * var(--rodape-escala)); color: var(--areia-300); font-size: calc(.9375rem * var(--rodape-escala)); text-decoration: none; }
.legal-rodape__navegacao a:hover { color: var(--cor-texto); text-decoration: underline; text-underline-offset: .3em; }
.legal-rodape__contatos { display: flex; align-items: center; justify-content: center; gap: calc(.875rem * var(--rodape-escala)); margin-top: calc(.5rem * var(--rodape-escala)); }
.legal-rodape__contatos a { display: inline-flex; align-items: center; justify-content: center; width: calc(44px * var(--rodape-escala)); height: calc(44px * var(--rodape-escala)); border-radius: .375rem; color: var(--terracota-400); }
.legal-rodape__contatos svg { width: calc(26px * var(--rodape-escala)); height: calc(26px * var(--rodape-escala)); }
.legal-rodape__contatos a:hover { color: var(--areia-100); background: rgb(227 83 54 / 15%); }
.legal-rodape a:focus-visible { outline: 2px solid var(--cor-foco); outline-offset: 4px; border-radius: 2px; }
.legal-rodape__direitos, .legal-rodape__nota { max-width: 60ch; margin: calc(1.125rem * var(--rodape-escala)) 0 0; font-size: calc(.8125rem * var(--rodape-escala)); line-height: 1.6; }
@media (max-width: 30rem) {
  .legal-rodape__interno { --rodape-escala: 1; padding-block: 1.75rem 2rem; }
  .legal-rodape__navegacao ul { gap: 0 1.375rem; }
  .legal-rodape__navegacao a { font-size: .875rem; }
  .legal-rodape__direitos { max-width: 30ch; }
}
@media (forced-colors: active) {
  .legal-rodape { background: Canvas; border-top-color: CanvasText; }
  .legal-rodape__contatos a { border: 1px solid LinkText; }
}
@media print {
  .legal-rodape { display: none; }
}