.whatsapp-bubble {
    display: inline-block;
    position: relative;
    background: #25D366;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 1.25rem;
    text-decoration: none;
    font-weight: 500;
  }
  .whatsapp-bubble::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 1rem;
    border-width: 8px 8px 0 8px;
    border-style: solid;
    border-color: #25D366 transparent transparent transparent;
  }
  .whatsapp-bubble i {
    vertical-align: middle;
  }

  .chatbot-button {
  position: fixed;
  bottom: 20px;       /* distancia al fondo */
  right: 20px;        /* distancia al lado derecho */
  background: #25D366;/* verde WhatsApp */
  color: #fff;
  border-radius: 50px;
  padding: 12px 20px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  z-index: 9999;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: transform 0.2s ease;
}
.chatbot-button:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.3);
}

/* ===================================
    Palanca Reproducción Brand Colors
====================================== */

/* Color principal del producto Palanca Reproducción */
.palanca-blue { color: #0096dc !important; }
.bg-palanca-blue { background-color: #0096dc !important; }
.border-palanca-blue { border-color: #0096dc !important; }

/* Botones con color Palanca Reproducción */
.btn-palanca {
  background-color: #0096dc;
  border-color: #0096dc;
  color: #ffffff;
}

.btn-palanca:hover {
  background-color: #007bb8;
  border-color: #007bb8;
  color: #ffffff;
}

/* Texto con color Palanca Reproducción */
.text-palanca { color: #0096dc !important; }

/* Elementos destacados con color Palanca Reproducción */
.palanca-highlight {
  background: linear-gradient(135deg, #0096dc, #00b4ff);
  color: white;
}

/* Badge/etiqueta con color Palanca Reproducción */
.badge-palanca {
  background-color: #0096dc;
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Hover effects para elementos Palanca Reproducción */
.palanca-hover:hover {
  color: #0096dc !important;
  transition: color 0.3s ease;
}