/* Estilos para posicionar el icono en la parte inferior derecha */
    .whatsapp-icon {
        position: fixed;
        bottom: 20px;
        /* Distancia desde la parte inferior */
        right: 20px;
        /* Distancia desde la parte derecha */
        z-index: 100;
        /* Asegura que el icono quede por encima de otros elementos */
    }

    /* Estilo para la imagen dentro del icono */
    .whatsapp-icon img {
        width: 60px;
        /* Ajusta el tamaño del icono */
        height: auto;
        /* Mantiene la proporción del icono */
        border-radius: 50%;
        /* Si deseas bordes redondeados */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        /* Agrega una sombra para hacerlo más visible */
        transition: transform 0.3s ease;
        /* Efecto de transición al pasar el mouse */
        animation: pulse 1.5s infinite;
        /* Animación de pulso constante */
    }

    /* Definir la animación de pulso */
    @keyframes pulse {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.2);
            /* Hace que el icono crezca */
        }

        100% {
            transform: scale(1);
            /* Vuelve al tamaño original */
        }
    }

    /* Efecto cuando el mouse pasa sobre el icono */
    .whatsapp-icon img:hover {
        transform: scale(1.1);
        /* Aumenta ligeramente el tamaño del icono al pasar el mouse */
        animation: none;
        /* Detiene la animación de pulso mientras el mouse está sobre el icono */
    }