/* ---------- contacto: logos de WhatsApp e Instagram ---------- */
.social { display: grid; gap: 10px; position: relative; }
.social-btn {
  display: flex; align-items: center; gap: 14px; min-width: 230px; padding: 12px 18px 12px 12px;
  border-radius: var(--r-lg); background: #fff; text-decoration: none; border: 1px solid rgba(44,30,49,.08);
  box-shadow: 0 10px 24px -16px rgba(44,30,49,.4); transition: transform .2s var(--ease), box-shadow .2s;
}
.social-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 30px -16px rgba(44,30,49,.5); }
.social-btn b { display: block; font-weight: 500; }
.social-btn small { color: var(--muted); font-size: 13px; }
.logo-tile { display: block; width: 52px; height: 52px; flex: none; }
.logo-tile svg { width: 100%; height: 100%; display: block; }
/* botón flotante con el logo de WhatsApp */
.wa { background: none; box-shadow: 0 14px 30px -10px rgba(37, 211, 102, .6); overflow: hidden; border-radius: 16px; }
.wa svg { width: 56px; height: 56px; }