/* Cores e glifos oficiais: Meta Brand Resource Center / WhatsApp, pacote RGB 2026.
   https://www.meta.com/brand/resources/whatsapp/whatsapp-brand/ */
:root{--whatsapp-green:#25d366;--whatsapp-ink:#111b21;--whatsapp-contact-offset:0px}
a.button.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;padding:12px 20px;border:1px solid var(--whatsapp-green);border-radius:12px;background:var(--whatsapp-green);color:var(--whatsapp-ink);font-size:14px;font-weight:650;line-height:1.35;text-decoration:none;text-align:center;white-space:normal;box-sizing:border-box}
a.button.whatsapp-button:hover{background:var(--whatsapp-green);color:var(--whatsapp-ink);box-shadow:var(--shadow-modal)}
a.button.whatsapp-button:focus-visible{outline:3px solid var(--whatsapp-ink);outline-offset:4px}
.whatsapp-icon{display:block;flex:0 0 24px;width:24px;height:24px;object-fit:contain}
.footer-links>a.whatsapp-button{align-self:flex-start;margin-top:2px;font-size:13px}
.page-pricing .footer-links>a.whatsapp-button{display:none}
.mobile-utility>a.whatsapp-button{font-size:12px;padding:10px 12px;min-height:44px}
.plan-product-footer>a.whatsapp-button{width:100%;margin-top:12px;font-size:13px}
.page-pricing .plan-product-footer>a.whatsapp-button.plan-contact{display:none}
.page-pricing .enterprise-banner>a.whatsapp-button{border-radius:var(--radius-full)}
.guide-next>a.whatsapp-button,.prose>a.whatsapp-button,.split-content>div>a.whatsapp-button{margin-top:24px}
.integration-grid a.whatsapp-button{margin-top:auto}
a.button.whatsapp-float{position:fixed;z-index:850;right:max(24px,env(safe-area-inset-right));bottom:max(calc(24px + env(safe-area-inset-bottom)),var(--whatsapp-contact-offset));width:60px;height:60px;min-height:60px;padding:14px;border:2px solid var(--gray-white);border-radius:50%;box-shadow:var(--shadow-modal)}
.whatsapp-float .whatsapp-icon{width:30px;height:30px;flex-basis:30px}
.whatsapp-tooltip{position:absolute;right:72px;padding:10px 16px;border-radius:10px;background:var(--whatsapp-ink);color:var(--gray-white);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;font-size:13px;transition:opacity var(--motion-ui)}
.whatsapp-float:hover .whatsapp-tooltip,.whatsapp-float:focus-visible .whatsapp-tooltip{opacity:1;visibility:visible}
.contact-whatsapp-panel{padding:40px;background:var(--blue-50);border:1px solid var(--blue-200);border-radius:24px}
.contact-whatsapp-panel>.whatsapp-icon{width:56px;height:56px;margin-bottom:28px}
.contact-whatsapp-panel h2{font-size:30px;line-height:1.2;margin-bottom:18px}.contact-whatsapp-panel>p{font-size:16px;line-height:1.7;color:var(--color-secondary)}
.contact-whatsapp-panel>.whatsapp-button{margin-top:28px;width:100%}.contact-whatsapp-panel>.contact-channel-note{margin-top:16px;font-size:12px;line-height:1.6}
@media(max-width:760px){a.button.whatsapp-float{right:max(16px,env(safe-area-inset-right));bottom:max(calc(16px + env(safe-area-inset-bottom)),var(--whatsapp-contact-offset));width:56px;height:56px;min-height:56px;padding:12px}.whatsapp-tooltip{display:none}.contact-whatsapp-panel{padding:28px 24px}.contact-whatsapp-panel h2{font-size:27px}.help-support a.whatsapp-button{width:100%}}
@media(prefers-reduced-motion:reduce){.whatsapp-tooltip{transition:none}}