/* ============================================================
   BOTÃO FLUTUANTE WHATSAPP (site-wide, distinto de btnwpp/)
   ============================================================ */
.float-wpp {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 30px -8px rgba(37, 211, 102, 0.5);
    animation: wpp-pulse 2.6s var(--ease-soft) infinite;
    z-index: 90;
    transition: transform var(--t-base);
}

.float-wpp:hover {
    transform: scale(1.08);
    color: #fff;
    animation-play-state: paused;
    box-shadow: 0 20px 44px -8px rgba(37, 211, 102, 0.7);
}

.float-wpp .icon { display: block; fill: currentColor; }

@keyframes wpp-pulse {
    0%   { box-shadow: 0 14px 30px -8px rgba(37, 211, 102, 0.5), 0 0 0 0 rgba(37, 211, 102, 0.45); }
    70%  { box-shadow: 0 14px 30px -8px rgba(37, 211, 102, 0.5), 0 0 0 18px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 14px 30px -8px rgba(37, 211, 102, 0.5), 0 0 0 0 rgba(37, 211, 102, 0); }
}

@media (max-width: 720px) {
    .float-wpp {
        right: 1rem;
        bottom: 1rem;
        width: 52px;
        height: 52px;
    }
}