/* Norte Tech - ajuste visual dos canais de suporte */
.support-channel {
  grid-template-columns: 54px 1fr auto !important;
  min-height: 88px !important;
}

.support-channel-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 10px 24px rgba(0,0,0,.18) !important;
}

.support-channel-icon img {
  width: 35px !important;
  height: 35px !important;
  object-fit: contain !important;
  display: block !important;
}

/* WhatsApp */
.support-channel[data-support-channel="whatsapp"] .support-channel-icon {
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,.10), transparent 34%),
    linear-gradient(145deg, #123c2b, #0c2c20) !important;
  border-color: rgba(37,211,102,.26) !important;
}
.support-channel[data-support-channel="whatsapp"] .support-channel-icon img {
  width: 38px !important;
  height: 38px !important;
}

/* Discord */
.support-channel[data-support-channel="discord"] .support-channel-icon {
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,.10), transparent 34%),
    linear-gradient(145deg, #242c75, #171d52) !important;
  border-color: rgba(88,101,242,.34) !important;
}
.support-channel[data-support-channel="discord"] .support-channel-icon img {
  width: 38px !important;
  height: 38px !important;
}

/* Instagram */
.support-channel[data-support-channel="instagram"] .support-channel-icon {
  background:
    radial-gradient(circle at 28% 78%, rgba(255,195,0,.18), transparent 36%),
    radial-gradient(circle at 75% 22%, rgba(210,0,197,.16), transparent 35%),
    linear-gradient(145deg, #3a1739, #211426) !important;
  border-color: rgba(255,80,145,.24) !important;
}
.support-channel[data-support-channel="instagram"] .support-channel-icon img {
  width: 37px !important;
  height: 37px !important;
}

/* Um pouco mais de presença ao passar o mouse */
.support-channel[href]:hover .support-channel-icon {
  transform: translateY(-1px) scale(1.035);
  transition: transform .18s ease, border-color .18s ease;
}

@media (max-width: 600px) {
  .support-channel {
    grid-template-columns: 50px 1fr auto !important;
  }

  .support-channel-icon {
    width: 50px !important;
    height: 50px !important;
  }

  .support-channel-icon img {
    width: 33px !important;
    height: 33px !important;
  }

  .support-channel[data-support-channel="whatsapp"] .support-channel-icon img,
  .support-channel[data-support-channel="discord"] .support-channel-icon img {
    width: 36px !important;
    height: 36px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .support-channel[href]:hover .support-channel-icon {
    transform: none;
  }
}