/* ============================================================
   RODAPÉ — no original o CTA daqui era o menor botão da página,
   justamente no momento de maior intenção de compra.
   ============================================================ */
.fechamento { background: var(--c-creme); text-align: center; padding-block: clamp(48px, 6vw, 88px); }
.fechamento h2 { margin-bottom: var(--sp-lg); }

.site-footer { background: var(--c-creme); padding-block: var(--sp-3xl) var(--sp-2xl); }
.site-footer__grid {
  display: grid; gap: var(--sp-xl); align-items: center; text-align: center;
}
@media (min-width: 768px) {
  .site-footer__grid { grid-template-columns: auto 1fr auto; text-align: left; }
}
.site-footer__logo img { height: 74px; width: auto; margin-inline: auto; }
.site-footer address { font-style: normal; font-size: var(--fs-sm); color: var(--c-texto-suave); }
.site-footer__social {
  display: inline-flex; align-items: center; gap: var(--sp-xs);
  color: var(--c-tijolo); font-weight: 600; text-decoration: none;
  min-height: var(--tap-min); padding-inline: var(--sp-xs);
}
.site-footer__social .ico { width: 24px; height: 24px; }
.site-footer__legal {
  margin-top: var(--sp-xl); padding-top: var(--sp-lg);
  border-top: 1px solid #E3D3BC;
  font-size: var(--fs-xs); color: var(--c-texto-suave); text-align: center;
}
.site-footer__legal a {
  color: inherit; display: inline-flex; align-items: center;
  min-height: var(--tap-min); padding-inline: var(--sp-2xs);
}