/* Estilos para la burbuja de WhatsApp */
      .whatsapp-bubble {
          position: fixed;
          bottom: 20px;
          left: 20px;
          z-index: 1000;
          cursor: pointer;
          display: flex;
          align-items: center;
          background-color: #ffaa17;
          padding: 10px;
          border-radius: 50px;
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
          animation: float 3s ease-in-out infinite;
      }

      .whatsapp-bubble img {
          width: 50px;
          height: 50px;
          border-radius: 50%;
      }

      .whatsapp-bubble .online-dot {
          width: 12px;
          height: 12px;
          background-color: #00FF00;
          border-radius: 50%;
          position: absolute;
          bottom: 0;
          right: 1;
      }

      .whatsapp-bubble .welcome-message {
          display: none;
          background-color: #fff;
          color: #000;
          padding: 10px;
          border-radius: 50px;
          margin-left: 10px;
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
      }

      .whatsapp-bubble:hover .welcome-message {
          display: block;
      }

      /* Animación de flotación */
      @keyframes float {
          0%, 100% {
              transform: translateY(0);
          }
          50% {
              transform: translateY(-10px);
          }
      }