/* Estilos para el botón flotante de WhatsApp */
.floating-wpp {
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 9999; /* Asegura que el botón esté por encima de otros elementos */
}

.floating-wpp-button {
    background-color: transparent !important; /* Elimina cualquier fondo detrás del botón */
    border: none !important; /* Elimina los bordes */
    padding: 0 !important; /* Elimina el padding extra */
    box-shadow: none !important; /* Elimina las sombras */
    cursor: pointer !important; /* Asegura que el cursor cambie a la "manito" */
}

.floating-wpp-button img {
    width: 220px !important; /* Aumenta el tamaño de la imagen (ajustable según prefieras) */
    height: 75px !important; /* Aumenta la altura de la imagen (ajustable) */
    border-radius: 0 !important; /* Elimina cualquier redondeo */
   /* object-fit: cover;  Asegura que la imagen se mantenga en su tamaño correcto */
}

.floating-wpp-button:hover {
    box-shadow: none !important; /* Elimina cualquier sombra en el hover */
    cursor: pointer !important; /* Muestra el cursor de "manito" */
}