/* Three direct contact options, visible after leaving the hero. */
.contact-dock{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:35;display:flex;gap:9px;max-width:calc(100% - 48px);padding:9px;border:1px solid #ffffffb3;border-radius:24px;background:#f5f5f0;box-shadow:0 12px 42px #00000038;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px);transition:opacity 200ms ease,transform 200ms ease,visibility 200ms}
.contact-dock.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:64px;padding:13px 20px;border:1px solid transparent;border-radius:17px;font-size:15px;font-weight:700;line-height:1.3;text-align:left;text-decoration:none;transition:background-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.contact-button svg{flex:none}
.contact-button-detail{display:block;font-size:10px;font-weight:500;line-height:1.5;margin-top:3px;white-space:nowrap}
.contact-button--whatsapp{background:#25d366;color:#073b22;box-shadow:0 3px 14px #25d36640}
.contact-button--calendar{background:#2448f5;color:#fff}
.contact-button--call{background:#fff;color:#1c38c9;border-color:#2448f540}
.contact-button:focus-visible{outline:3px solid #2448f5;outline-offset:4px}
.contact-call-wrap{margin-top:18px}
.footer{padding-bottom:130px}
body.menu-open .contact-dock{display:none}
@media(hover:hover) and (pointer:fine){.contact-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000020}.contact-button--whatsapp:hover{background:#38e078}.contact-button--calendar:hover{background:#1c38c9}.contact-button--call:hover{background:#edf1ff}}
@media(max-width:760px){.contact-dock{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px;border-radius:22px}.contact-dock .contact-button{flex-direction:column;gap:6px;min-height:76px;padding:10px 4px;border-radius:15px;font-size:11px;text-align:center}.contact-dock .contact-button-detail{display:none}.contact-dock .contact-button svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.contact-dock,.contact-button{transition:none;transform:none}.contact-button:hover{transform:none}}
@media(forced-colors:active){.contact-dock,.contact-button{border:1px solid ButtonText;background:ButtonFace;color:ButtonText}}