/* ============ FASCIA «CONSIGLI DI VIAGGIO» (solo telefono) ============
   Referenza: la fascia «Prenota il tuo tavolo» di rossosera.com su mobile. Da
   lì vengono la forma (a tutta larghezza, attaccata al bordo, fondo chiaro e
   testo scuro del colore del marchio, icona + etichetta centrate) e il
   comportamento (entra salendo dal basso mentre sfuma, .4s, dopo la prima
   schermata). I colori sono quelli di Villa Azalea: il verde salvia chiaro
   dei chip, con l'inchiostro petrolio sopra (8,5:1).

   Sta a --z-float come il pulsante WhatsApp: sotto il velo della tendina del
   menu, che quando si apre la copre. Sopra i 720 px non c'è (mobile.css la
   accende), perché lì la voce «Consigli di viaggio» è sempre nella nav. */
.fascia-consigli{
  display:none;
  position:fixed; left:0; right:0; bottom:0; z-index:var(--z-float);
  height:var(--fascia-h, 64px);
  align-items:center; justify-content:center; gap:.65rem;
  background:var(--chip); color:var(--ink);
  border-top:1px solid color-mix(in srgb, var(--chip-ink) 18%, transparent);
  box-shadow:0 -10px 28px -18px rgba(var(--shadow-rgb),.45);
  font-weight:700; font-size:1.05rem; letter-spacing:.005em; text-decoration:none;
  opacity:0; visibility:hidden; transform:translateY(100%);
  transition:opacity .4s, transform .4s, visibility .4s;
}
.fascia-consigli.is-visible{ opacity:1; visibility:visible; transform:none; }
.fascia-consigli__icona{ width:1.35rem; height:1.35rem; color:var(--accent-press); flex:none; }
.fascia-consigli__freccia{ width:1.1rem; height:1.1rem; color:var(--chip-ink); flex:none; transition:transform .25s var(--ease); }
.fascia-consigli:active .fascia-consigli__freccia{ transform:translateX(3px); }
.fascia-consigli:focus-visible{ outline:2px solid var(--ring); outline-offset:-4px; }
@media (prefers-reduced-motion:reduce){ .fascia-consigli{ transition:none; } }