/* Call and WhatsApp share placement variables so their touch targets stay aligned. */
body{--contact-right:25px;--contact-bottom:22px;--contact-size:52px;--call-bg:#172c37;--call-accent:#e1ceab}
.site-rental{--contact-right:25px;--contact-bottom:26px;--contact-size:52px;--call-bg:#142d24;--call-accent:#e5cf9b}
.floating-call{position:fixed;right:var(--contact-right);bottom:calc(var(--contact-bottom) + var(--contact-size) + 12px);width:var(--contact-size);height:var(--contact-size);z-index:35;display:grid;place-items:center;border-radius:50%;background:var(--call-bg);color:var(--call-accent);border:1px solid #d9c59b66;box-shadow:0 5px 20px #0003;text-decoration:none;transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.floating-call svg{width:22px;height:22px;pointer-events:none}
.floating-call:focus-visible{outline:3px solid var(--call-accent);outline-offset:4px}
.floating-wa,.site-rental .whatsapp{right:var(--contact-right);bottom:var(--contact-bottom)}
.floating-wa{gap:0}
@media(hover:hover) and (pointer:fine){.floating-call:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0004}.floating-wa:hover{gap:10px}}
body:has(dialog[open]) .floating-call{visibility:hidden}
@media(max-width:960px){.site-rental{--contact-bottom:83px}}
@media(max-width:800px){body{--contact-right:17px;--contact-bottom:17px;--contact-size:48px}}
@media(max-width:700px){.site-rental{--contact-right:15px}.site-rental:has(.av-compare-tray:not([hidden])){--contact-bottom:160px}}
@media(max-width:600px){.site-rental{--contact-size:45px}}
@media(max-width:480px){body{--contact-right:14px;--contact-bottom:14px;--contact-size:44px}}
@media(prefers-reduced-motion:reduce){.floating-call{transition:none}}