/* Botón flotante WhatsApp */
.wp-float {
    position: fixed;
    bottom: 22px;
    right: 22px;
    width: 62px;
    height: 62px;
    background: #25D366;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    z-index: 9999;
    text-decoration: none;

    /* Blur alrededor */
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.35), 
                0 0 18px rgba(37, 211, 102, 0.6);

    backdrop-filter: blur(6px);

    /* Animación movimiento */
    animation: wp-move 3s ease-in-out infinite;
    transition: transform .2s ease;
}

/* Hover */
.wp-float:hover {
    transform: scale(1.12);
}

/* Animación tipo flotación */
@keyframes wp-move {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-6px); }
    100% { transform: translateY(0); }
}