/* ══════════════════════════════════════════════════════════════════ booking.css — the Reservar drawer. Shared by every page. Reads the same custom properties as the site, so the colour picker on the home page drives it here too. ══════════════════════════════════════════════════════════════════ */ /* ══ reservar — the booking drawer ═══════════════════════════════════ A decided buyer arrives from a pasted link and never scrolls, so the way in is pinned at every scroll depth and the flow runs in an overlay that never unmounts the terrain underneath. Deep-linkable: #reservar, or #reservar=andes-peru to land straight on one departure. Everything here reads the same custom properties as the page, so the colour picker drives it too. */ #rvOpen{ position:fixed;right:clamp(20px,3vw,34px);top:20px;z-index:56; display:flex;align-items:center;gap:10px; font-family:var(--sans),system-ui,sans-serif;font-size:13.5px;letter-spacing:.005em; color:var(--page);background:var(--accent);border:none;border-radius:99px; padding:13px 21px 13px 16px;cursor:pointer; transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease; will-change:transform;box-shadow:0 8px 30px -14px #000; } #rvOpen:hover{transform:translate3d(0,-2px,0);box-shadow:0 14px 38px -16px #000} /* 16px on any touch device, and it is not a taste decision. This is a