/* ================================================================
   LISTONET v9 · FAB pills con etiquetas
   Agregar al final de assets/css/style.css
   ================================================================ */

/* Ocultar FAB antiguo */
.fab-group { display: none !important; }

/* Nuevo grupo de FABs tipo pill */
.fab-group-v9 {
  position: fixed;
  bottom: 28px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1050;
  align-items: flex-end;
}

.fab-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 18px 11px 14px;
  border-radius: 50px;
  text-decoration: none;
  font-family: 'Sora', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 4px 20px rgba(0,0,0,.4);
  transition: transform .22s cubic-bezier(.4,0,.2,1),
              box-shadow .22s cubic-bezier(.4,0,.2,1);
  white-space: nowrap;
}

.fab-pill:hover {
  transform: scale(1.06) translateY(-2px);
}

/* Soporte: azul */
.fab-pill-soporte {
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
  color: #fff;
}
.fab-pill-soporte:hover {
  box-shadow: 0 6px 24px rgba(14,165,233,.45);
  color: #fff;
}

/* Ventas: verde WhatsApp + neón */
.fab-pill-ventas {
  background: linear-gradient(135deg, #25D366, #128C7E);
  color: #fff;
}
.fab-pill-ventas:hover {
  box-shadow: 0 6px 24px rgba(37,211,102,.45);
  color: #fff;
}

@media (max-width: 480px) {
  .fab-group-v9 { bottom: 18px; right: 14px; gap: 8px; }
  .fab-pill { padding: 10px 14px 10px 12px; font-size: 12px; }
}