.vd-whatsapp {
    position: fixed;
    bottom: 22px;
    right: 22px;
    width: 48px;
    height: 48px;

    background-color: #25D366;
    background-image: url('https://valenciadrip.com/wp-content/uploads/2026/01/whatsapp.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 26px;

    border-radius: 50%;
    z-index: 2147483647;

    box-shadow:
        0 6px 18px rgba(37, 211, 102, 0.45),
        0 0 22px rgba(37, 211, 102, 0.35);

    opacity: 0;
    transform: translate3d(0, 80px, 0);
    animation: vd-fadeUp .6s cubic-bezier(.22,.61,.36,1) .4s forwards;

    transition:
        transform .28s cubic-bezier(.4,0,.2,1),
        box-shadow .28s ease,
        background-size .28s ease;

    will-change: transform, box-shadow;
}

/* Hover / tap */
.vd-whatsapp:hover,
.vd-whatsapp:active {
    transform: scale(1.12);
    background-size: 30px 30px;
    box-shadow:
        0 10px 24px rgba(37, 211, 102, 0.6),
        0 0 36px rgba(37, 211, 102, 0.45);
}

/* Pulso sutil */
.vd-whatsapp::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(37, 211, 102, 0.5);
    animation: vd-pulse 2.8s infinite;
    pointer-events: none;
}

@keyframes vd-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.45);
    }
    70% {
        box-shadow: 0 0 0 12px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* Entrada */
@keyframes vd-fadeUp {
    to {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}

/* Mobile safe */
@media (max-width: 480px) {
    .vd-whatsapp {
        bottom: 16px;
        right: 16px;
    }
}