/* ═══════════ 11 · RODAPÉ ═══════════ */
footer {
  border-top: 1px solid #1f1f24;
  padding: 3rem clamp(1.4rem, 6vw, 7rem) 2.4rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1.6rem;
  align-items: center;
  background: var(--black);
}

.foot-left p {
  color: var(--white-dim);
  font-size: .85rem;
  margin-top: .8rem
}

.foot-social {
  display: flex;
  gap: 1rem;
  align-items: center
}

.foot-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, .03);
  border: 1px solid #26262c;
  border-radius: 50%;
  color: var(--white-dim);
  transition: all .3s ease;
}

.foot-social a:hover {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
  transform: translateY(-2px);
}

.foot-note {
  grid-column: 1/-1;
  color: #5d574d;
  font-size: .72rem;
  letter-spacing: .06em
}

@media (max-width: 960px) {
  footer {
    grid-template-columns: 1fr;
  }
}