/* ============================================
   WhatsApp Float - Botón flotante de WhatsApp
   Botón fijo en esquina inferior derecha con ícono
   de WhatsApp y burbuja de texto rotativo que cambia
   cada 4 segundos con mensajes como "Escríbenos",
   "Agenda ya", "¿Tienes un evento?", etc.

   Fondo blanco circular + sombra para que el botón
   sea visible sobre cualquier fondo (claro u oscuro).
   ============================================ */

.whatsapp-float {
    position: fixed; bottom: 100px; right: 30px; z-index: 9999;
    display: flex; align-items: center; gap: 12px;
}
.whatsapp-float a {
    display: flex; align-items: center; justify-content: center;
    width: 60px; height: 60px;
    background: var(--white);
    border-radius: 50%;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
    transition: var(--transition);
}
.whatsapp-float a img { width: 36px; height: 36px; }
.whatsapp-float a:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 24px rgba(0,0,0,0.35);
}
.whatsapp-bubble {
    background: var(--white); color: var(--dark); padding: 10px 18px;
    border-radius: 24px; font-size: 14px; font-weight: 700;
    box-shadow: var(--shadow); white-space: nowrap;
    opacity: 1; transition: opacity 0.5s;
}
.whatsapp-bubble.hidden { opacity: 0; }