/* =========================================================
   FLOATING BUTTONS - STELLA TV
========================================================= */

.floating-social {
  position: fixed;
  right: 26px;
  bottom: 26px;
  z-index: 99999;

  display: flex;
  align-items: center;
  gap: 14px;

  padding: 16px 18px;
  border-radius: 999px;

  background: rgba(14, 14, 22, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.12);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  box-shadow:
    0 22px 70px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.floating-btn {
  width: 58px;
  height: 58px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  text-decoration: none;

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    filter 0.28s ease;
}

.floating-btn img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.floating-btn:hover {
  transform: translateY(-6px) scale(1.08);
  filter: brightness(1.08);
}

/* COLORES ORIGINALES */

.floating-btn.whatsapp {
  background: #25d366;
  box-shadow: 0 0 26px rgba(37, 211, 102, 0.38);
}

.floating-btn.telegram {
  background: #229ed9;
  box-shadow: 0 0 26px rgba(34, 158, 217, 0.38);
}

.floating-btn.tiktok {
  background: #000000;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.12),
    0 0 26px rgba(255, 0, 80, 0.32);
}

.floating-btn.email {
  background: #ea4335;
  box-shadow: 0 0 26px rgba(234, 67, 53, 0.38);
}