.rodape {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px;
  padding-block: 36px 28px; border-top: 1px solid var(--borda);
}
.rodape-nav { display: flex; gap: 6px; }
.rodape-nav a, .rodape-redes a { padding: 8px 10px; border-radius: 8px; font: 400 15px/1 var(--f-titulo); letter-spacing: .02em; color: var(--suave); transition: color .3s; }
.rodape-nav a:hover, .rodape-redes a:hover { color: var(--texto); }
.rodape-redes { justify-self: end; display: flex; gap: 4px; }
.rodape-base { grid-column: 1 / -1; padding-top: 22px; border-top: 1px solid var(--borda); font: 400 14px/1.4 var(--f-titulo); letter-spacing: .02em; color: var(--fraco); }
@media (max-width: 860px) {
  .rodape { grid-template-columns: 1fr; gap: 14px; }
  .rodape-nav, .rodape-redes { flex-wrap: wrap; justify-self: start; margin-left: -10px; }
}