/* ==============================
   WHATSAPP FLOAT
============================== */

.whatsapp-float {

    position: fixed;

    right: 20px;
    bottom: 70px;

    width: 65px;
    height: 65px;

    border-radius: 50%;

    background: #25D366;

    display: flex;

    justify-content: center;
    align-items: center;

    box-shadow: 0 8px 25px rgba(0,0,0,0.25);

    z-index: 9999;

    transition: all 0.25s ease;

    animation: whatsappPulse 2s infinite;
}

.whatsapp-float:hover {

    transform: scale(1.08);

    box-shadow: 0 10px 30px rgba(0,0,0,0.32);
}

.whatsapp-float img {

    width: 34px;
    height: 34px;

    object-fit: contain;
}

/* ==============================
   ANIMACIÓN
============================== */

@keyframes whatsappPulse {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1);
    }
}

/* ==============================
   MOBILE
============================== */

@media (max-width: 768px) {

    .whatsapp-float {

        width: 58px;
        height: 58px;

        right: 16px;
        bottom: 250px;
    }

    .whatsapp-float img {

        width: 30px;
        height: 30px;
    }
}