.social-grid {
  width: min(940px, 100%);
  margin: 34px auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  text-align: right;
}
.social-card {
  min-height: 112px;
  background: #fff;
  border: 1px solid #dcebe2;
  border-radius: 20px;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 13px;
  box-shadow: 0 10px 30px #0d63360a;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.social-card:hover { transform: translateY(-3px); border-color: #9fcbb4; box-shadow: 0 15px 35px #0d633614; }
.social-card > span:nth-child(2) { display: flex; flex-direction: column; min-width: 0; }
.social-card strong { font-size: 17px; }
.social-card small { font-size: 11px; color: #6c7d73; line-height: 1.5; }
.social-card > b { margin-right: auto; }
.social-mark {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: #e7f5ed;
  color: #05633f;
  font-weight: 800;
  font-size: 22px;
  direction: ltr;
}
.instagram .social-mark { background: #f8e8f1; color: #b12769; }
.whatsapp .social-mark { background: #e2f7e9; color: #087e3d; }
.facebook .social-mark { background: #e7effc; color: #1766c2; }
.tiktok .social-mark { background: #ececed; color: #111; }
.social-card.is-disabled { opacity: .56; cursor: default; pointer-events: none; }
.social-card.is-disabled > b { display: none; }
@media (max-width: 850px) { .social-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 500px) { .social-grid { grid-template-columns: 1fr; } .social-card { min-height: 88px; } }