/* Rodapé compacto, igual em todas as páginas (carregado por último, depois do CSS de cada página).
   Computador: linha 1 = logo, menu e redes; linha 2 = direitos e links legais.
   Celular: logo e redes, menu logo abaixo, direitos no fim. */
footer{padding:28px 0 18px}
footer > .wrap{display:grid; grid-template-columns:auto 1fr auto; align-items:center; column-gap:32px}
footer .foot-grid{display:contents}
footer .foot-grid > .logo{grid-column:1; grid-row:1}
footer .foot-grid .logo-mark{max-height:34px; width:auto}
footer .foot-links{grid-column:2; grid-row:1; display:flex; flex-wrap:wrap; justify-content:center; gap:8px 24px; font-size:11px}
footer .foot-contact{grid-column:3; grid-row:1; padding-top:0; gap:16px; justify-content:flex-end}
footer .foot-bottom{grid-column:1 / -1; grid-row:2; margin-top:18px; padding-top:14px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 18px; text-align:left; font-size:11px}
@media (max-width:760px){
  footer{padding:22px 0 16px}
  footer > .wrap{grid-template-columns:1fr auto; column-gap:16px}
  footer .foot-links{grid-column:1 / -1; grid-row:2; justify-content:flex-start; margin-top:14px; gap:8px 16px}
  footer .foot-links a{letter-spacing:.1em}
  footer .foot-contact{grid-column:2}
  footer .foot-bottom{grid-row:3; margin-top:14px; padding-top:12px; flex-direction:column; align-items:flex-start; gap:6px}
  footer .foot-bottom .legal-links{justify-content:flex-start}
}