.cshp-whatsapp {
    --cshp-whatsapp-bottom: 20px;
    position: fixed;
    right: max(20px, env(safe-area-inset-right));
    bottom: var(--cshp-whatsapp-bottom);
    z-index: 39;
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 19px;
    border: 1px solid rgba(8, 44, 74, .12);
    border-radius: 999px;
    background: linear-gradient(135deg, #b8e2e6, #93d5dd);
    box-shadow: 0 5px 18px rgba(8, 44, 74, .2);
    color: #082c4a;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
    isolation: isolate;
    animation: cshp-wa-entry .7s cubic-bezier(.2, .85, .25, 1.18) .4s backwards;
    transition: box-shadow .18s ease, transform .18s ease;
}
.cshp-whatsapp::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    border-radius: inherit;
    box-shadow: 0 0 0 0 rgba(105, 187, 200, .3);
    content: '';
    pointer-events: none;
    animation: cshp-wa-ring 6s ease-out 2.5s infinite;
}
.cshp-whatsapp svg {
    display: block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    fill: currentColor;
    transform-origin: 50% 75%;
    animation: cshp-wa-icon 6s ease-in-out 2.5s infinite;
}
.cshp-whatsapp[hidden] { display: none; }
.cshp-whatsapp:hover,
.cshp-whatsapp:focus-visible { color: #082c4a; box-shadow: 0 7px 22px rgba(8, 44, 74, .25); transform: translateY(-3px) scale(1.04); }
.cshp-whatsapp:active { transform: scale(.96); }
.cshp-whatsapp:hover::before,
.cshp-whatsapp:focus-visible::before,
.cshp-whatsapp:hover svg,
.cshp-whatsapp:focus-visible svg { animation-play-state: paused; }
.cshp-whatsapp:focus-visible { outline: 3px solid #082c4a; outline-offset: 3px; }
body:has(dialog[open]) .cshp-whatsapp,
body.cs-header-panel-open .cshp-whatsapp { visibility: hidden; pointer-events: none; }
@media (max-width: 860px) {
    .cshp-whatsapp {
        --cshp-whatsapp-bottom: calc(67px + env(safe-area-inset-bottom, 0px));
        right: 14px;
        transform-origin: bottom right;
        animation-name: cshp-wa-entry-mobile;
    }
}
@keyframes cshp-wa-entry {
    from { opacity: 0; transform: translateY(24px) scale(.9); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes cshp-wa-entry-mobile {
    from { opacity: 0; transform: scale(.96); }
    to { opacity: 1; transform: scale(1); }
}
@keyframes cshp-wa-ring {
    0% { box-shadow: 0 0 0 0 rgba(105, 187, 200, .3); }
    18%, 100% { box-shadow: 0 0 0 12px rgba(105, 187, 200, 0); }
}
@keyframes cshp-wa-icon {
    0%, 100% { transform: rotate(0); }
    3% { transform: rotate(-10deg); }
    6% { transform: rotate(8deg); }
    9% { transform: rotate(-4deg); }
    12% { transform: rotate(0); }
}
@media (prefers-reduced-motion: reduce) {
    .cshp-whatsapp,
    .cshp-whatsapp:hover,
    .cshp-whatsapp:focus-visible,
    .cshp-whatsapp:active,
    .cshp-whatsapp::before,
    .cshp-whatsapp svg { animation: none; transition: none; transform: none; }
}