.hp-wa-help{position:fixed;right:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:1000;font-family:inherit;max-width:calc(100vw - 32px)}
.hp-wa-help [hidden]{display:none!important}
.hp-wa-help button,.hp-wa-help a{font-family:inherit}
.hp-wa-help .hp-wa-trigger{display:flex;align-items:center;gap:9px;cursor:pointer;border:0;border-left:4px solid #cc2442;border-radius:999px;padding:9px 13px;min-height:40px;background:#16376d;color:white;font-size:12px;font-weight:700;box-shadow:0 4px 20px #0003}
.hp-wa-help .hp-wa-trigger .hp-wa-flag{font-size:23px;line-height:1}
.hp-wa-help .hp-wa-choices{position:absolute;right:0;bottom:100%;width:196px;display:grid;gap:7px;padding-bottom:9px}
.hp-wa-help .hp-wa-language{display:flex;align-items:center;justify-content:center;gap:11px;min-height:42px;padding:9px 12px;box-sizing:border-box;border:0;border-radius:10px;color:#fff;font-size:13px;font-weight:700;line-height:1.3;text-decoration:none;cursor:pointer;box-shadow:0 3px 12px #0002}
.hp-wa-help .hp-wa-language .hp-wa-flag{font-size:25px;line-height:1}
.hp-wa-help .hp-wa-en{background:#16376d;border-left:5px solid #cc2442}
.hp-wa-help .hp-wa-pt{background:#126b44;border-left:5px solid #f4cf2c}
.hp-wa-help .hp-wa-es{background:#9e1830;border-left:5px solid #f4ca35}
.hp-wa-help .hp-wa-language:hover{filter:brightness(1.12)}
.hp-wa-help>section{position:absolute;bottom:calc(100% + 12px);right:0;width:310px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow:auto;box-sizing:border-box;padding:46px 22px 22px;background:#fff;color:#142d62;border:1px solid #d4deec;border-radius:18px;box-shadow:0 10px 40px #0003;text-align:center}
.hp-wa-help h2{font-size:20px;line-height:1.25;margin:0 0 12px}.hp-wa-help p{font-size:14px;line-height:1.5;margin:0 0 12px}.hp-wa-help img{display:block;width:210px;max-width:100%;height:auto;margin:0 auto}.hp-wa-help strong{display:block;margin:8px 0 15px;font-size:17px}
.hp-wa-help .hp-wa-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#edf3f8;color:#142d62;font:26px/1 Arial,sans-serif;cursor:pointer}.hp-wa-help .hp-wa-close:hover{background:#dce7f0}
.hp-wa-help button:focus-visible,.hp-wa-help a:focus-visible{outline:3px solid #3189ff;outline-offset:3px}
@media(max-width:480px){.hp-wa-help{right:16px}}
@media(max-width:840px){body:has(.service-workspace.client-public-website) .hp-wa-help{bottom:calc(84px + env(safe-area-inset-bottom))}body:has(.service-workspace.client-public-website) .hp-wa-help>section{max-height:calc(100dvh - 164px - env(safe-area-inset-bottom))}}

/* Natural flag proportions on the left, fading to black behind the right-aligned name. */
.hp-wa-help .hp-wa-choices{width:152px;gap:6px;padding-bottom:8px}
.hp-wa-help .hp-wa-choices .hp-wa-language{min-height:32px;padding:6px 11px;border:1px solid #ffffff4d;border-radius:8px;justify-content:flex-end;text-align:right;font-size:11px;line-height:1.3;background-color:#050505;background-image:linear-gradient(90deg,transparent 0,transparent 16px,rgba(0,0,0,.15) 24px,#050505 var(--hp-contact-fade,57px)),var(--hp-contact-flag);background-size:100% 100%,auto 100%;background-position:left center,left center;background-repeat:no-repeat;text-shadow:0 1px 3px #000}
.hp-wa-help .hp-wa-choices .hp-wa-flag{display:none}
.hp-wa-help .hp-wa-choices .hp-wa-en{--hp-contact-fade:57px;--hp-contact-flag:url('/assets/support/contact-flags/us.svg?v=natural-1')}
.hp-wa-help .hp-wa-choices .hp-wa-pt{--hp-contact-fade:43px;--hp-contact-flag:url('/assets/support/contact-flags/br.svg?v=natural-1')}
.hp-wa-help .hp-wa-choices .hp-wa-es{--hp-contact-fade:45px;--hp-contact-flag:url('/assets/support/contact-flags/es.svg?v=natural-1')}

.hp-wa-help .hp-wa-trigger{margin-right:38px}.hp-wa-help .hp-wa-qr-trigger{position:absolute;right:0;bottom:2px;width:32px;height:32px;border:1px solid #ccd9e6;border-radius:50%;padding:0;background:#fff;color:#16376d;font:700 10px Arial;cursor:pointer;box-shadow:0 3px 12px #0002}

@media(max-width:767px){.hp-wa-help .hp-wa-qr-trigger{display:none}.hp-wa-help .hp-wa-trigger{margin-right:0}}
