/* Il pulsante "Indietro" di ogni pagina, jet e yacht: lo stesso vetro blu dei pulsanti della
   pagina d'ingresso (imitazione per il web del Liquid Glass di Apple: Apple non da' un CSS).
   Sta nella barra in alto, prima del logo, dentro <div class="capo">. Da 1200 px in su: freccia
   e scritta; sotto: un cerchio con la sola freccia (la scritta resta per chi legge con la voce). */
.capo{display:flex;align-items:center;gap:14px;min-width:0}
.indietro{position:relative;isolation:isolate;overflow:hidden;flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;
 height:34px;padding:0 15px 0 14px;border-radius:999px;cursor:pointer;
 font:700 10px/1 'Montserrat',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-decoration:none;white-space:nowrap;
 background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04) 55%,rgba(255,255,255,.1)),rgba(10,38,80,.5);
 border:1px solid rgba(255,255,255,.34);
 -webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(255,255,255,.16),0 6px 18px rgba(2,10,20,.28);
 transition:border-color .3s,box-shadow .3s,scale 160ms cubic-bezier(.23,1,.32,1)}
.indietro::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
 background:radial-gradient(120% 95% at 16% -12%,rgba(255,255,255,.42),rgba(255,255,255,0) 46%),
  linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,0) 40%,rgba(255,255,255,.1))}
/* la freccia: lo stesso segno a V delle freccette del sito, girato verso sinistra */
.indietro .freccia{width:7px;height:7px;margin-left:3px;flex:0 0 auto;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg)}
.indietro:hover{border-color:rgba(255,255,255,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(255,255,255,.2),0 8px 22px rgba(2,10,20,.32)}
.indietro:active{scale:.97}
.indietro:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:1199px){
 .indietro{width:36px;height:36px;padding:0;justify-content:center}
 .indietro .freccia{margin-left:4px}
 .indietro .testo{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media (prefers-reduced-transparency:reduce){.indietro{background:#0E2137;-webkit-backdrop-filter:none;backdrop-filter:none}}
/* Il menu del telefono, nelle pagine che caricano questo file (le 105 schede, la scheda vendita):
   a 320 px i quattro tasti delle lingue (335 px) uscivano dallo schermo, IT e FR tagliati (10/10).
   Sotto i 360 px si dividono la riga in parti uguali. Le altre pagine hanno la stessa regola nel loro stile. */
/* 12/10 sera: nelle pagine della vendita le quattro voci sono link veri (<a data-l>, il server le
   scrive cosi' perche' i motori di ricerca trovino le altre lingue): stessa regola. */
@media(max-width:359px){.mlang{gap:6px}.mlang b,.mlang a{flex:1 1 0;min-width:0;padding:10px 0;text-align:center}}