/* Rodapé em colunas (hubs de recursos) */
.footer .footer__navigation { padding-left: 0.5rem; }
.footer .footer-cols { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }
.footer .footer-navigation__title { margin: 0 0 0.25rem; color: #fff; font-weight: 700; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; opacity: .8; }
@media (min-width: 640px) {
  .footer .footer-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
}
@media (min-width: 640px) {
  .footer .footer__inner { grid-template-areas: "navigation navigation" "socials socials" "content content" "copyrights copyrights"; }
}