/* Liste regalo · tema Tinky Winky
   Le pagine della cartella liste/ caricano prima gli stili del sito (css/style.css e css/pagine.css): testata,
   carte d'imbarco (.pass, .imbarco), tabellone, scena notturna, moduli (.modulo, .campo), avvisi. Qui c'è solo
   ciò che le liste aggiungono, con le stesse variabili, gli stessi raggi e solo gli azzurri del marchio.
   Movimento: solo quello di pagine.js (comparse) e di tema.js (scelta dei regali); niente che giri senza fine. */

/* ---------- comuni ---------- */
.lr-stretto{width:min(100%,640px);margin-inline:auto}
.lr-mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.98em;letter-spacing:.02em;overflow-wrap:anywhere}
.lr-nota{max-width:40em;font-size:.97rem;line-height:1.55;color:var(--testo-2)}
.sez--notte .lr-nota{color:var(--su-notte)}
.lr-errore,.lr-ok{display:flex;align-items:flex-start;gap:12px;max-width:820px;margin:0 0 clamp(20px,2.4vw,30px);padding:14px 18px;border-radius:18px;background:#fff;border:2px solid var(--rotta);color:var(--notte);font-weight:700;line-height:1.45}
.lr-errore .ico,.lr-ok .ico{flex:none;width:22px;height:22px;padding:3px;border-radius:50%;background:var(--rotta);color:#fff;stroke-width:2.8}
.lr-ok{border-color:var(--brina);background:#E3F1FA}
.lr-errore--notte{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.lr-errore--notte .ico{background:#fff;color:var(--mare)}
.lr-pill{display:inline-flex;align-items:center;min-height:28px;padding:3px 12px;border-radius:999px;font:700 .875rem/1.2 var(--text);white-space:nowrap}
.lr-pill--confermato{background:var(--rotta);color:#fff}
.lr-pill--attesa{background:#fff;color:var(--mare);box-shadow:inset 0 0 0 1.5px #A9D3EE}
.lr-pill--annullato{background:var(--brina);color:var(--testo-2)}
.lr-copia{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-6px 0 -6px 10px;padding:6px 14px;border-radius:999px;border:1.5px solid #A9D3EE;background:#fff;color:var(--mare);font:700 .9rem/1.2 var(--text);vertical-align:middle;cursor:pointer}
.lr-copia .lr-copia__ok{display:none;width:16px;height:16px;stroke-width:2.6}
.lr-copia.is-fatto{background:var(--rotta);border-color:var(--rotta);color:#fff}
.lr-copia.is-fatto .lr-copia__ok{display:block}
@media (hover:hover){ .lr-copia:not(.is-fatto):hover{background:var(--brina)} }
.chip{text-decoration:none}
a.chip{display:inline-flex;align-items:center}

/* il percorso in cima: nella pagina di una lista il nome è il titolo, subito sotto (come nei viaggi): finisce con l'aereo */
.pagina--liste-lista .percorso__qui>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* ---------- lo stato della lista: una lucina e la scritta ---------- */
.lr-stato{display:inline-grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;font:700 1.05rem/1.25 var(--display);color:var(--notte)}
.lr-stato small{grid-column:2;font:400 .875rem/1.3 var(--text);color:var(--testo-2)}
.lr-stato__luce{grid-row:1 / span 2;align-self:center;width:14px;height:14px;border-radius:50%;background:var(--cielo);box-shadow:0 0 0 5px rgba(37,163,222,.2)}
.lr-stato--presto .lr-stato__luce{background:#fff;box-shadow:inset 0 0 0 3px var(--cielo),0 0 0 5px rgba(37,163,222,.12)}
.lr-stato--chiusa .lr-stato__luce{background:#A9C3D6;box-shadow:0 0 0 5px rgba(75,107,133,.12)}

/* =====================================================================================================
   TUTTE LE LISTE: la ricerca e il tabellone delle partenze
   ===================================================================================================== */
.lr-cerca{padding-bottom:calc(var(--sez) * .8)}
.lr-filtri{grid-template-columns:minmax(0,420px) auto;align-items:end;justify-content:start;column-gap:12px}
.lr-filtri .filtri__aree{grid-column:1 / -1}
.lr-filtri__vai{min-height:56px}
html.js .lr-filtri__vai{display:none}
.lr-tab{--cella:22px;padding-bottom:12px}
.lr-tab .tabellone__l{padding-top:0}
.lr-tab .riga{grid-template-columns:44px minmax(0,1fr) auto 38px;min-height:68px}
.lr-tab .riga__mini{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover}
.lr-riga__nome{display:grid;gap:2px;font:700 1.15rem/1.2 var(--display)}
.lr-riga__nome small{font:400 .9rem/1.35 var(--text);color:#B9D7EC}
.lr-volo{justify-self:end;padding:6px 13px;border-radius:999px;font:700 .875rem/1.2 var(--text);white-space:nowrap}
.lr-volo--aperta{background:var(--cielo);color:var(--notte)}          /* blu scuro sul celeste: contrasto 5:1 */
.lr-volo--presto{background:rgba(37,163,222,.2);color:#CFE4F4;box-shadow:inset 0 0 0 1.5px rgba(37,163,222,.6)}
.lr-volo--chiusa{color:#9CC6E4;box-shadow:inset 0 0 0 1.5px rgba(217,237,250,.28)}
.lr-tab li[hidden],.lr-gruppo[hidden]{display:none}
.lr-tab .area:not([hidden])~.area{margin-top:10px;border-top:1px solid rgba(217,237,250,.16)}

/* le altre due porte: il codice di una lista privata e l'area di chi festeggia */
.lr-porte__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.6vw,36px)}
.lr-porta{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(16px,2vw,26px);padding:clamp(22px,2.6vw,36px);border-radius:34px;background:#fff;box-shadow:0 26px 44px -30px rgba(7,42,73,.45),0 0 0 1px rgba(7,42,73,.06)}
.lr-porta__ico{display:grid;place-items:center;width:clamp(56px,5vw,68px);aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,var(--cielo),var(--rotta));box-shadow:0 0 0 5px #E3F1FA;color:#fff}
.lr-porta__ico svg{width:52%;height:52%;fill:#fff}
.lr-porta__ico .ico{fill:none;stroke:#fff;stroke-width:1.8}
.lr-porta__t{margin-bottom:8px;font:700 clamp(1.25rem,1.7vw,1.5rem)/1.2 var(--display);color:var(--notte)}
.lr-porta p{max-width:30em}
.lr-porta .btn{margin-top:16px}
.lr-porta__nota{margin-top:16px;font-size:.95rem;color:var(--testo-2)}
.lr-porta__nota a{color:var(--mare);font-weight:700;text-underline-offset:4px}
.lr-codice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:16px}
.lr-codice__lab{grid-column:1 / -1;font-weight:700;font-size:.94rem;color:var(--testo-2)}
.lr-codice input,.lr-campo input,.lr-quote input,.lr-importo input{width:100%;min-height:54px;margin:0;padding:13px 16px;border-radius:16px;border:1.5px solid #A9D3EE;background:#fff;color:var(--notte);font:600 1.06rem/1.3 var(--text);-webkit-appearance:none;appearance:none}
.lr-codice input{text-transform:uppercase;letter-spacing:.12em;font-family:var(--display);font-weight:700}
.lr-codice input:focus,.lr-campo input:focus,.lr-quote input:focus,.lr-importo input:focus{outline:none;border-color:var(--rotta);box-shadow:0 0 0 3px rgba(17,120,191,.25)}
.lr-err{margin-top:10px;padding-left:12px;border-left:3px solid var(--rotta);font-weight:700;font-size:.95rem;color:var(--notte)}

/* =====================================================================================================
   UNA LISTA
   ===================================================================================================== */
/* la carta d'imbarco della lista: passeggeri → destinazione */
.lr-imbarco .imbarco__citta b{overflow-wrap:break-word}
.lr-imbarco .imbarco__fine{flex-wrap:wrap}
.lr-viaggio{padding-block:clamp(48px,6vw,96px) 0}
.lr-viaggio__intro{margin-bottom:clamp(36px,4.6vw,64px)}
.lr-viaggio .blocco{max-width:780px}
.lr-chiusa .avviso{margin-inline:auto}
/* i pulsanti dentro un avviso tengono i loro colori (pagine.css colora di blu i link degli avvisi) */
.avviso a.btn{color:#fff;text-decoration:none}
.avviso a.btn--linea,.avviso a.btn--bianco{color:var(--mare)}
@media (hover:hover){ .avviso a.btn--linea:hover,.avviso a.btn--bianco:hover{color:#fff} }
.lr-chiusa__tel{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:14px!important}

/* la vetrina: ogni regalo è una carta d'imbarco */
.lr-vetrina{padding-bottom:clamp(56px,7vw,112px)}
.lr-vetrina__testa{max-width:52rem}
.lr-carte{align-items:stretch}
.lr-pass{transition:box-shadow .25s,transform .35s var(--ease)}
.lr-pass .pass__corpo{gap:12px}
.lr-pass .pass__nota{color:var(--testo)}
.lr-pass__dati div:last-child{min-height:0;padding-right:0}
.lr-pass__dati div:last-child dt{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
.lr-pass__dati dd b{font-weight:700}
.lr-pass__dati .prezzo b{font-size:1.4rem}
.lr-pass.is-scelto{box-shadow:0 0 0 3px var(--rotta),0 30px 50px -30px rgba(7,42,73,.55)}
.lr-pass.is-regalato .pass__foto img,.lr-pass.is-regalato .pass__vuota{opacity:.55}
.lr-pass.is-regalato .pass__tit,.lr-pass.is-regalato .prezzo b{color:var(--testo-2)}
/* il timbro "regalato": un oblò blu inclinato sulla foto */
.lr-timbro{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;border-radius:999px;background:var(--mare);color:#fff;font:700 .95rem/1 var(--display);text-transform:lowercase;box-shadow:0 0 0 3px #fff,0 10px 20px -8px rgba(7,42,73,.6);transform:rotate(-6deg)}
.lr-timbro .ico{width:18px;height:18px;stroke-width:2.8}
.lr-preso{font-size:.95rem;font-weight:600;color:var(--testo-2)}
/* scegliere: un regalo unico si prende con un tocco, uno a quote con meno e più */
.lr-scegli{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;margin-top:4px;padding:10px 18px;border-radius:999px;border:1.5px solid #A9D3EE;background:#fff;color:var(--mare);font:700 1rem/1.2 var(--text);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.lr-scegli input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.lr-scegli__box{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #A9D3EE;transition:background-color .2s,box-shadow .2s}
.lr-scegli__box .ico{width:15px;height:15px;stroke-width:3;opacity:0}
.lr-scegli:has(input:checked),.lr-scegli.is-on{background:var(--rotta);border-color:var(--rotta);color:#fff}
.lr-scegli input:checked+.lr-scegli__box{background:#fff;box-shadow:none}
.lr-scegli input:checked+.lr-scegli__box .ico{opacity:1;color:var(--rotta)}
.lr-scegli:has(input:focus-visible){outline:3px solid var(--rotta);outline-offset:3px}
@media (hover:hover){ .lr-scegli:not(:has(input:checked)):hover{background:var(--brina)} }
.lr-quote{display:grid;gap:8px;margin-top:4px}
.lr-quote label{font-weight:700;font-size:.94rem;color:var(--testo-2)}
.lr-passi{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:8px}
.lr-passi input{text-align:center;font:700 1.3rem/1 var(--display);-moz-appearance:textfield}
.lr-passi input::-webkit-inner-spin-button,.lr-passi input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.lr-passo{display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:50%;border:1.5px solid #A9D3EE;background:#fff;color:var(--mare);font:700 1.5rem/1 var(--display);transition:background-color .2s,color .2s,border-color .2s}
.lr-passo:disabled{opacity:.35;cursor:default}
@media (hover:hover){ .lr-passo:not(:disabled):hover{background:var(--rotta);border-color:var(--rotta);color:#fff} }

/* il contributo libero: un biglietto largo con l'oblò del cielo */
.lr-libero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,3.4vw,52px);max-width:900px;margin-top:clamp(28px,3.4vw,48px);padding:clamp(20px,2.6vw,34px);padding-right:clamp(22px,3vw,44px);border-radius:999px;background:#fff;box-shadow:0 26px 44px -30px rgba(7,42,73,.45),0 0 0 1px rgba(7,42,73,.06)}
.lr-libero__oblo{position:relative;display:block;width:clamp(110px,12vw,150px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#7FD0F4 0%,#3DB1E6 38%,var(--cielo) 100%);box-shadow:0 0 0 6px #fff,0 0 0 7px var(--brina)}
.lr-libero__aereo{position:absolute;left:30%;top:16%;width:44%;height:44%}
.lr-libero__aereo svg{width:100%;height:100%;fill:#fff}
.lr-libero__t{font:700 clamp(1.3rem,2vw,1.7rem)/1.2 var(--display);color:var(--notte)}
.lr-libero__txt>p{margin-top:6px}
.lr-importo{display:grid;gap:8px;max-width:300px;margin-top:16px}
.lr-importo label{font-weight:700;font-size:.94rem;color:var(--testo-2)}
.lr-importo__campo{position:relative}
.lr-importo__campo input{padding-right:46px;font:700 1.3rem/1 var(--display)}
.lr-importo__campo input::placeholder{color:#9DB8CC;font-weight:600;opacity:1}
.lr-importo__campo span{position:absolute;right:18px;top:50%;transform:translateY(-50%);font:700 1.2rem/1 var(--display);color:var(--testo-2);pointer-events:none}
.lr-libero .campo__err,.lr-vetrina .campo__err{margin-top:10px;border-left-color:var(--rotta);color:var(--notte)}
.lr-libero.is-err input{border-color:var(--rotta);border-width:2px}
.lr-libero.is-scelto{box-shadow:0 0 0 3px var(--rotta),0 30px 50px -30px rgba(7,42,73,.55)}
.lr-importante{margin-top:clamp(28px,3.4vw,48px)}
.lr-importante .avviso__ico .ico{width:46%;height:46%;fill:none;stroke:#fff;stroke-width:1.9}
.lr-importante .avviso__t{font-size:1rem;text-transform:lowercase}

/* i dati di chi regala, sulla scena notturna */
.lr-dati__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:clamp(36px,6vw,104px)}
.lr-dati .pista{margin-bottom:0}
.lr-riep{margin-top:clamp(26px,3vw,40px);padding:20px 24px;border-radius:30px;border:1.5px dashed rgba(217,237,250,.45)}
.lr-riep__t{font:700 1.05rem/1.2 var(--display);color:#fff}
.lr-riep__l{display:grid;gap:8px;margin-top:12px}
.lr-riep__l li{display:flex;justify-content:space-between;gap:16px;color:var(--su-notte)}
.lr-riep__l li b{color:#fff;white-space:nowrap}
.lr-riep__vuoto{font-size:.97rem}
.lr-riep__tot{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(217,237,250,.25);font-weight:700}
.lr-riep__tot b{font:700 1.8rem/1 var(--display);color:#fff}
.lr-modulo{align-content:start}
.lr-metodi{min-width:0;margin:0;padding:0;border:0;gap:10px}
.lr-metodi legend{float:left;width:100%;margin-bottom:8px;padding:0;font-weight:700;font-size:.94rem;color:var(--su-notte)}
.lr-metodo{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;min-height:64px;padding:10px 16px 10px 10px;border-radius:20px;border:1.5px solid rgba(217,237,250,.34);background:rgba(3,25,45,.55);color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.lr-metodo input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.lr-metodo__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1)}
.lr-metodo__ico .ico{width:22px;height:22px}
.lr-metodo__t b{display:block;font:700 1.05rem/1.2 var(--display)}
.lr-metodo__t small{display:block;margin-top:2px;font-size:.9rem;line-height:1.35;color:#B9D7EC}
.lr-metodo:has(input:checked),.lr-metodo.is-on{background:#fff;border-color:#fff;color:var(--mare)}
.lr-metodo:has(input:checked) .lr-metodo__ico,.lr-metodo.is-on .lr-metodo__ico{background:var(--rotta);color:#fff}
.lr-metodo:has(input:checked) small,.lr-metodo.is-on small{color:var(--testo-2)}
.lr-metodo:has(input:focus-visible){outline:3px solid #fff;outline-offset:3px}
.lr-metodi.is-err .lr-metodo{border-color:#fff}
.campo .spunta+.campo__err,.lr-metodi .campo__err{margin-top:8px}
.lr-conferma{flex:1 1 100%!important}

/* =====================================================================================================
   DOPO IL REGALO
   ===================================================================================================== */
.lr-esito{padding-bottom:var(--sez)}
.lr-esito__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,5.5vw,88px)}
.lr-biglietto{position:relative;padding:clamp(22px,2.6vw,34px);border-radius:34px;background:#fff;box-shadow:0 34px 60px -36px rgba(7,42,73,.5),0 0 0 1px rgba(7,42,73,.06)}
.lr-biglietto__az{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.lr-biglietto__sopra{font:700 .95rem/1.3 var(--display);color:var(--rotta)}
.lr-voci{display:grid;gap:10px;margin-top:14px}
.lr-voci li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;line-height:1.4}
.lr-voci b{font:700 1.05rem/1.2 var(--display);color:var(--notte);white-space:nowrap}
.lr-biglietto__strappo{position:relative;margin:22px calc(clamp(22px,2.6vw,34px) * -1);border-top:2px dashed #BBDDF3}
.lr-biglietto__strappo::before,.lr-biglietto__strappo::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--nuvola);box-shadow:inset 0 0 0 1px rgba(7,42,73,.06)}
.lr-biglietto__strappo::before{left:-11px}
.lr-biglietto__strappo::after{right:-11px}
.lr-righe{display:grid;gap:12px}
.lr-righe div{display:grid;grid-template-columns:minmax(96px,.42fr) minmax(0,1fr);align-items:baseline;gap:14px}
.lr-righe dt{font-size:.92rem;color:var(--testo-2)}
.lr-righe dd{font:600 1.04rem/1.4 var(--text);color:var(--notte);overflow-wrap:anywhere}
.lr-righe dd small{color:var(--testo-2)}
.lr-righe dd a{color:var(--mare);font-weight:700;text-underline-offset:4px}
.lr-righe__forte{font:700 1.8rem/1.1 var(--display)!important}
.lr-codicione{font:700 1.3rem/1.2 var(--display)!important;letter-spacing:.04em;color:var(--mare)!important}
.lr-righe--copia dd{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px}
.lr-istruzioni .tit{margin-bottom:clamp(18px,2vw,26px)}
.lr-istruzioni .lr-righe{padding:clamp(18px,2.2vw,28px);border-radius:28px;background:#E3F1FA}
.lr-istruzioni .lr-nota{margin-top:16px}
.lr-nota--mail{margin-top:22px}
.lr-nota--mail .ico{display:inline-block;margin-right:8px;vertical-align:-.25em;color:var(--rotta)}
.lr-esito__link{margin-top:18px}
.lr-scelte{display:grid;gap:12px;max-width:420px}
.lr-scelte .btn{justify-content:flex-start}
.lr-scelte__annulla{justify-self:start;min-height:44px;padding:8px 0;border:0;background:none;color:var(--testo-2);font:700 .97rem/1.2 var(--text);text-decoration:underline;text-underline-offset:5px}

/* =====================================================================================================
   AREA FESTEGGIATI
   ===================================================================================================== */
.lr-accesso{padding-bottom:calc(var(--sez) * .9)}
.lr-modulo--uno{grid-template-columns:minmax(0,1fr)}
.lr-modulo__testa{display:grid;gap:8px}
.lr-modulo__t{font:700 clamp(1.4rem,2vw,1.8rem)/1.2 var(--display);color:#fff}
.lr-modulo__testa p{color:var(--su-notte)}
.lr-modulo .modulo__nota a{color:#fff;font-weight:700;text-underline-offset:4px}
.lr-totali{grid-template-columns:minmax(0,1fr) auto auto}
.lr-totali__l{display:flex;flex-wrap:wrap;gap:14px clamp(24px,3.4vw,56px);padding:clamp(20px,2.4vw,32px) clamp(22px,2.6vw,40px)}
.lr-totali__l dt{font-size:.9rem;color:var(--testo-2)}
.lr-totali__l dd b{display:block;font:700 clamp(1.6rem,2.4vw,2.1rem)/1.1 var(--display);color:var(--notte)}
.lr-totali__l dd small{font-size:.9rem;color:var(--testo-2)}
.lr-rotta{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 clamp(22px,2.6vw,40px) clamp(18px,2vw,26px);font:700 .95rem/1.2 var(--display);color:var(--testo-2)}
.lr-rotta__l{position:relative;display:block;height:3px;background:repeating-linear-gradient(90deg,#9CCBEA 0 3px,transparent 3px 9px);border-radius:3px}
.lr-rotta__fatta{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p) * 1%);border-radius:3px;background:var(--rotta)}
.lr-rotta__aereo{position:absolute;left:calc(var(--p) * 1%);top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;color:var(--rotta);transform:rotate(49deg)}
.lr-rotta__aereo svg{width:100%;height:100%;fill:currentColor}
.lr-totali .imbarco__strappo{grid-column:auto}
.lr-scegli-lista{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;color:var(--testo-2);font-weight:600}
.lr-chip{border-color:#A9D3EE;background:#fff;color:var(--mare)}
.lr-chip.is-on{background:var(--rotta);border-color:var(--rotta);color:#fff}
.lr-regali .blocco__testa{margin-bottom:clamp(20px,2.4vw,32px)}
.lr-doni{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
.lr-dono-carta{display:grid;align-content:start;gap:12px;padding:clamp(18px,2vw,26px);border-radius:28px;background:#fff;box-shadow:0 22px 40px -30px rgba(7,42,73,.45),0 0 0 1px rgba(7,42,73,.06)}
.lr-dono-carta--attesa{background:#F8FBFE;box-shadow:inset 0 0 0 1.5px #BBDDF3}
.lr-dono-carta__testa{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px}
.lr-dono-carta__chi b{display:block;font:700 1.15rem/1.25 var(--display);color:var(--notte)}
.lr-dono-carta__chi small{font-size:.9rem;color:var(--testo-2)}
.lr-dono-carta__importo{display:grid;justify-items:end;gap:6px}
.lr-dono-carta__importo b{font:700 1.4rem/1 var(--display);color:var(--notte)}
.lr-dono-carta__voci{display:grid;gap:4px;padding-top:10px;border-top:1px dashed #BBDDF3;font-size:.97rem}
.lr-dono-carta__voci span{color:var(--testo-2);white-space:nowrap}
.lr-dono-carta__msg{margin:0;padding:12px 16px;border-left:3px solid var(--cielo);border-radius:0 16px 16px 0;background:#E3F1FA;font-style:italic;color:var(--notte);overflow-wrap:anywhere}
.lr-regali .lr-nota{margin-top:20px}
.lr-condividi__in{display:grid;grid-template-columns:minmax(0,1.2fr) auto;align-items:center;gap:clamp(32px,6vw,96px)}
.lr-link{margin-top:clamp(20px,2.4vw,30px)}
.lr-link__campo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.lr-link__campo input{width:100%;min-height:54px;margin:0;padding:13px 16px;border-radius:16px;border:1.5px solid rgba(217,237,250,.34);background:rgba(3,25,45,.55);color:#fff;font:400 1rem/1.3 var(--text);text-overflow:ellipsis}
.lr-copia--grande{min-height:54px;margin:0;padding:12px 22px;border:0;font-size:1rem}
.lr-condividi__az{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.lr-qr{display:grid;justify-items:center;gap:12px}
.lr-qr__oblo{display:grid;place-items:center;width:clamp(240px,24vw,300px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 8px rgba(217,237,250,.18),0 0 0 9px rgba(217,237,250,.3)}
.lr-qr__oblo img{width:70%;height:auto}
.lr-qr__az{display:flex;gap:22px}
.lr-vetrina-l{display:grid;gap:10px;max-width:820px}
.lr-vetrina-l li{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding:14px 18px 20px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(7,42,73,.06)}
.lr-vetrina-l__t{font:700 1.05rem/1.3 var(--display);color:var(--notte)}
.lr-vetrina-l__t small{display:block;font:400 .9rem/1.3 var(--text);color:var(--testo-2)}
.lr-vetrina-l__n{color:var(--testo-2)}
.lr-vetrina-l__n b{color:var(--notte)}
.lr-vetrina-l__barra{position:absolute;left:18px;right:18px;bottom:9px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--rotta) calc(var(--c) * 1%),#9CCBEA calc(var(--c) * 1%) calc(var(--p) * 1%),var(--brina) calc(var(--p) * 1%))}
.lr-profilo{padding-top:0}
.lr-profilo__in{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:20px}
.lr-tendina{flex:1 1 420px;max-width:560px;border-radius:26px;background:#fff;box-shadow:0 0 0 1px rgba(7,42,73,.08)}
.lr-tendina summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:10px 22px;font:700 1.08rem/1.2 var(--display);color:var(--notte);cursor:pointer;list-style:none}
.lr-tendina summary::-webkit-details-marker{display:none}
.lr-tendina summary .ico{color:var(--mare);transition:transform .3s var(--ease)}
.lr-tendina[open] summary .ico{transform:rotate(180deg)}
.lr-chiaro{display:grid;gap:14px;padding:4px 22px 22px}
.lr-campo{display:grid;gap:6px}
.lr-campo label{font-weight:700;font-size:.94rem;color:var(--testo-2)}
.lr-campo small{font-weight:400}
.lr-chiaro .btn{justify-self:start}

/* =====================================================================================================
   TELEFONO E TABLET
   ===================================================================================================== */
@media (max-width:1023px){
  .lr-dati__in,.lr-esito__in,.lr-condividi__in{grid-template-columns:1fr}
  .lr-qr{justify-self:start}
  .lr-totali{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lr-totali__l{grid-column:1 / -1}
  .lr-totali .imbarco__strappo{grid-column:1 / -1}
}
@media (max-width:700px){
  .pagina--liste-lista .percorso li:nth-last-child(2){padding-right:50px}
  .pagina--liste-lista .percorso__qui{margin-left:-50px}
  .lr-filtri{grid-template-columns:minmax(0,1fr)}
  .lr-tab .riga{grid-template-columns:44px minmax(0,1fr) auto;row-gap:6px;padding:10px 8px}
  .lr-tab .riga__go{display:none}
  .lr-riga__nome{font-size:1.08rem}
  .lr-porte__in{grid-template-columns:1fr}
  .lr-porta{grid-template-columns:1fr;gap:14px;border-radius:30px;padding:22px}
  .lr-codice{grid-template-columns:1fr}
  .lr-codice .btn,.lr-porta .btn{width:100%}
  .lr-imbarco .imbarco__fine{gap:16px}
  .lr-viaggio{padding-top:40px}
  .lr-pass .pass__foto{aspect-ratio:16/9}
  .lr-modulo .campo--m{grid-column:1 / -1}
  .lr-libero{grid-template-columns:1fr;justify-items:start;gap:16px;border-radius:32px;padding:22px}
  .lr-libero__oblo{width:96px}
  .lr-importo{max-width:none;width:100%}
  .lr-importante{border-radius:32px}
  .lr-riep{padding:18px 20px;border-radius:26px}
  .lr-metodo{min-height:68px}
  .lr-biglietto{border-radius:28px;padding:22px 20px}
  .lr-biglietto__strappo{margin-inline:-20px}
  .lr-biglietto__az .btn{width:100%}
  .lr-righe div{grid-template-columns:1fr;gap:2px}
  .lr-righe .lr-mono{font-size:.86em;letter-spacing:0}
  .lr-modulo .campo label small,.lr-campo label small{font-size:.875rem}
  /* i link dentro un testo e la casella della privacy: l'area che risponde al dito è alta 44 px, le righe non si spostano */
  .lr-righe dd a,.lr-modulo .modulo__nota a,.lr-modulo .spunta a,.lr-nota a{padding-block:12px}
  .lr-modulo .spunta{margin-left:-14px;padding:6px 0 6px 14px}
  .avviso a.btn{padding-block:14px}
  .lr-copia{margin:6px 0 0}
  .lr-righe--copia dd{display:grid;justify-items:start}
  .lr-scelte{max-width:none}
  .lr-scelte .btn{justify-content:center}
  .lr-totali{grid-template-columns:1fr;border-radius:28px}
  .lr-totali__l{display:grid;grid-template-columns:1fr 1fr;padding:20px}
  .lr-totali__l div:nth-child(3){grid-column:1 / -1}
  .lr-rotta{padding:0 20px 18px;gap:10px}
  .lr-doni{grid-template-columns:1fr}
  .lr-dono-carta{border-radius:24px;padding:18px}
  .lr-link__campo{grid-template-columns:1fr}
  .lr-copia--grande,.lr-condividi__az .btn{width:100%}
  .lr-qr{justify-self:center}
  .lr-qr__oblo{width:min(64vw,240px)}
  .lr-tendina{flex-basis:100%}
  .lr-esci,.lr-esci .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){ .lr-pass,.lr-scegli,.lr-passo{transition:none} }

/* =====================================================================================================
   RITOCCHI DI USABILITÀ (seconda versione)
   ===================================================================================================== */
/* nelle pagine delle liste non c'è la barra fissa Chiama/WhatsApp/Preventivo: sotto il piè di pagina non serve lo spazio che le faceva posto (resta solo dove c'è «Fai il tuo regalo») */
@supports selector(:has(*)){ @media (max-width:760px){ body.pagina--liste:not(:has(.azioni)) .piede{padding-bottom:calc(28px + var(--sab))} } }

/* una sfumatura sul bordo di ciò che scorre di lato: dice che c'è altro (la mette tema.js) */
[data-sfuma]{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fx-s,0px),#000 calc(100% - var(--fx-d,0px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fx-s,0px),#000 calc(100% - var(--fx-d,0px)),transparent 100%)}

/* l'anteprima per lo staff */
.lr-anteprima-w{padding-top:18px}
.lr-anteprima{margin:0;padding:14px 18px;border-radius:18px;background:#fff;border:2px dashed var(--rotta);color:var(--notte);line-height:1.5}
.lr-anteprima b{color:var(--rotta)}

/* il bonifico: i dati subito sotto il titolo, e un solo tocco per copiarli tutti */
.lr-istruzioni--sopra{grid-column:1 / -1;max-width:760px}
.lr-copiatutto{margin-top:14px}
.lr-copia--tutto{min-height:48px;margin:0;padding:10px 22px;border:0;background:var(--rotta);color:#fff;font-size:1rem}
.lr-copia--tutto:hover{background:var(--mare)}

/* area festeggiati: due modi per entrare */
.lr-altro{margin-top:18px;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(217,237,250,.18)}
.lr-altro>summary{display:flex;align-items:center;min-height:56px;padding:10px 22px;font:700 1.05rem/1.25 var(--display);color:#fff;cursor:pointer;list-style:none}
.lr-altro>summary::-webkit-details-marker{display:none}
.lr-altro>summary::after{content:"";margin-left:auto;width:10px;height:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .25s}
.lr-altro[open]>summary::after{transform:rotate(-135deg)}
.lr-altro>summary:focus-visible{outline:3px solid #fff;outline-offset:3px}
.lr-altro .modulo{border:0;background:none;padding-top:6px}
.lr-pw{position:relative;display:block}
.lr-pw input{padding-right:104px}
.lr-pw__occhio{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-width:92px;min-height:44px;padding:6px 14px;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font:700 .9rem/1.2 var(--text);cursor:pointer}
.lr-chiaro .lr-pw__occhio{background:var(--brina);color:var(--mare)}
.lr-pw__occhio:focus-visible{outline:3px solid #fff;outline-offset:2px}
.lr-chiaro .lr-pw__occhio:focus-visible{outline-color:var(--rotta)}
.lr-modulo .campo__err,.lr-chiaro .campo__err{margin:0;padding:8px 12px;border-left:3px solid #fff;font-size:.95rem;line-height:1.4;color:#fff;background:rgba(255,255,255,.1);border-radius:0 10px 10px 0}
.lr-chiaro .campo__err{color:var(--notte);border-left-color:var(--rotta);background:#E3F1FA}
.lr-chiaro .is-err input{border-color:var(--rotta);border-width:2px}

/* «Tre cose da fare» al primo ingresso */
.lr-tre-s{padding-bottom:0}
.lr-tre{padding:clamp(20px,2.4vw,30px);border-radius:30px;background:#fff;border:2px solid var(--brina);box-shadow:0 26px 44px -34px rgba(7,42,73,.45)}
.lr-tre__testa{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lr-tre__t{font:700 clamp(1.25rem,1.8vw,1.55rem)/1.2 var(--display);color:var(--notte)}
.lr-tre__chiudi{min-height:44px;padding:8px 16px;border:0;border-radius:999px;background:var(--brina);color:var(--mare);font:700 .92rem/1.2 var(--text);cursor:pointer}
.lr-tre__chiudi:focus-visible{outline:3px solid var(--rotta);outline-offset:2px}
.lr-tre__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px);margin-top:16px}
.lr-tre__l li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.lr-tre__n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--rotta);color:#fff;font:700 1rem/1 var(--display)}
.lr-tre__l b{display:block;font:700 1.05rem/1.25 var(--display);color:var(--notte)}
.lr-tre__l span span,.lr-tre__l div>span{display:block;margin-top:4px;font-size:.97rem;line-height:1.5;color:var(--testo-2)}
.lr-tre__l a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--mare);font-weight:700;text-underline-offset:4px}
.lr-tre__l a .ico{width:1em;height:1em}
.lr-benvenuto{margin-bottom:18px}
.lr-cambio-s{padding-top:0}
.lr-cambio__az{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}

@media (max-width:760px){
  .lr-tre__l{grid-template-columns:1fr;gap:6px}
  .lr-tre{border-radius:26px}
  .lr-cambio__az .btn{width:100%;justify-content:center}
  .lr-copia--tutto{width:100%;justify-content:center}
  .lr-porta__nota a,.lr-anteprima a{padding-block:12px}
  .lr-altro>summary{padding-inline:18px}
}

.lr-tre-s[hidden]{display:none}
.lr-benv-s{padding-block:clamp(22px,3vw,40px) 0}.lr-benv-s+.lr-tre-s{padding-top:clamp(14px,2vw,22px)}