/* ============================
      BOTÃO FLUTUANTE WHATSAPP
   ============================ */
.whatsapp-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 72px;
    height: 72px;
    background: #25d366;
    border-radius: 50%;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    transition: transform 0.25s ease, box-shadow 0.25s ease;

    /* ANIMAÇÃO BALANÇAR */
    animation: wpp-shake 1.8s ease-in-out infinite;
    animation-delay: 2s;
}

/* ANIMAÇÃO: BALANÇAR */
@keyframes wpp-shake {
    0%   { transform: rotate(0deg); }
    20%  { transform: rotate(10deg); }
    40%  { transform: rotate(-10deg); }
    60%  { transform: rotate(6deg); }
    80%  { transform: rotate(-6deg); }
    100% { transform: rotate(0deg); }
}

.whatsapp-float img {
    width: 38px;
    height: 38px;
}

/* HOVER (não cancela a animação) */
.whatsapp-float:hover {
    transform: scale(1.15) !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.35) !important;
}