.contact-links {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 12px;
  width: min(850px, 92vw);
  margin: 38px auto 20px;
}
.social-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  border: 1px solid #c8a45f99;
  background: #090808b8;
  color: var(--paper);
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: .68rem;
  transition: .25s;
}
.social-button span {
  display: grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  color: var(--gold);
  font-weight: 600;
  font-size: .82rem;
}
.social-button:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--ink);
  transform: translateY(-2px);
}
.social-button:hover span { color: var(--ink); }
.social-button.whatsapp { border-color: #62b883; }
.contact-note {
  margin: 24px 0 0 !important;
  color: #d5ccc3;
  letter-spacing: .1em !important;
}
footer { gap: 20px; }
footer a:hover { color: var(--gold); }
@media (max-width: 900px) {
  .contact-links { grid-template-columns: 1fr 1fr; }
  footer { flex-wrap: wrap; }
}
@media (max-width: 520px) {
  .contact-links { grid-template-columns: 1fr; }
  .social-button { min-height: 54px; }
  footer { flex-direction: column; text-align: center; align-items: center; }
}

.social-button{border-color:#ddb967b8;background:#090808d6;color:#fff8ef;font-size:.76rem;font-weight:500}
.contact-note{color:#f0e7de;font-size:.78rem !important;font-weight:500}