.floating-contact{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:'DM Sans',sans-serif}
.floating-contact-menu{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.floating-contact-menu[hidden]{display:none}
.floating-contact-action,.floating-contact-toggle{position:relative;display:grid;width:58px;height:58px;flex:0 0 58px;place-items:center;border:0;border-radius:50%;color:#fff;box-shadow:0 14px 35px rgba(17,24,21,.24);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.floating-contact-action:hover,.floating-contact-action:focus-visible,.floating-contact-toggle:hover,.floating-contact-toggle:focus-visible{transform:translateY(-2px) scale(1.04);box-shadow:0 18px 40px rgba(17,24,21,.3);outline:3px solid #fff;outline-offset:3px}
.floating-contact-action svg,.floating-contact-toggle svg{width:29px;height:29px;fill:currentColor}
.floating-contact-call{background:#119b72}
.floating-contact-whatsapp{background:#25d366}
.floating-contact-email{background:#d94c56}
.floating-contact-toggle{background:#176b4d}
.floating-contact-action>span,.floating-contact-prompt{position:absolute;right:calc(100% + 12px);width:max-content;max-width:min(270px,calc(100vw - 100px));padding:.52rem .72rem;border:1px solid #dde2df;border-radius:.35rem;background:#fff;color:#111815;font-size:.78rem;font-weight:700;line-height:1.25;box-shadow:0 8px 24px rgba(17,24,21,.14);white-space:nowrap}
.floating-contact-action>span{opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.floating-contact-action:hover>span,.floating-contact-action:focus-visible>span{opacity:1;transform:none}
.floating-contact-close-icon{display:none}
.floating-contact.is-open .floating-contact-open-icon{display:none}
.floating-contact.is-open .floating-contact-close-icon{display:block}
.floating-contact.is-open .floating-contact-prompt{display:none}
.floating-contact.is-open .floating-contact-menu{animation:floating-contact-enter .2s ease both}
@keyframes floating-contact-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.floating-contact{right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));gap:10px}.floating-contact-action,.floating-contact-toggle{width:54px;height:54px;flex-basis:54px}.floating-contact-action svg,.floating-contact-toggle svg{width:27px;height:27px}.floating-contact-prompt{display:none}.floating-contact-action>span{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.floating-contact-action,.floating-contact-toggle,.floating-contact-action>span{transition:none}.floating-contact.is-open .floating-contact-menu{animation:none}}