.floating-whatsapp {
    position: fixed;
    right: max(16px, env(safe-area-inset-right));
    bottom: max(18px, env(safe-area-inset-bottom));
    z-index: 999;
    min-width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 18px;
    border: 2px solid rgba(255,255,255,.9);
    border-radius: 999px;
    color: #fff;
    background: #20b858;
    box-shadow: 0 12px 30px rgba(0,0,0,.28);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.floating-whatsapp svg { width: 27px; height: 27px; flex: 0 0 auto; }
.floating-whatsapp:hover { transform: translateY(-2px); background: #159947; box-shadow: 0 16px 34px rgba(0,0,0,.33); }
.floating-whatsapp:focus-visible { outline: 3px solid #ffc400; outline-offset: 3px; }
@media (max-width: 640px) {
    .floating-whatsapp { width: 58px; min-width: 58px; padding: 0; }
    .floating-whatsapp span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) { .floating-whatsapp { transition: none; } }
