.whatsapp-float {
    position: fixed;
    right: max(26px, env(safe-area-inset-right));
    bottom: max(26px, env(safe-area-inset-bottom));
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 1px solid #ffffff60;
    border-radius: 38px;
    color: #fff;
    background: #128c55;
    box-shadow: 0 6px 22px #075e5433;
    transition: transform .2s ease, background .2s ease;
}
.whatsapp-float svg { width: 31px; height: 31px; }
.whatsapp-label {
    position: absolute;
    right: 72px;
    padding: 11px 15px;
    border-radius:8px;
    white-space: nowrap;
    color: #0a1f3b;
    background: #fff;
    box-shadow: 0 3px 18px #0a1f3b14;
    font-size: 12px;
    font-weight: 600;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease;
}
.whatsapp-float:focus-visible .whatsapp-label { opacity: 1; visibility: visible; }
@media (hover:hover) and (pointer:fine) {
    .whatsapp-float:hover { transform: translateY(-3px); background: #0b7546; }
    .whatsapp-float:hover .whatsapp-label { opacity: 1; visibility: visible; }
}
@media (max-width:600px) {
    .whatsapp-float { right: max(18px, env(safe-area-inset-right)); bottom: max(18px, env(safe-area-inset-bottom)); width: 56px; height: 56px; }
    .site-footer { padding-bottom: 92px; }
}
@media (prefers-reduced-motion:reduce) {
    .whatsapp-float, .whatsapp-label { transition: none; }
    .whatsapp-float:hover { transform: none; }
}