/* Pillola per prenotare, sempre a portata */
.pill { position:fixed; z-index:280; left:50%; bottom:max(18px, env(safe-area-inset-bottom, 0px)); transform:translate(-50%, 16px); display:flex; align-items:center; gap:8px; padding:6px; border-radius:999px; background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(16px) saturate(1.4); backdrop-filter:blur(16px) saturate(1.4); box-shadow:0 18px 44px -14px rgba(14,24,44,.5), 0 0 0 1px rgba(26,24,22,.07); opacity:0; pointer-events:none; transition:opacity .35s ease, transform .5s cubic-bezier(.2,.7,.2,1); }
.pill.show { opacity:1; pointer-events:auto; transform:translate(-50%, 0); }
.pill-go { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 26px; border:0; border-radius:999px; background:var(--ocra); color:var(--ink); font:600 12px var(--sans); letter-spacing:.14em; text-transform:uppercase; cursor:pointer; white-space:nowrap; transition:background .25s; }
.pill-go:hover { background:#F2B23E; }
.pill-wa { width:48px; height:48px; flex:none; border-radius:50%; background:#1FA855; color:#fff; display:grid; place-items:center; transition:transform .25s; }
.pill-wa:hover { transform:scale(1.06); }
.pill-go:focus-visible, .pill-wa:focus-visible { outline:3px solid var(--blue); outline-offset:2px; }
@media (max-width: 860px) {
  .pill { left:12px; right:12px; transform:translateY(16px); justify-content:space-between; }
  .pill.show { transform:none; }
  .pill-go { flex:1; padding:0 16px; }
}
/* la pillola include già WhatsApp: niente pallino flottante */
.wa-float, .wa-float.show { display:none !important; }
@media (prefers-reduced-motion: reduce) { .pill { transition:none; } }