/* stili della prima versione (bel-47), ripresi così come sono */
:root{--fondo:#F4F0EB;--foglio:#FBF9F6;--inchiostro:#2B2420;--testo-tenue:#665A53;--linea:#E2D9D0;
  --tortora:#85746A;--tortora-testo:#6B5D55;--muro-scuro:#4A3F39;--crema:#F7F2EC;--beige:#D8D0C8;
  --moto-sfondo:var(--fondo);--moto-tinta:244,240,235}
[hidden]{display:none!important}
body{font-size:1.0625rem}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.t-sezione{font:400 clamp(1.9rem,2.1vw + 1rem,2.9rem)/1.1 var(--font-titoli);letter-spacing:-.01em;margin:0}
.eti{font:600 .75rem/1.3 var(--font-lettura);letter-spacing:.22em;text-transform:uppercase;color:var(--tortora-testo)}
.bottone{border-radius:999px;font:600 .75rem/1.2 var(--font-lettura);letter-spacing:.16em;text-transform:uppercase;
  padding:16px 26px;transition:background-color .25s,color .25s,box-shadow .25s}
.bottone:hover{background:var(--accento-cupo)}
.bottone--vuoto{background:transparent;color:var(--inchiostro);box-shadow:inset 0 0 0 1px currentColor}
.bottone--vuoto:hover{background:var(--inchiostro);color:var(--foglio)}
.sez-testa{margin-bottom:40px}
.freccia{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:600 .75rem/1.2 var(--font-lettura);
  letter-spacing:.16em;text-transform:uppercase;color:var(--accento-cupo);text-decoration:none}
.freccia:hover span{transform:translateX(4px)}
.freccia span{transition:transform .25s}

/* barra */
.barra{z-index:50;isolation:isolate;transform:translateZ(0);background:rgba(251,249,246,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.barra-riga{min-height:80px}
.logo{min-height:44px;padding-block:7px}
.logo img{height:30px;width:auto}
.barra .nav{gap:4px}
.barra .nav a{font:600 .72rem/1.2 var(--font-lettura);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.barra-dx{gap:20px}

/* hero: la parete beige del centro con i faretti a soffitto */
.eh{position:relative;overflow:hidden;isolation:isolate;min-height:min(86vh,780px);display:grid;align-items:center;
  color:var(--inchiostro);
  background:radial-gradient(ellipse 70% 60% at 50% 0%,#E8E1DA 0%,rgba(232,225,218,0) 70%),linear-gradient(180deg,#DAD2CA 0%,#CBC2B9 100%)}
.eh-faro{position:absolute;top:0;width:min(44vw,600px);height:100%;transform:translateX(-50%);pointer-events:none;z-index:-1}
.eh-faro::before{content:"";position:absolute;inset:0;
  background:conic-gradient(from 156deg at 50% 0,rgba(255,252,247,0) 0deg,rgba(255,252,247,.78) 24deg,rgba(255,252,247,0) 48deg,transparent 48deg);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 90%);
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 90%);filter:blur(12px);
  animation:eh-respiro 7s ease-in-out infinite alternate}
.eh-faro::after{content:"";position:absolute;left:50%;top:-50px;width:260px;height:170px;transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 32%,#fff 0%,rgba(255,250,242,.75) 24%,rgba(255,250,242,0) 68%);filter:blur(4px)}
.eh-faro--1{left:12%}.eh-faro--2{left:73%;width:min(52vw,720px)}.eh-faro--3{left:42%;width:min(34vw,460px)}
.eh-faro--1::before{animation-delay:-2.3s}.eh-faro--3::before{animation-delay:-4.6s}
@keyframes eh-respiro{from{opacity:.78}to{opacity:1}}
@keyframes eh-oscilla{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
@keyframes eh-vaga{0%{transform:translate(-14vw,-4vh)}50%{transform:translate(10vw,12vh)}100%{transform:translate(16vw,-2vh)}}
.eh-luci{position:absolute;inset:0;pointer-events:none;z-index:-1;mix-blend-mode:soft-light;
  --scorre-fari-fondo:transparent;--scorre-fari-1:#FFFFFF;--scorre-fari-2:#F3B8CF;--scorre-fari-velo:.6;
  --scorre-fari-raggio:34%;--scorre-fari-giro:28s;--scorre-fari-tinta:100000s}
.eh-pozza{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse min(36vw,540px) min(26vw,360px) at var(--pozza-x,73%) var(--pozza-y,46%),
    rgba(255,251,246,.92) 0%,rgba(255,251,246,.4) 45%,rgba(255,251,246,0) 78%)}
.eh-3d{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;opacity:0;transition:opacity 1s ease}
.eh.ha-3d .eh-3d{opacity:1}
.eh-marchio{position:absolute;right:6vw;top:50%;width:min(42vw,580px);transform:translateY(-50%);
  filter:drop-shadow(0 12px 10px rgba(60,48,40,.18))}
.eh.ha-3d .eh-marchio{opacity:0;transition:opacity .6s}
.eh-in{position:relative;z-index:1;padding-block:96px 72px;pointer-events:none}
.eh-testo{max-width:560px;display:flex;flex-direction:column;align-items:flex-start;gap:22px;pointer-events:auto}
.eh-aiuto{position:absolute;z-index:1;left:73%;transform:translateX(-50%);white-space:nowrap;bottom:28px;margin:0;pointer-events:none;
  font:600 .68rem/1 var(--font-lettura);letter-spacing:.2em;text-transform:uppercase;color:rgba(43,36,32,.55);transition:opacity .6s}
.eh-aiuto.via{opacity:0}
.eh-eti{margin:0;font:600 .75rem/1.4 var(--font-lettura);letter-spacing:.24em;text-transform:uppercase;color:#54473F}
.eh-titolo{margin:0;font:300 clamp(2.4rem,3.3vw + 1rem,4.2rem)/1.06 var(--font-titoli);letter-spacing:-.015em;text-wrap:balance}
.eh-eti span{display:block}
.eh-eti .eh-sep{display:none}
.eh-citta{white-space:nowrap}
.eh-ruota{margin:0;font-size:1.15rem;line-height:1.5;color:#3E342E}
.eh-ruota [data-solo="ruota"]{font-family:var(--font-titoli);font-weight:600;color:var(--accento-cupo)}
.eh .azioni{gap:12px}
.eh-voto{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#54473F;font-size:.92rem;text-decoration:none}
.eh-voto .stelle{color:var(--accento-cupo);letter-spacing:.12em}

/* trattamenti con slideshow */
.tratt-griglia>*,.pd-riga>*,.ct-griglia>*,.soc-griglia>*{min-width:0}
.tratt-griglia{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px);align-items:start}
.tratt-foto{margin:0;position:sticky;top:110px;aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:var(--linea)}
.tratt-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);
  transition:opacity 1.4s ease,transform 7s linear}
.tratt-foto img:first-child,.tratt-foto img.viva{opacity:1}
.tratt-foto.avviato img:first-child:not(.viva){opacity:0}
.tratt-foto img.viva{transform:scale(1)}
.tratt-punti{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px;z-index:1}
.tratt-punti span{width:22px;height:2px;background:rgba(255,255,255,.55);transition:background .4s}
.tratt-punti span.viva{background:#fff}
.tratt-lista{border-bottom:1px solid var(--linea)}
.tratt-carta{display:grid;grid-template-columns:56px 1fr;gap:4px 20px;padding:30px 0;border-top:1px solid var(--linea)}
.tratt-num{grid-row:span 3;font:400 1rem/1.9 var(--font-titoli);color:var(--accento-cupo)}
.tratt-carta h3{margin:0;font:400 clamp(1.45rem,1vw + 1rem,1.8rem)/1.2 var(--font-titoli)}
.tratt-carta p{margin:6px 0 4px;color:var(--testo-tenue);max-width:52ch}
.tratt-img{display:none}
.tratt-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:12px}
.bottone--bianco{background:#fff;color:var(--inchiostro);box-shadow:inset 0 0 0 1px #CDBFB4;padding:13px 22px;min-height:44px}
.bottone--bianco:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--inchiostro)}
.tratt-link{display:inline-flex;align-items:center;min-height:44px;font:600 .75rem/1.2 var(--font-lettura);letter-spacing:.16em;
  text-transform:uppercase;color:var(--inchiostro);text-decoration:underline;text-decoration-color:#CDBFB4;text-underline-offset:6px}
.tratt-link:hover{text-decoration-color:var(--accento)}

/* carosello di foto allo scroll, solo da telefono */
.giro{display:none}

/* listino */
.listino{background:#EEE8E2;padding-block:clamp(96px,10vw,168px) clamp(64px,7vw,112px)}
.listino .wrap{max-width:1240px}
.listino-testa{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:48px}
.listino-testa p{margin:0}
.listino-testa .t-sezione{font-size:clamp(2.2rem,2.4vw + 1.1rem,3.4rem)}
.lis-tab,.pd-tab{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 40px}
.lis-tab{justify-content:center;gap:10px;margin:0 0 clamp(48px,6vw,80px)}
.lis-tab button,.pd-tab button{min-height:44px;padding:12px 20px;border-radius:999px;border:1px solid var(--linea);background:transparent;
  color:var(--inchiostro);font:600 .72rem/1.2 var(--font-lettura);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;
  transition:background-color .25s,color .25s,border-color .25s}
.lis-tab button{background:transparent;border:1px solid #BFB1A6;padding:13px 22px;min-height:48px;min-width:44px;color:var(--inchiostro)}
.lis-tab button:hover{border-color:var(--inchiostro)}
.lis-tab button[aria-selected="true"]{background:#fff;border-color:var(--inchiostro);box-shadow:0 6px 18px rgba(43,36,32,.08)}
.pd-tab button{background:var(--foglio);border-color:#B9ACA1;color:var(--inchiostro)}
.pd-tab button:hover{border-color:var(--inchiostro);background:#fff}
.pd-tab button[aria-selected="true"]{background:var(--accento);border-color:var(--accento);color:#fff}
.lis-pannello{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(56px,6vw,88px) clamp(56px,8vw,128px);align-items:start}
.lis-pannello:focus-visible{outline-offset:12px}
.lis-gruppo header{display:flex;flex-direction:column;gap:6px;padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid var(--linea)}
.lis-gruppo h3{margin:0;font:400 clamp(1.6rem,1vw + 1.2rem,2rem)/1.15 var(--font-titoli)}
.lis-nota{margin:0;font-size:.82rem;letter-spacing:.04em;color:var(--tortora-testo)}
.lis-voci{list-style:none;margin:0;padding:0}
.lis-voci li{display:flex;align-items:baseline;gap:14px;padding:15px 0}
.lis-nome{flex:0 1 auto;max-width:78%;line-height:1.45}
.lis-punti{flex:1 1 16px;min-width:16px;border-bottom:1px dotted #C2B5AA;transform:translateY(-5px)}
.lis-nome small{display:block;margin-top:3px;font-size:.8rem;color:var(--testo-tenue)}
.lis-p{flex:none;text-align:right;white-space:nowrap;font:400 1.15rem/1 var(--font-titoli);font-variant-numeric:lining-nums tabular-nums}
.lis-col,.lis-gruppo--2 .lis-voci li{display:grid;grid-template-columns:1fr 64px 64px;gap:16px;align-items:baseline}
.lis-gruppo--2 .lis-voci li{border-bottom:1px dotted #D3C8BE;padding:13px 0}
.lis-gruppo--2 .lis-punti{display:none}
.lis-gruppo--2 .lis-nome{max-width:none}
.lis-col{margin:14px 0 4px;font:600 .66rem/1 var(--font-lettura);letter-spacing:.18em;text-transform:uppercase;color:var(--tortora-testo)}
.lis-col span{text-align:right}
.lis-chiedi{margin:16px 0 0;color:var(--testo-tenue);font-size:.95rem}
.lis-gruppo .bottone{margin-top:16px}
.lis-piede{margin:clamp(64px,7vw,96px) 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;
  padding-top:32px;border-top:1px solid var(--linea)}
.lis-piede p{margin:0;color:var(--testo-tenue);max-width:60ch}

/* listino su fucsia, testo bianco */
.listino{background:var(--accento);color:#fff}
.listino .eti,.listino .lis-nota,.listino .lis-nome small,.listino .lis-col,.listino .lis-chiedi,.listino .lis-piede p{color:#fff}
.listino .lis-nota,.listino .lis-nome small,.listino .lis-col{opacity:.85}
.listino :focus-visible{outline-color:#fff}
.lis-tab button{border-color:rgba(255,255,255,.7);color:#fff}
.lis-tab button:hover{border-color:#fff}
.lis-tab button[aria-selected="true"]{background:#fff;border-color:#fff;color:var(--accento-cupo);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.lis-gruppo header{border-bottom-color:rgba(255,255,255,.6)}
.lis-punti{border-bottom-color:rgba(255,255,255,.5)}
.lis-gruppo--2 .lis-voci li{border-bottom-color:rgba(255,255,255,.35)}
.lis-piede{border-top-color:rgba(255,255,255,.35)}
.listino .bottone--vuoto{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
.listino .bottone--vuoto:hover{background:#fff;color:var(--accento-cupo)}
.listino .lis-piede .bottone{background:#fff;color:var(--accento-cupo)}
.listino .lis-piede .bottone:hover{background:var(--crema)}

/* prima e dopo, una categoria alla volta */
.pd-sez{padding-top:clamp(40px,5vw,72px)}
.pd-riga{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,5vw,80px);align-items:center}
.pd-testo{display:flex;flex-direction:column;gap:14px}
.pd-testo p{margin:0}
.pd-tab{margin:12px 0 0}
.pd-lista{--alto:min(600px,70vh);height:var(--alto);display:grid;place-items:center}
.pd{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
.pd-scena{--pos:50%;position:relative;aspect-ratio:var(--r);width:min(100%,calc((var(--alto) - 40px) * var(--r)));
  overflow:hidden;border-radius:2px;background:var(--linea);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}
.pd-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.pd-prima{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.pd-linea{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.3)}
.pd-maniglia{position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;
  background:var(--accento);color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px rgba(43,36,32,.3)}
.pd-maniglia svg{width:26px;height:26px}
.pd-et{position:absolute;top:14px;padding:7px 12px;border-radius:999px;background:rgba(43,36,32,.62);color:#fff;
  font:600 .66rem/1 var(--font-lettura);letter-spacing:.18em;text-transform:uppercase;pointer-events:none}
.pd-et--prima{left:14px}.pd-et--dopo{right:14px}
.pd-range{position:absolute;left:0;right:0;bottom:0;width:100%;height:44px;margin:0;opacity:0;pointer-events:none}
.pd-scena:has(.pd-range:focus-visible) .pd-maniglia{outline:3px solid #fff;outline-offset:3px}

/* marchi */
.marchi{background:var(--foglio);padding:clamp(80px,9vw,136px) 0}
.marchi-testa{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:clamp(40px,5vw,64px)}
.marchi-testa p{margin:0}
.marchi .solo-fila{display:flex;align-items:center}
.marchi img{height:clamp(34px,3.2vw,50px);width:auto;max-width:230px;object-fit:contain;margin-inline:clamp(36px,5vw,84px);
  filter:brightness(0);opacity:.55;transition:opacity .3s}
.marchi img:hover{opacity:.85}

/* il centro: tre file di istantanee che scorrono con la pagina (dal Wanderlust) */
.ista{padding:clamp(80px,9vw,136px) 0 clamp(72px,8vw,120px);background:var(--fondo);overflow:hidden}
.ista .gal-testa{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 32px;margin-bottom:40px}
.ista .gal-testa p{margin:0}
.ista-finestra{display:flex;flex-direction:column;gap:14px;padding-bottom:43vh;margin-bottom:-43vh}
.ista .scorre-binario{--scorre-passo:14px;padding-inline:20px}
.ista figure{margin:0;flex:none;width:calc((100vw - 40px - 3 * 14px) / 4);aspect-ratio:1/1;border-radius:4px;overflow:hidden;background:var(--linea)}
.ista img{width:100%;height:100%;object-fit:cover;display:block}

/* recensioni */
.rec{background:var(--foglio)}
.rec-testa{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px;margin-bottom:32px}
.rec-voto{display:flex;align-items:center;gap:18px;margin:10px 0 0}
.rec-num{font:300 clamp(3.2rem,3vw + 2rem,4.6rem)/1 var(--font-titoli)}
.rec-voto .stelle{color:var(--accento);letter-spacing:.12em}
.rec-fila{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,6.667vw,96px);
  padding:4px clamp(20px,6.667vw,96px) 40px;scrollbar-width:thin}
.rec-carta{flex:0 0 min(84vw,420px);scroll-snap-align:start;margin:0;padding:32px;background:#fff;
  border:1px solid var(--linea);border-radius:2px;box-shadow:0 14px 30px rgba(43,36,32,.07),0 2px 6px rgba(43,36,32,.04);display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.rec-carta blockquote{margin:0}
.rec-carta p{margin:0;white-space:pre-line;font-size:1rem;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:6;line-clamp:6;overflow:hidden}
.rec-carta.aperta p{-webkit-line-clamp:unset;line-clamp:unset;display:block}
.rec-altro{align-self:flex-start;min-height:44px;padding:0;border:0;background:none;cursor:pointer;color:var(--accento-cupo);
  font:600 .72rem/1.2 var(--font-lettura);letter-spacing:.16em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}
.rec-carta figcaption{font:600 .72rem/1.3 var(--font-lettura);letter-spacing:.16em;text-transform:uppercase;color:var(--tortora-testo)}

/* apre: la reception che si allarga fino a schermo pieno, con la scritta al centro */
.apre-sez{--scorre-corsa:170vh;--scorre-corsa-mobile:160vh;background:var(--fondo)}
.apre-sez .scorre-fermo{--h:calc(100vw * 643 / 1360 + 64px);height:var(--h);top:max(0px,calc((100svh - var(--h)) / 2))}
.apre-sez .scorre-quadro{position:relative;height:auto;aspect-ratio:1360/643}
.apre-velo{position:absolute;inset:0;background:rgba(43,36,32,.42);opacity:var(--apre-v,0);pointer-events:none}
.apre-testo{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:24px 8vw;text-align:center;
  color:#fff;opacity:var(--apre-t,0);transform:translateY(calc((1 - var(--apre-t,0)) * 24px))}
.apre-frase{margin:0;max-width:22ch;font:300 clamp(1.7rem,1.8vw + 1rem,2.8rem)/1.2 var(--font-titoli);letter-spacing:-.01em;text-shadow:0 3px 24px rgba(0,0,0,.4)}

/* contatti */
.ct-griglia{display:grid;grid-template-columns:4fr 8fr;grid-template-areas:"b m" "o m";gap:48px clamp(32px,6vw,96px);align-items:start}
.ct-blocco{grid-area:b;display:flex;flex-direction:column;gap:18px}
.ct-orari{grid-area:o;display:flex;flex-direction:column;gap:10px}
.ct-orari p{margin:0}
.ct-stato{font:400 1.6rem/1.2 var(--font-titoli)}
.ct-mappa{grid-area:m;align-self:stretch;position:relative;border-radius:2px;overflow:hidden;background:var(--linea);min-height:560px}
.ct-mappa iframe{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;border:0}
.soc-alto{margin:0;width:100%;max-width:560px;height:auto;min-height:640px;margin-inline:auto;border-radius:4px;overflow:hidden;background:var(--linea)}
.soc-alto img{width:100%;height:100%;object-fit:cover}
.indirizzo{font:400 clamp(1.6rem,1.4vw + 1rem,2.2rem)/1.2 var(--font-titoli)}
.ct-tel{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.ct-tel a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid var(--linea)}
.ct-tel a:hover{border-color:var(--inchiostro)}
.ct-tel span{color:var(--testo-tenue);margin-right:10px;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
.ct-griglia .azioni{gap:12px}

/* social: Facebook e Instagram subito visibili */
.soc{background:var(--foglio)}
.soc-testa{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px;margin-bottom:32px}
.soc-testa p{margin:0}
.soc-testa .azioni{gap:12px}
.soc-griglia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.soc-griglia iframe{position:relative;z-index:0;display:block;width:100%;max-width:560px;height:640px;margin-inline:auto;border:0;border-radius:4px;background:var(--fondo)}

/* footer più alto, poi l'insegna in 3D a tutta larghezza */
.foot{background:var(--accento);color:#fff;padding:clamp(72px,8vw,120px) 0 0;overflow:hidden}
.foot .wrap{gap:40px}
.foot-riga{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.foot-riga p{margin:0;font:400 clamp(1.5rem,1.2vw + 1rem,2rem)/1.2 var(--font-titoli)}
.foot-colonne{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:8px 16px;border-top:1px solid rgba(255,255,255,.35)}
.foot-colonne h3{margin:24px 0 10px;font:600 .72rem/1.3 var(--font-lettura);letter-spacing:.2em;text-transform:uppercase;color:#fff}
.foot-colonne p{margin:0;line-height:1.5}
.foot-colonne a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.foot .tenue{color:#fff}
.foot a{color:#fff}
.foot p.tenue a{display:inline-flex;align-items:center;min-height:44px}
.foot .social a{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.foot-marchio{opacity:.2;display:block;width:calc(100% - 2 * clamp(20px,6.667vw,96px));max-width:none;height:auto;margin:clamp(48px,6vw,88px) auto clamp(28px,3vw,48px)}

/* WhatsApp fisso in basso a destra (dal Wanderlust), col marchio su fucsia */
.cta-avatar{position:fixed;right:clamp(16px,2.5vw,32px);bottom:clamp(16px,3vw,40px);z-index:61;display:block;width:72px;height:72px;
  text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.cta-avatar:hover{transform:translateY(-3px)}
.cta-avatar-foto{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--accento);
  box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(46,36,29,.12),0 14px 34px rgba(20,14,10,.28)}
.cta-avatar-foto img{width:78%;height:auto}
.cta-avatar-punto{position:absolute;top:-4px;right:-4px;width:26px;height:26px;border-radius:50%;background:#25d366;color:#fff;
  display:grid;place-items:center;box-shadow:0 0 0 3px var(--crema)}
.cta-avatar-punto::before{content:'';position:absolute;inset:-3px;border-radius:50%;border:2px solid #25d366;opacity:0;animation:pulsa 2.4s ease-out infinite}
@keyframes pulsa{0%{transform:scale(.7);opacity:.9}70%{transform:scale(1.7);opacity:0}100%{transform:scale(1.7);opacity:0}}

@media (max-width:1080px){
  .barra .nav{display:none}
  .eh{min-height:min(100svh,840px);align-items:end}
  .eh-in{padding-block:clamp(260px,46vh,440px) 44px}
  .eh-marchio{right:auto;left:50%;top:22%;width:min(84vw,560px);transform:translate(-50%,-50%)}
  .eh-faro--2{left:50%}
  .eh-aiuto{left:0;right:0;transform:none;text-align:center;bottom:auto;top:calc(22% + 70px);font-size:.62rem}
}
@media (max-width:980px){
  .tratt-griglia,.pd-riga,.ct-griglia{grid-template-columns:1fr}
  .ct-griglia{grid-template-areas:"b" "o" "m"}
  .tratt-foto{position:relative;top:0;aspect-ratio:16/11}
  .soc-griglia{grid-template-columns:1fr}
  .foot-colonne{grid-template-columns:1fr}
}
@media (max-width:780px){
  .barra-riga{min-height:68px}
  /* hero da telefono: schermo pieno sotto la barra, testo al centro, solo luci */
  .eh{height:calc(100svh - 69px);min-height:calc(100svh - 69px);align-items:center;text-align:center}
  .eh-in{padding-block:24px}
  .eh-testo{align-items:center;margin-inline:auto}
  .eh-3d,.eh-marchio,.eh-aiuto,.eh-voto{display:none}
  /* le parole che cambiano occupano tutta la riga e stanno al centro: niente tagli */
  .eh-ruota [data-solo="ruota"]{display:grid;justify-items:center;width:100%!important;margin:6px 0 0}
  .eh .azioni{justify-content:center}
  .eh-faro::before{transform-origin:50% 0;animation:eh-respiro 5s ease-in-out infinite alternate,eh-oscilla 7s ease-in-out infinite alternate}
  .eh-faro--1::before{animation-duration:5s,8.5s}.eh-faro--3::before{animation-duration:5s,6.2s}
  .eh-faro--1{left:10%}.eh-faro--3{left:90%}
  .eh-pozza{inset:auto;left:-20vw;top:8%;width:140vw;height:70%;
    background:radial-gradient(closest-side,rgba(255,251,246,.9),rgba(255,251,246,.35) 55%,rgba(255,251,246,0));
    animation:eh-vaga 11s ease-in-out infinite alternate}
  .eh-luci{--scorre-fari-velo:.85;--scorre-fari-giro:16s}
  /* cosa facciamo: niente slideshow, il titolo resta sotto la barra finché scorre la lista */
  .tratt-foto{display:none}
  .tratt .sez-testa{position:sticky;top:68px;z-index:5;background:var(--fondo);margin:0 calc(-1 * clamp(20px,6.667vw,96px)) 0;
    padding:16px clamp(20px,6.667vw,96px) 14px;border-bottom:1px solid var(--linea)}
  /* trattamenti: card da sfogliare con immagine, titolo, descrizione e le due CTA in basso */
  .tratt-lista{display:flex;gap:12px;overflow-x:auto;border-bottom:0;scrollbar-width:none;
    margin-inline:calc(-1 * clamp(20px,6.667vw,96px));padding:20px clamp(20px,6.667vw,96px) 12px;scroll-padding-inline:clamp(20px,6.667vw,96px)}
  .tratt-lista::-webkit-scrollbar{display:none}
  .tratt-carta{flex:0 0 80vw;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;padding:0 0 18px;border:1px solid var(--linea);
    border-radius:8px;background:#fff;overflow:hidden}
  .tratt-carta.moto-entra{opacity:1!important;transform:none!important}
  .tratt-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:10px}
  .tratt-num{display:none}
  .tratt-carta h3,.tratt-carta p,.tratt-carta .tratt-cta{margin-inline:18px}
  .tratt-carta p{margin-block:0 6px;font-size:.98rem}
  .tratt-carta .tratt-cta{margin-top:auto;padding-top:6px}
  .giro{display:block;padding:8px 0 56px}
  .giro-fila{display:flex;gap:10px;overflow-x:auto;padding-inline:20px;scroll-padding-inline:20px;scrollbar-width:none;overscroll-behavior-x:contain}
  .giro-fila::-webkit-scrollbar{display:none}
  .giro-fila.libera,.tratt-lista.libera,.rec-fila.libera{scroll-snap-type:x mandatory}
  .rec-fila{scroll-snap-type:none}
  .giro figure{flex:none;margin:0;width:72vw;aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:var(--linea);scroll-snap-align:start}
  .giro img{width:100%;height:100%;object-fit:cover}
  /* listino: testa e pulsanti restano sotto la barra; i pulsanti stanno in fila e si scorrono, «Mani e piedi» per primo */
  .listino{padding-block:0 72px}
  .solo-largo{display:none}
  .lis-fermo{position:sticky;top:68px;z-index:5;background:var(--accento);margin:0 calc(-1 * clamp(20px,6.667vw,96px)) 28px;
    padding:16px clamp(20px,6.667vw,96px) 14px;border-bottom:1px solid rgba(255,255,255,.3)}
  .lis-pannello{position:relative;z-index:1}
  .listino-testa{align-items:flex-start;text-align:left;gap:4px;margin-bottom:12px}
  .listino-testa .t-sezione{font-size:clamp(1.9rem,2.1vw + 1rem,2.9rem)}
  .lis-tab{flex-wrap:nowrap;justify-content:flex-start;gap:8px;margin:0 calc(-1 * clamp(20px,6.667vw,96px));
    padding:2px clamp(20px,6.667vw,96px) 4px;overflow-x:auto;scrollbar-width:none}
  .lis-tab::-webkit-scrollbar{display:none}
  .lis-tab button{flex:none;padding:11px 18px;min-height:44px}
  .lis-tab button[data-tab="mani-piedi"]{order:-1}
  /* «Ti aspettiamo» da telefono non c'è */
  .apre-sez{display:none}
  /* prima e dopo: stessa altezza per tutti, tagliati al centro */
  .pd-lista{height:auto}
  .pd-scena{aspect-ratio:4/3!important;width:100%!important}
  .ct-mappa{min-height:340px}
  .soc-alto{height:360px}
  .logo img{height:22px}
  .barra .bottone{padding:12px 18px;min-height:44px}
  .eh-titolo{font-size:clamp(2.1rem,9.4vw,2.8rem)}
  .eh-faro--1,.eh-faro--3{width:70vw}
  .eh-faro--2{width:92vw}
  .listino-testa{grid-template-columns:1fr}
  .pd-tab{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * clamp(20px,6.667vw,96px));
    padding-inline:clamp(20px,6.667vw,96px)}
  .pd-tab::-webkit-scrollbar{display:none}
  .pd-tab button{flex:none}
  .pd-lista{--alto:min(480px,62vh)}
  .ista figure{width:calc((100vw - 40px - 10px) / 2)}
  .ista figure:nth-child(n+4){display:none}
  .ista .scorre-binario{--scorre-passo:10px}
  .soc-griglia iframe{height:560px}
  .marchi img{height:30px}
  .cta-avatar{width:62px;height:62px}
}
@media (prefers-reduced-motion:reduce){
  .eh-faro::before,.cta-avatar-punto::before{animation:none}
  .tratt-foto img{transition:none;transform:none}
  .eh-3d,.eh-marchio{transition:none}
  .eh-faro::before,.eh-pozza{animation:none!important}
}

/* ═══ Home v2 (19/10/2026) · fedele al Figma «Home v2» computer 586:512 e telefono 589:532 ═══ */
:root{--accento:#C81E66;--accento-cupo:#8E1447;--fondo:#F4EFE9;--foglio:#FAF7F2;--inchiostro:#241D1A;--testo-tenue:#6E625B;
  --linea:#E2D9D0;--scuro:#1E1815;--scuro-2:#2A211D;--moto-sfondo:var(--fondo);--moto-tinta:244,239,233}
body{background:var(--fondo);color:var(--inchiostro)}
.eti{margin:0;font:600 .72rem/1.3 var(--font-lettura);letter-spacing:.22em;text-transform:uppercase;color:var(--accento)}
.eti--chiara{color:#E58BB2}.eti--bianca{color:#fff}
.bottone{background:var(--accento);color:#fff}
.bottone:hover{background:var(--accento-cupo)}
.bottone--vuoto{background:transparent;color:var(--inchiostro);box-shadow:inset 0 0 0 1px var(--inchiostro)}
.bottone--vuoto:hover{background:var(--inchiostro);color:#fff}
.solo-stretto{display:none}

/* barra: computer logo · menu al centro · Prenota; telefono solo «Menu» */
.barra2{position:fixed;inset:0 0 auto;z-index:50;color:#fff;border-bottom:1px solid rgba(255,255,255,.28);transition:background-color .35s,color .35s,border-color .35s}
.barra2-riga{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:96px}
.barra2-logo img{height:30px;width:auto;display:block}
.barra2 .logo-scuro{display:none}
.barra2-nav{display:flex;gap:36px}
.barra2-nav a{color:inherit;text-decoration:none;font:600 .72rem/1 var(--font-lettura);letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;min-height:44px}
.barra2-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.barra2-solo-menu{display:none!important}
.barra2-prenota{justify-self:end}
.barra2-menu{display:none}
.barra2.piena{background:rgba(250,247,242,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--inchiostro);border-bottom-color:var(--linea)}
.barra2.piena .logo-chiaro{display:none}.barra2.piena .logo-scuro{display:block}

/* 01 apertura */
.ap{position:relative;min-height:100svh;display:grid;align-items:end;color:#fff;overflow:hidden;isolation:isolate;background:var(--scuro)}
.ap-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ap-velo{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(30,24,21,.4) 0%,rgba(30,24,21,.12) 40%,rgba(30,24,21,.6) 100%)}
.ap-in{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-block:120px 64px}
.ap-marchio{display:none}
.ap-sotto{margin:0;font:400 1rem/1.5 var(--font-lettura);text-shadow:0 2px 14px rgba(0,0,0,.35)}
.ap-ingressi{display:grid;grid-template-columns:repeat(2,380px);gap:24px}
.ap-ingresso{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 28px;border:1px solid rgba(255,255,255,.4);border-radius:4px;
  background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-decoration:none;transition:background-color .3s,border-color .3s}
.ap-ingresso:hover{background:rgba(255,255,255,.15);border-color:#fff}
.ap-eti{font:600 .66rem/1.2 var(--font-lettura);letter-spacing:.2em;text-transform:uppercase}
.ap-logo{height:18px;width:auto}
.ap-ghalko{height:20px;width:auto}
.ap-cta{font:300 clamp(1.4rem,1vw + 1rem,1.8rem)/1.2 var(--font-titoli);white-space:nowrap}
.ap-cta .solo-largo,.ap-cta .solo-stretto{display:inline}
@media (min-width:781px){.ap-cta .solo-stretto{display:none}}
@media (max-width:780px){.ap-cta .solo-largo{display:none}}

/* 02 offerta */
.offerta{display:flex;justify-content:center;align-items:center;gap:22px;min-height:56px;padding:12px 20px;background:var(--accento);color:#fff;text-decoration:none;
  font:400 .78rem/1.4 var(--font-lettura);letter-spacing:.12em}
.offerta-tit{font-weight:500;text-transform:uppercase;letter-spacing:.16em}
.offerta:hover .offerta-cta{text-decoration:underline;text-underline-offset:5px}

/* 03 manifesto: frase a sinistra, foto a destra con «tenda», voti sotto */
.manif{padding-block:clamp(96px,10vw,150px)}
.manif-riga{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"eti foto" "frase foto" "voti foto";column-gap:clamp(40px,6vw,96px);align-items:start}
.manif-eti{grid-area:eti}
.manif-frase{grid-area:frase;margin:24px 0 64px;font:300 clamp(2.2rem,2.6vw + 1rem,3.6rem)/1.2 var(--font-titoli);letter-spacing:-.01em}
.manif-frase em{font-style:italic;color:var(--accento)}
.manif-foto{grid-area:foto;margin:0;aspect-ratio:320/420;overflow:hidden;border-radius:2px}
.manif-foto img{width:100%;height:100%;object-fit:cover;display:block}
.manif-voti{grid-area:voti;display:flex;gap:64px}
.manif-voti a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--testo-tenue);font-size:.82rem}
.manif-num{font:300 2.8rem/1 var(--font-titoli);color:var(--inchiostro)}
.manif-voti .stelle{color:var(--testo-tenue);letter-spacing:.06em}

/* 04 trattamenti: fondo scuro («tinta») e schede in «pila» */
.tratt2{background:var(--scuro);color:#fff;padding:clamp(96px,8vw,120px) 0 clamp(40px,5vw,80px)}
.tratt2-testa{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:64px}
.tratt2-titolo{margin:10px 0 0;font:300 clamp(2.6rem,3.6vw + 1rem,4.75rem)/1.05 var(--font-titoli);letter-spacing:-.015em}
.tratt2-sotto{margin:0 0 12px;max-width:30ch;font-size:.95rem;color:rgba(255,255,255,.6)}
.tratt2-pila{--scorre-quota:max(110px,13vh);--scorre-stacco:28vh;--scorre-coda:42vh}
.sv-scheda{display:grid;grid-template-columns:1fr 1fr;height:min(500px,68vh);border-radius:6px;background:var(--fondo);color:var(--inchiostro);transform-origin:50% 0;
  box-shadow:0 -10px 40px rgba(0,0,0,.25)}
.sv-foto{position:relative;overflow:hidden;background:#3a302b}
.sv-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sv-testo{display:flex;flex-direction:column;justify-content:flex-start;gap:16px;padding:70px 60px 48px}
.sv-num{font:400 1.1rem/1 var(--font-titoli);color:var(--accento)}
.sv-testo h3{margin:0;font:300 clamp(2rem,1.5vw + 1.2rem,2.75rem)/1.1 var(--font-titoli)}
.sv-testo p{margin:12px 0 0;color:var(--testo-tenue);max-width:30em;font-size:1.06rem;line-height:1.55}
.sv-cta{display:flex;align-items:center;gap:22px;margin-top:auto}
.sv-link{display:inline-flex;align-items:center;min-height:44px;font:600 .74rem/1.2 var(--font-lettura);letter-spacing:.14em;text-transform:uppercase;color:var(--inchiostro);text-decoration:none}
.sv-link:hover{text-decoration:underline;text-underline-offset:6px}
.sv-link--fx{color:var(--accento)}
.sv-scheda--punta{height:min(560px,74vh);background:var(--scuro-2);color:#fff;box-shadow:0 0 0 1.5px var(--accento),0 -10px 40px rgba(0,0,0,.3)}
.sv-scheda--punta .sv-testo{padding:64px 64px 56px;gap:10px}
.sv-scheda--punta .sv-testo p{color:rgba(255,255,255,.72)}
.sv-ghalko{width:220px;height:auto;margin-bottom:12px}
.sv-eti{margin:0!important;font:600 .7rem/1.3 var(--font-lettura)!important;letter-spacing:.2em;text-transform:uppercase;color:#E58BB2!important}
.sv-passi{list-style:none;margin:20px 0 0;padding:0;display:flex;gap:28px}
.sv-passi li{display:flex;flex-direction:column;gap:6px;font-size:.82rem;max-width:12ch;line-height:1.35}
.sv-passi span{font:400 1.75rem/1 var(--font-titoli);color:var(--accento)}

/* 05 listino: categorie a sinistra, prezzi a destra, sul fucsia («tinta») */
.lis2{background:var(--accento);color:#fff;padding:clamp(96px,9vw,130px) 0}
.lis2-riga{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,96px);align-items:start}
.lis2-titolo{margin:16px 0 40px;font:300 clamp(2.4rem,2.6vw + 1rem,3.6rem)/1.15 var(--font-titoli);letter-spacing:-.01em;max-width:11ch}
.lis2-tab{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.lis2-tab button{display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:0;border:0;background:none;cursor:pointer;color:rgba(255,255,255,.62);
  font:300 1.25rem/1.2 var(--font-titoli);text-align:left;transition:color .25s}
.lis2-tab button:hover{color:#fff}
.lis2-punto{width:14px;height:14px;border-radius:50%;background:#fff;opacity:0;flex:none;transition:opacity .25s}
.lis2-tab button[aria-selected="true"]{color:#fff}
.lis2-tab button[aria-selected="true"] .lis2-punto{opacity:1}
.lis2-voci{list-style:none;margin:0;padding:0}
.lis2-voci li{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:80px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.35)}
.lis2-nome{font-size:1.05rem;line-height:1.4}
.lis2-nome small{display:block;font-size:.8rem;opacity:.8;margin-top:2px}
.lis2-p{flex:none;text-align:right;font:400 1.45rem/1.2 var(--font-titoli);color:#fff;text-decoration:none;white-space:nowrap}
a.lis2-p{font:600 .72rem/1.2 var(--font-lettura);letter-spacing:.14em;text-transform:uppercase}
.lis2-voci .lis2-gruppo{min-height:0;padding:36px 0 10px;flex-direction:column;align-items:flex-start;gap:2px;font:400 1.35rem/1.2 var(--font-titoli)}
.lis2-voci .lis2-gruppo small{font:400 .78rem/1.3 var(--font-lettura);opacity:.8}
.lis2-pan:not(.tutto) .lis2-oltre{display:none}
.lis2-tutto{margin-top:28px;padding:0;min-height:44px;border:0;background:none;cursor:pointer;color:#fff;font:600 .74rem/1.2 var(--font-lettura);letter-spacing:.14em;text-transform:uppercase;
  text-decoration:underline;text-underline-offset:6px}
.lis2 :focus-visible{outline-color:#fff}

/* 06 prima e dopo: titolo, categorie, confronto largo */
.pd2{padding-top:clamp(96px,8vw,120px)}
.pd2-titolo{margin:14px 0 22px;font:300 clamp(2.4rem,2.8vw + 1rem,4rem)/1.1 var(--font-titoli);letter-spacing:-.01em}
.pd2 .pd-tab{margin:0 0 32px}
.pd2 .pd-tab button{background:transparent;border-color:var(--inchiostro)}
.pd2 .pd-tab button[aria-selected="true"]{background:var(--accento);border-color:var(--accento);color:#fff}
.pd2 .pd-lista{height:auto;display:block}
.pd2 .pd{align-items:flex-start}
.pd2 .pd-scena{width:min(100%,calc(500px * var(--r)));aspect-ratio:var(--r);margin:0;border-radius:4px}
.pd2 .pd-scena.largo{width:100%;aspect-ratio:2.4}
.pd-nota{margin:16px 0 0;font-size:.85rem;color:var(--testo-tenue)}

/* 07 marchi: «nastro» */
.marchi2{background:var(--foglio);padding:clamp(80px,7vw,96px) 0 clamp(72px,7vw,96px);overflow:hidden}
.marchi2-titolo{margin:10px 0 0;font:300 clamp(2rem,1.6vw + 1.2rem,2.75rem)/1.1 var(--font-titoli)}
.marchi2-finestra{margin-top:56px}
.marchi2-fila{align-items:center;gap:clamp(48px,6vw,96px)}
.marchi2 img{height:clamp(34px,3.4vw,52px);width:auto;max-width:220px;object-fit:contain;filter:grayscale(1) brightness(.45);opacity:.75}

/* 08 chi siamo */
.rosa-riga{display:grid;grid-template-columns:500px minmax(0,1fr);gap:clamp(40px,6vw,80px);align-items:start}
.rosa-foto{margin:0;aspect-ratio:500/620;overflow:hidden;border-radius:2px}
.rosa-foto img{width:100%;height:100%;object-fit:cover;display:block}
.rosa-testo{display:flex;flex-direction:column;gap:20px;padding-top:40px;max-width:560px}
.rosa-testo p{margin:0}
.rosa-titolo{margin:0;font:300 clamp(2.4rem,2.6vw + 1rem,4rem)/1.1 var(--font-titoli)}
.rosa-frase{margin:56px 0 0;font:300 italic clamp(1.4rem,.8vw + 1rem,1.75rem)/1.4 var(--font-titoli);color:var(--accento)}

/* 09 il centro */
.ista{background:var(--fondo)}
.ista .gal-testa{align-items:flex-start}
.ista-titolo{margin:10px 0 0;max-width:15ch;font:300 clamp(2.4rem,2.6vw + 1rem,3.5rem)/1.1 var(--font-titoli)}
.ista .gal-testa p{max-width:34ch;margin-top:40px!important}

/* 10 recensioni: «pista» */
.rec2{background:var(--foglio)}
.rec2{padding-block:clamp(96px,8vw,120px)}
.rec2-in{display:flex;flex-direction:column;gap:48px}
.rec2-testa{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;width:100%}
.rec2 .rec-voto{display:flex;align-items:center;gap:18px;margin:14px 0 0}
.rec2 .rec-num{font:300 clamp(3.4rem,3vw + 2rem,4.6rem)/1 var(--font-titoli)}
.rec2 .stelle{color:var(--accento);letter-spacing:.12em;font-size:1.2rem}
.rec2 .freccia{color:var(--inchiostro);text-decoration:underline;text-underline-offset:6px}
.rec2-fila .solo-fila{gap:24px;padding:4px 0 24px;align-items:stretch}
.rec2 .rec-carta{flex:0 0 380px}

/* 11 domande */
.faq-riga{display:grid;grid-template-columns:minmax(0,1fr) 680px;gap:clamp(40px,6vw,96px);align-items:start}
.faq-titolo{margin:14px 0 0;font:300 clamp(2.4rem,2.6vw + 1rem,4rem)/1.15 var(--font-titoli);max-width:8ch}
.faq-altre{margin:14px 0 0;max-width:34ch;font-size:.92rem}
.faq-altre a{color:inherit}
.faq-voce{border-bottom:1px solid var(--linea)}
.faq-voce summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:74px;cursor:pointer;list-style:none;
  font:400 clamp(1.1rem,.5vw + 1rem,1.35rem)/1.3 var(--font-titoli)}
.faq-voce summary::-webkit-details-marker{display:none}
.faq-voce summary span{font:300 1.4rem/1 var(--font-lettura);color:var(--accento);transition:transform .3s}
.faq-voce[open] summary span{transform:rotate(45deg)}
.faq-voce p{margin:-8px 0 22px;color:var(--testo-tenue);font-size:.95rem;max-width:56ch}

/* 13 dove siamo: testo e Google Maps, sotto la vista dei parcheggi */
.dove{background:#fff}
.dove-riga{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"testo gmap" "mappa mappa";gap:56px clamp(40px,5vw,80px);align-items:start}
.dove-testo{grid-area:testo;display:flex;flex-direction:column;gap:12px}
.dove-testo p{margin:0}
.dove-via{margin:10px 0 0;font:300 clamp(2.6rem,3vw + 1rem,4.4rem)/1.05 var(--font-titoli)}
.dove-tel a{text-decoration:none;color:inherit}
.dove-testo .azioni{gap:10px;margin-top:14px}
.dove-gmap{grid-area:gmap;position:relative;min-height:440px;border-radius:4px;overflow:hidden;background:var(--linea)}
.dove-gmap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dove-mappa{grid-area:mappa;margin:0}
.dove-mappa-quadro{display:block;overflow:hidden;border-radius:4px}
.dove-mappa img{display:block;width:100%;height:auto}
.dove-mappa figcaption{margin-top:14px;font-size:.88rem;color:var(--testo-tenue)}
.dove-mappa strong{color:var(--inchiostro);font-weight:600}

/* 13b calendario delle aperture (anteprima, non collegato) */
.cal2{background:var(--fondo)}
.cal2-testa{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 48px;margin-bottom:40px}
.cal2-testa p.tenue{margin:0;max-width:44ch}
.cal2-titolo{margin:12px 0 0;font:300 clamp(2.4rem,2.6vw + 1rem,4rem)/1.1 var(--font-titoli)}
.cal2-box{background:#fff;border-radius:6px;padding:clamp(24px,3vw,40px)}
.cal-nav{display:none}
.cal-mesi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
.cal-mese h4{margin:0 0 14px;font:400 1.5rem/1 var(--font-titoli)}
.cal-griglia{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;font-variant-numeric:tabular-nums;font-size:.9rem}
.cal-griglia b{font:600 .66rem/1 var(--font-lettura);letter-spacing:.08em;color:var(--testo-tenue);padding-bottom:4px}
.cal-griglia span{padding:9px 0;border-radius:3px}
.cal-griglia .turno{background:#F8E3EC;color:var(--accento-cupo);font-weight:600}
.cal-griglia .chiuso{background:#EEE8E2;color:#A0948B;text-decoration:line-through}
.cal-griglia .oggi{box-shadow:inset 0 0 0 1.5px var(--inchiostro)}
.cal-legenda{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:.85rem}
.cal-legenda li{display:flex;align-items:center;gap:8px}
.cal-seg{width:14px;height:14px;border-radius:3px;display:inline-block}
.cal-seg--aperto{box-shadow:inset 0 0 0 1px var(--linea);background:#fff}
.cal-seg--turno{background:#F8E3EC}
.cal-seg--chiuso{background:#EEE8E2}
.cal-nota{margin:14px 0 0;font-size:.75rem;color:var(--testo-tenue)}

/* 14 novità: la pagina Facebook vera */
.novita-riga{display:grid;grid-template-columns:minmax(0,1fr) 500px;grid-template-areas:"testa fb" "social fb";column-gap:clamp(40px,5vw,96px);align-items:start}
.novita-testa{grid-area:testa}
.novita-titolo{margin:14px 0 0;font:300 clamp(2.4rem,2.6vw + 1rem,4rem)/1.1 var(--font-titoli)}
.novita-testa p{margin:28px 0 0;max-width:40ch}
.novita-social{grid-area:social;gap:12px;margin-top:40px}
.novita-fb{grid-area:fb;width:100%;max-width:500px}
.novita-fb iframe{display:block;width:100%;height:640px;border:0;border-radius:4px;background:#fff}

/* 15 piede: colonne, legale, logotipo grande in fondo (computer); logotipo in alto (telefono) */
.foot2{background:var(--accento);color:#fff;padding:56px 0 40px}
.foot2-in{display:flex;flex-direction:column}
.foot2-colonne{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.foot2 h3{margin:0 0 14px;font:500 .68rem/1.3 var(--font-lettura);letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.foot2 p{margin:0;line-height:1.75}
.foot2 a{color:#fff;text-decoration:none}
.foot2 a:hover{text-decoration:underline}
.foot2-righe{display:none}
.foot2-legale{margin-top:48px!important;font-size:.72rem;opacity:.85}
.foot2-marchio{display:block;width:100%;height:auto;margin-top:56px}

@media (max-width:1100px){
  .ap-ingressi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rosa-riga{grid-template-columns:2fr 3fr}
  .faq-riga{grid-template-columns:1fr 1.6fr}
  .novita-riga{grid-template-columns:1fr 1.3fr}
}
@media (max-width:780px){
  .solo-largo{display:none}.solo-stretto{display:inline}
  /* barra: solo «Menu»; il marchio arriva con «insegna» */
  .barra2-riga{grid-template-columns:1fr auto;min-height:68px}
  .barra2{border-bottom:0}
  .barra2-logo{opacity:var(--logo-v,0)}
  .barra2-prenota{display:none}
  .barra2-menu{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer;
    font:600 .78rem/1 var(--font-lettura);letter-spacing:.16em;text-transform:uppercase}
  .barra2-nav{display:none;position:fixed;inset:68px 0 auto;flex-direction:column;gap:0;padding:12px 24px 24px;background:var(--foglio);color:var(--inchiostro);box-shadow:0 16px 30px rgba(0,0,0,.12)}
  .barra2.aperta .barra2-nav{display:flex}
  .barra2.aperta{background:var(--foglio);color:var(--inchiostro)}
  .barra2.aperta .logo-chiaro{display:none}.barra2.aperta .logo-scuro{display:block}
  .barra2-nav a{min-height:52px;border-bottom:1px solid var(--linea);font-size:.8rem}
  .barra2-solo-menu{display:inline-flex!important;color:var(--accento)!important}
  .barra2-logo img{height:24px}
  /* apertura */
  .ap{align-items:stretch}
  .ap-in{align-items:stretch;text-align:left;padding-block:265px 24px;min-height:100svh;gap:0}
  .ap-marchio{display:block;align-self:center;width:340px;max-width:88vw;height:auto;will-change:transform}
  .ap-sotto{margin:auto 0 0;font-size:1rem;line-height:1.55}
  .ap-sep{display:none}.ap-citta{display:block}
  .ap-ingressi{grid-template-columns:1fr;gap:14px;width:100%;margin-top:14px}
  .ap-ingresso{padding:18px 20px;text-align:left}
  .ap-logo{display:none}
  .offerta{flex-wrap:wrap;column-gap:6px;row-gap:2px;min-height:65px}
  .offerta-sep{display:none}
  .offerta-tit{flex-basis:100%;text-align:center;font-size:.7rem}
  /* manifesto */
  .manif{padding-block:64px}
  .manif-riga{grid-template-columns:1fr;grid-template-areas:"eti" "frase" "foto" "voti"}
  .manif-frase{margin:18px 0 24px;font-size:1.95rem}
  .manif-foto{aspect-ratio:342/260}
  .manif-voti{gap:40px;margin-top:24px}
  .manif-num{font-size:2.6rem}
  /* trattamenti */
  .tratt2{padding-top:64px}
  .tratt2-testa{display:block;margin-bottom:24px}
  .tratt2-titolo{font-size:2.75rem}
  .tratt2-sotto{display:none}
  .sv-scheda,.sv-scheda--punta{grid-template-columns:1fr;height:auto;box-shadow:none}
  .sv-scheda--punta{box-shadow:0 0 0 1.5px var(--accento)}
  .sv-scheda--punta .sv-foto{order:-1}
  .sv-foto{aspect-ratio:342/230}
  .sv-testo,.sv-scheda--punta .sv-testo{padding:18px 18px 20px;gap:8px}
  .sv-scheda:not(.sv-scheda--punta){background:#fff}
  .sv-scheda:not(.sv-scheda--punta) .sv-testo{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline}
  .sv-scheda:not(.sv-scheda--punta) .sv-testo>*:not(.sv-num):not(h3){grid-column:1/-1}
  .sv-scheda:not(.sv-scheda--punta) .sv-num{font-size:.9rem}
  .sv-testo h3{font-size:1.75rem}
  .sv-testo p{font-size:.9rem;margin-top:0}
  .sv-cta{margin-top:6px;gap:16px}
  .sv-link{font-size:.64rem}
  .sv-ghalko{width:170px;margin-bottom:4px}
  .sv-passi{flex-direction:column;gap:6px;margin-top:6px}
  .sv-passi li{flex-direction:row;align-items:center;gap:10px;max-width:none;font-size:.88rem}
  .sv-passi span{font-size:1.1rem}
  /* listino: categorie in pillole che vanno a capo */
  .lis2{padding-block:64px}
  .lis2-riga{grid-template-columns:1fr;gap:20px}
  .lis2-titolo{font-size:2rem;margin:12px 0 22px;max-width:none}
  .lis2-tab{flex-direction:row;flex-wrap:wrap;gap:8px}
  .lis2-tab button{min-height:38px;padding:9px 15px;border:1px solid rgba(255,255,255,.9);border-radius:999px;color:#fff;
    font:600 .68rem/1 var(--font-lettura);letter-spacing:.1em;text-transform:uppercase}
  .lis2-tab button[aria-selected="true"]{background:#fff;color:var(--accento)}
  .lis2-punto{display:none}
  .lis2-voci li{min-height:74px}
  .lis2-nome{font-size:.92rem}
  .lis2-p{font-size:1.25rem}
  /* prima e dopo */
  .pd2{padding-top:64px}
  .pd2-titolo{font-size:2rem}
  .pd2 .pd-tab{flex-wrap:wrap;overflow:visible;margin:0 0 20px;padding:0}
  .pd2 .pd-scena,.pd2 .pd-scena.largo{width:100%;aspect-ratio:342/171}
  .pd2 .pd-scena.alto{aspect-ratio:3/4}
  /* marchi */
  .marchi2{padding-block:56px}
  .marchi2-titolo{font-size:2rem}
  .marchi2-finestra{margin-top:28px}
  .marchi2-fila{gap:36px}
  .marchi2 img{height:34px}
  /* chi siamo */
  .rosa-riga{grid-template-columns:1fr;gap:18px}
  .rosa-foto{aspect-ratio:342/400}
  .rosa-testo{padding-top:0;gap:16px}
  .rosa-titolo{font-size:2.4rem}
  .rosa-frase{margin-top:8px;font-size:1.3rem}
  /* il centro */
  .ista-titolo{font-size:2rem}
  .ista .gal-testa p{margin-top:0!important}
  /* recensioni */
  .rec2-in{gap:20px}
  .rec2{padding-block:64px}
  .rec2-testa{flex-direction:column;align-items:flex-start}
  .rec2 .rec-carta{flex:0 0 290px}
  /* domande */
  .faq-riga{grid-template-columns:1fr;gap:8px}
  .faq-titolo{font-size:2.4rem;max-width:none}
  .faq-altre{display:none}
  /* dove siamo */
  .dove-riga{grid-template-columns:1fr;grid-template-areas:"testo" "gmap" "mappa";gap:24px}
  .dove-via{font-size:2.8rem}
  .dove-testo .azioni{flex-direction:column;align-items:flex-start}
  .dove-gmap{min-height:300px}
  /* calendario: un mese alla volta */
  .cal2-testa{display:block;margin-bottom:20px}
  .cal2-testa p.tenue{margin-top:12px}
  .cal2-titolo{font-size:2.3rem}
  .cal2-box{padding:20px 16px}
  .cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font:400 1.3rem/1 var(--font-titoli)}
  .cal-nav button{border:0;background:none;padding:0;min-height:44px;min-width:44px;font:400 1.5rem/1 var(--font-titoli);cursor:pointer;color:inherit}
  .cal-nav button:disabled{opacity:.25;cursor:default}
  .cal-mesi{grid-template-columns:1fr}
  .cal-mese{display:none}.cal-mese.vista{display:block}
  .cal-mese h4{display:none}
  .cal-griglia{gap:5px}
  .cal-legenda{flex-direction:column;gap:8px;margin-top:20px}
  /* novità */
  .novita-riga{grid-template-columns:1fr;grid-template-areas:"testa" "fb" "social"}
  .novita-titolo{font-size:2.2rem}
  .novita-testa p{margin-top:14px}
  .novita-fb{margin-top:24px;max-width:none}
  .novita-fb iframe{height:560px}
  .novita-social{margin-top:24px}
  /* piede */
  .foot2{padding:24px 0 28px}
  .foot2-colonne{display:none}
  .foot2-righe{display:block;font-size:.9rem}
  .foot2-legale{margin-top:20px!important}
}
@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.ap-video{display:none}.ap{background:var(--scuro) url("video/apertura-poster0.webp") center/cover}}


/* ═══ Revisione 19/10 sera (note di Andrea sul sito) ═══ */
:root{--notte:#2B2321}
/* barra: tema scuro quando è piena, marchio sempre bianco; Prenota con l'icona di WhatsApp */
.barra2.piena{background:var(--notte);color:#fff;border-bottom-color:rgba(255,255,255,.12);-webkit-backdrop-filter:none;backdrop-filter:none}
.barra2.piena .logo-chiaro{display:block}.barra2.piena .logo-scuro{display:none}
.barra2-prenota{display:inline-flex;align-items:center;gap:9px}
.ico-wa{width:16px;height:16px;flex:none}
/* WhatsApp fisso: all'inizio allineato a Prenota e agli ingressi, poi scivola nell'angolo */
.cta-avatar{transition:right .9s cubic-bezier(.22,1,.36,1),bottom .9s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}
/* offerta su tema scuro */
.offerta{background:var(--notte)}
/* trattamenti su sabbia, schede bianche tranne GHALKO */
.tratt2{background:var(--fondo);color:var(--inchiostro)}
.tratt2 .eti--chiara{color:var(--accento)}
.tratt2-sotto{color:var(--testo-tenue)}
.sv-scheda{background:#fff;box-shadow:0 -6px 30px rgba(43,35,33,.10),0 2px 6px rgba(43,35,33,.05)}
.sv-scheda--punta{background:var(--scuro-2);box-shadow:0 0 0 1.5px var(--accento),0 -6px 30px rgba(43,35,33,.18)}
.tratt2-pila{--scorre-stacco:44vh;--scorre-coda:55vh}
/* listino: categorie in alto come pulsanti, prezzi in una finestra che scorre */
.lis2-riga{grid-template-columns:1fr;gap:0}
.lis2-testa{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 48px}
.lis2-titolo{max-width:none;margin:14px 0 0}
.lis2-tab{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:10px;margin:32px 0 28px}
.lis2-tab button{min-height:46px;padding:12px 22px;border:1.5px solid rgba(255,255,255,.85);border-radius:999px;color:#fff;
  font:600 .74rem/1 var(--font-lettura);letter-spacing:.12em;text-transform:uppercase;transition:background-color .25s,color .25s}
.lis2-tab button:hover{background:rgba(255,255,255,.14)}
.lis2-tab button[aria-selected="true"]{background:#fff;color:var(--accento);border-color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.14)}
.lis2-punto{display:none}
.lis2-pan{position:relative}
.lis2-finestra{max-height:430px;overflow-y:auto;overscroll-behavior:contain;padding:0 28px;border-radius:8px;background:rgba(0,0,0,.08);
  box-shadow:inset 0 10px 18px -10px rgba(0,0,0,.35),inset 0 -14px 22px -12px rgba(0,0,0,.35);
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 70px),rgba(0,0,0,.15) 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 70px),rgba(0,0,0,.15) 100%);
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.6) transparent}
.lis2-pan:not(.lis2-pan--lungo) .lis2-finestra{-webkit-mask-image:none;mask-image:none}
.lis2-pan.tutto .lis2-finestra{max-height:none;-webkit-mask-image:none;mask-image:none}
.lis2-voci li{min-height:60px;padding:10px 0}
.lis2-nome{font-size:.95rem}
.lis2-p{font-size:1.15rem}
.lis2-voci li:last-child{border-bottom:0}
.lis2-tutto{display:inline-flex;align-items:center;gap:10px;margin-top:20px;text-decoration:none;font-size:.74rem}
.lis2-tutto-segno{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px solid #fff;font:400 1.2rem/1 var(--font-lettura)}
.lis2-tutto:hover .lis2-tutto-testo{text-decoration:underline;text-underline-offset:5px}
/* prima e dopo: testo a sinistra, confronto quadrato a destra; le foto stanno intere, il resto è la stessa foto sfocata */
.pd2-riga{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,96px);align-items:center}
.pd2-testo .pd-tab{margin:8px 0 0}
.pd2-sotto{margin:0 0 20px;max-width:34ch}
.pd2 .pd-lista{display:block}
.pd2 .pd-scena,.pd2 .pd-scena.largo,.pd2 .pd-scena.alto{width:100%;aspect-ratio:1/1;max-height:none;border-radius:6px}
.pd-sfondo{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(26px) saturate(1.05) brightness(.92);pointer-events:none}
.pd2 .pd-img{object-fit:contain}
/* marchi: più piccoli e più distanziati */
.marchi2-fila{gap:clamp(90px,10vw,150px)}
.marchi2 img{height:clamp(24px,2.1vw,32px);max-width:160px}
/* novità: testo e reel a sinistra, pagina Facebook a destra */
.novita-riga{grid-template-columns:minmax(0,1fr) 500px;grid-template-areas:"testa fb";align-items:start}
.reel{margin-top:40px}
.reel-testa{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.reel-social{gap:10px;margin:0}
.reel-frecce{display:flex;gap:8px}
.reel-frecce button{width:46px;height:46px;border-radius:50%;border:1px solid var(--inchiostro);background:transparent;color:var(--inchiostro);font:400 1.3rem/1 var(--font-titoli);cursor:pointer;transition:background-color .2s,color .2s}
.reel-frecce button:hover{background:var(--inchiostro);color:#fff}
.reel-frecce button:disabled{opacity:.3;cursor:default;background:transparent;color:var(--inchiostro)}
.reel-fila{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}
.reel-fila::-webkit-scrollbar{display:none}
.reel-carta{flex:0 0 190px;margin:0;scroll-snap-align:start}
.reel-video{position:relative;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:var(--scuro)}
.reel-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel-carta figcaption{margin-top:10px;font-size:.84rem;line-height:1.4;color:var(--inchiostro)}
/* piede più alto; il marchio grande sotto le informazioni */
.foot2{padding:clamp(96px,10vw,150px) 0 clamp(72px,8vw,120px)}
.foot2-marchio{margin-top:clamp(72px,8vw,120px)}

@media (max-width:1100px){.novita-riga{grid-template-columns:1fr 400px}.pd2-riga{grid-template-columns:1fr 1fr}}
@media (max-width:780px){
  /* apertura: marchio al centro dello schermo, ingressi a due terzi per lasciare posto a WhatsApp */
  .ap-marchio{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:340px;max-width:86vw;height:auto;align-self:auto;z-index:1}
  .ap-in{padding-block:0 24px;justify-content:flex-end}
  .ap-sotto{margin:0}
  .ap-ingressi{width:66.666%;min-width:236px}
  .ap-ingresso{padding:14px 16px}
  .ap-cta{font-size:1.25rem;white-space:normal}
  .ap-eti{font-size:.58rem;letter-spacing:.16em}
  .barra2.aperta{background:var(--notte);color:#fff}
  .barra2.aperta .logo-chiaro{display:block}.barra2.aperta .logo-scuro{display:none}
  .barra2-nav{background:var(--notte);color:#fff}
  .barra2-nav a{border-bottom-color:rgba(255,255,255,.14)}
  .barra2-solo-menu{color:#F3A8C8!important}
  .tratt2{background:var(--fondo)}
  .sv-scheda:not(.sv-scheda--punta){background:#fff}
  .lis2-testa{grid-template-columns:1fr}
  .lis2-tab{margin:20px 0 18px;gap:8px}
  .lis2-tab button{min-height:40px;padding:10px 15px;font-size:.66rem}
  .lis2-finestra{max-height:380px;padding:0 16px}
  .lis2-p{font-size:1.05rem}
  .lis2-nome{font-size:.88rem}
  .pd2-riga{grid-template-columns:1fr;gap:20px}
  .pd2-sotto{display:none}
  .marchi2-fila{gap:64px}
  .marchi2 img{height:24px}
  .novita-riga{grid-template-columns:1fr;grid-template-areas:"testa" "fb"}
  .reel-carta{flex-basis:44vw}
  .reel-frecce button{width:40px;height:40px}
  .reel-social .bottone{padding:12px 16px}
  .novita-fb{margin-top:32px}
  .foot2{padding:72px 0 56px}
  .foot2-marchio{order:0;margin:48px 0 0}
}
.lis2-testa{display:block}
.marchi2 .solo-fila.marchi2-fila{gap:clamp(90px,10vw,150px);align-items:center}
.marchi2 .solo-fila img{height:clamp(22px,2vw,30px);width:auto;max-width:150px}
@media (max-width:780px){.marchi2 .solo-fila.marchi2-fila{gap:64px}.marchi2 .solo-fila img{height:22px}}
@media (max-width:780px){
  .barra2-prenota{display:none}
  .ap-cta{font-size:1.12rem;white-space:nowrap}
}
.novita-riga>*,.novita-testa,.reel{min-width:0}
@media (max-width:780px){.novita-riga{grid-template-columns:minmax(0,1fr)}}
@media (max-width:780px){
  .pd2 .pd-scena{aspect-ratio:1/1!important;width:100%!important}
  .reel-social{flex-direction:row!important;flex-wrap:nowrap}
}


/* ═══ Revisione 19/10 notte ═══ */
/* computer: barra piena chiara, contenuto scuro; telefono: resta scura */
@media (min-width:781px){
  .barra2.piena{background:rgba(250,247,242,.95);color:var(--inchiostro);border-bottom-color:var(--linea);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .barra2.piena .logo-chiaro{display:none}.barra2.piena .logo-scuro{display:block}
}
/* pulsanti chiari: sempre su fondo bianco */
.bottone--vuoto{background:#fff}
.bottone--vuoto:hover{background:var(--inchiostro);color:#fff}
/* listino: categorie a pillola, ferme in alto per tutta la sezione */
.lis2-tab{position:sticky;top:96px;z-index:4;margin:28px calc(-1 * clamp(20px,8.333vw,120px)) 22px;padding:14px clamp(20px,8.333vw,120px);background:var(--accento)}
.lis2-tab button .solo-stretto{display:none}
.lis2-finestra{transition:max-height .65s cubic-bezier(.22,1,.36,1)}
.lis2-pan.tutto .lis2-finestra{max-height:430px}
.lis2-tutto-segno svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;fill:none;display:block}
.lis2-tutto-segno{line-height:0}
.lis2-tutto-segno .lis2-v{transition:transform .35s;transform-origin:center}
.lis2-tutto.aperto .lis2-v{transform:scaleY(0)}
/* chi siamo (Rosa) su fondo bianco come i marchi */
.rosa{background:var(--foglio)}
/* il centro: foto più grandi */
.ista figure{width:calc((100vw - 40px - 2 * 14px) / 3.2)}
/* «Ti aspettiamo»: niente banda sotto la foto aperta */
.apre-sez .scorre-fermo{--h:calc(100vw * 643 / 1360)}
/* reel: si trascinano col mouse */
.reel-fila{cursor:grab}
.reel-fila.trascina{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}

@media (max-width:780px){
  /* apertura: marchio un po' più in alto e più largo, velo più scuro */
  .ap-marchio{top:24svh;bottom:auto;margin:0 auto;width:88vw;max-width:none}
  .ap-velo{background:linear-gradient(180deg,rgba(30,24,21,.55) 0%,rgba(30,24,21,.38) 40%,rgba(30,24,21,.72) 100%)}
  /* trattamenti: il titolo resta fermo, ogni scheda riempie il resto dello schermo */
  .tratt2{--tt:96px}
  .tratt2-testa{position:sticky;top:68px;z-index:6;height:var(--tt);box-sizing:border-box;margin:0 calc(-1 * clamp(20px,6.667vw,96px));padding:14px clamp(20px,6.667vw,96px) 10px;background:var(--fondo)}
  .tratt2-titolo{font-size:2.6rem}
  .tratt2-pila{--scorre-coda:6vh}
  .tratt2-pila[data-scorre="pila"] .sv-scheda{position:sticky;top:calc(68px + var(--tt) + 6px);margin-bottom:12vh;
    display:flex;flex-direction:column;height:calc(100svh - 68px - var(--tt) - 18px);overflow:hidden}
  .tratt2-pila[data-scorre="pila"] .sv-scheda:last-child{margin-bottom:0}
  .sv-foto{aspect-ratio:auto;flex:1 1 0;min-height:110px}
  .sv-testo,.sv-scheda--punta .sv-testo{flex:none}
  /* listino: due righe di pillole, ferme sotto la barra */
  .lis2-tab{top:68px;flex-wrap:wrap;gap:7px;margin:18px calc(-1 * clamp(20px,6.667vw,96px)) 16px;padding:10px clamp(20px,6.667vw,96px)}
  .lis2-tab button{min-height:36px;padding:9px 12px;font-size:.62rem;letter-spacing:.07em;white-space:nowrap}
  .lis2-tab button .solo-largo{display:none}.lis2-tab button .solo-stretto{display:inline}
  .lis2-pan.tutto .lis2-finestra{max-height:380px}
  /* il centro: foto grandi, file che si spostano col dito e con la pagina */
  .ista figure{width:64vw}
  .ista figure:nth-child(n+4){display:block}
  .ista .scorre-binario{width:auto!important;overflow-x:auto;transform:none!important;scroll-snap-type:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .ista .scorre-finestra{overflow:visible}
  .ista .scorre-binario::-webkit-scrollbar{display:none}
  .reel-fila{cursor:auto}
}


/* ═══ Revisione 19/10 · prova sul telefono vero ═══ */
.pd2 .pd-tab .solo-stretto{display:none}
/* manifesto: fondo suo, leggermente diverso da «Prima e dopo»; foto intera, senza tenda */
.manif{background:#EBE2D8}
.manif-riga{grid-template-areas:"frase foto" "voti foto"}
.manif-frase{margin-top:0}
@media (max-width:780px){
  .manif-riga{grid-template-areas:"frase" "foto" "voti"}
  .manif-frase em{display:block}
  /* prima e dopo: categorie su due righe */
  .pd2 .pd-tab{gap:7px}
  .pd2 .pd-tab button{min-height:36px;padding:9px 12px;font-size:.62rem;letter-spacing:.07em;white-space:nowrap}
  .pd2 .pd-tab .solo-largo{display:none}.pd2 .pd-tab .solo-stretto{display:inline}
}
@media (max-width:780px){.pd2 .pd-tab button .solo-largo{display:none}.pd2 .pd-tab button .solo-stretto{display:inline}}

/* ═══ Revisione 19/10 · trattamenti, file che si trascinano, novità ═══ */
:root{--margine:clamp(20px,6.667vw,96px);--rientro:calc(max(0px,(100vw - 1440px) / 2) + var(--margine))}
/* trattamenti: il titoletto è un elemento a sé */
.tratt2-eti{margin:0}
.tratt2-testa .tratt2-titolo{margin-top:10px}
/* file che scorrono da sole e si trascinano (marchi, recensioni) */
.auto-fila{overflow-x:auto;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.auto-fila::-webkit-scrollbar{display:none}
.auto-fila.trascina{cursor:grabbing}
.auto-binario{display:flex;width:max-content}
.marchi2 .auto-binario.marchi2-fila{gap:clamp(90px,10vw,150px);align-items:center;padding-inline:var(--rientro)}
.marchi2 .auto-binario img{height:clamp(22px,2vw,30px);width:auto;max-width:150px;pointer-events:none}
.rec2-fila .auto-binario{gap:24px;padding:4px var(--rientro) 24px;align-items:stretch}
.rec2-fila .rec-carta{flex:0 0 380px;user-select:none}
/* novità: testo e pagina Facebook in alto, i video sotto fino al bordo destro dello schermo */
.novita-riga{grid-template-columns:minmax(0,1fr) 500px;grid-template-areas:"testa fb";align-items:start}
.novita-testa .reel-social{margin-top:32px}
.novita-fb-eti{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:600 .74rem/1.3 var(--font-lettura);letter-spacing:.1em;text-transform:uppercase;color:var(--inchiostro)}
.novita-fb-eti svg{width:18px;height:18px;color:#1877F2;flex:none}
.reel{margin-top:clamp(56px,6vw,88px)}
.reel-testa{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.reel-titolo{margin:0;font:300 clamp(1.6rem,1vw + 1.2rem,2.1rem)/1.1 var(--font-titoli)}
.reel-fila{padding:0 0 6px var(--rientro);scroll-padding-left:var(--rientro);gap:16px}
.reel-fila::after{content:"";flex:0 0 1px}
.reel-carta{flex:0 0 220px}
@media (max-width:1100px){.novita-riga{grid-template-columns:1fr 400px}}
@media (max-width:780px){
  /* trattamenti: resta fermo solo il titoletto; spazio fra titoletto e schede; niente ombre */
  .tratt2{--tt:44px}
  .tratt2-testa{position:static;height:auto;margin:6px 0 18px;padding:0;background:none}
  .tratt2-eti{position:sticky;top:68px;z-index:6;height:var(--tt);box-sizing:border-box;display:flex;align-items:center;
    margin:0 calc(-1 * var(--margine));padding:0 var(--margine);background:var(--fondo)}
  .tratt2-pila[data-scorre="pila"] .sv-scheda{top:calc(68px + var(--tt) + 14px);height:calc(100svh - 68px - var(--tt) - 30px)}
  .sv-scheda{box-shadow:none;border:1px solid var(--linea)}
  .sv-scheda--punta{box-shadow:none;border:1.5px solid var(--accento)}
  .sv-ghalko-testo{display:none}
  /* novità */
  .novita-riga{grid-template-columns:minmax(0,1fr);grid-template-areas:"testa" "fb"}
  .novita-testa .reel-social{margin-top:20px}
  .novita-fb{margin-top:28px}
  .reel{margin-top:48px}
  .reel-carta{flex-basis:46vw}
  .rec2-fila .rec-carta{flex-basis:290px}
  .marchi2 .auto-binario.marchi2-fila{gap:64px}
  .marchi2 .auto-binario img{height:22px}
}

/* listino: il nome della categoria in cima alla finestra, scorre con i prezzi */
.lis2-voci li.lis2-cat{display:block;min-height:0;padding:26px 0 14px;border-bottom:1px solid rgba(255,255,255,.55)}
.lis2-cat h3{margin:0;font:300 clamp(1.6rem,1vw + 1.2rem,2.1rem)/1.15 var(--font-titoli);color:#fff}
@media (max-width:780px){.lis2-voci li.lis2-cat{padding:18px 0 10px}.lis2-cat h3{font-size:1.55rem}}

/* video: da computer finiscono sotto le frecce, con una sfumatura sul taglio a destra */
@media (min-width:781px){
  .reel-fila{margin-right:var(--rientro);
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 110px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 110px),transparent 100%)}
  .reel-fila.alla-fine{-webkit-mask-image:none;mask-image:none}
}

/* il centro: file che si trascinano anche da computer, foto più piccole */
.ista .scorre-binario{width:auto!important;overflow-x:auto;transform:none!important;scroll-snap-type:none;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}
.ista .scorre-binario::-webkit-scrollbar{display:none}
.ista .scorre-binario.trascina{cursor:grabbing}
.ista .scorre-binario img{pointer-events:none;-webkit-user-drag:none}
.ista figure{width:clamp(200px,17vw,270px)}
@media (max-width:780px){.ista figure{width:64vw}}

/* il centro: foto un po' più grandi da computer; si aprono in galleria */
.ista figure{width:clamp(240px,21vw,320px);cursor:zoom-in}
.ista .scorre-binario{cursor:grab}
@media (max-width:780px){.ista figure{width:64vw}}
.ista figure:focus-visible{outline:2px solid var(--accento);outline-offset:3px}
html.lb-aperta{overflow:hidden}
.lb{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(30,24,21,.94);padding:56px 72px}
.lb[hidden]{display:none}
.lb-quadro{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lb-quadro img{max-width:min(1100px,100%);max-height:calc(100svh - 160px);width:auto;height:auto;border-radius:4px;object-fit:contain}
.lb-quadro figcaption{color:rgba(255,255,255,.85);font-size:.9rem;text-align:center}
.lb button{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.25);color:#fff;font:300 1.8rem/1 var(--font-titoli);cursor:pointer}
.lb button:hover{background:#fff;color:var(--inchiostro)}
.lb-chiudi{top:18px;right:18px}
.lb-su{left:18px;top:50%;transform:translateY(-50%)}
.lb-giu{right:18px;top:50%;transform:translateY(-50%)}
.lb-conta{position:absolute;top:28px;left:24px;margin:0;color:rgba(255,255,255,.7);font-size:.8rem;letter-spacing:.12em}
@media (max-width:780px){.lb{padding:64px 12px}.lb-su,.lb-giu{top:auto;bottom:18px;transform:none;width:46px;height:46px}.lb-su{left:calc(50% - 56px)}.lb-giu{right:calc(50% - 56px)}.lb-quadro img{max-height:calc(100svh - 200px)}}
.ista .scorre-finestra{overflow:hidden}
.ista .scorre-binario{display:flex;align-items:center;gap:14px}
.ista .scorre-binario>*{flex:none}
@media (max-width:780px){.ista .scorre-binario{gap:10px}}

/* listino: arrivati in fondo (o in cima) ai prezzi, la rotella torna a scorrere la pagina */
.lis2-finestra{overscroll-behavior:auto}
/* novità: al posto del riquadro di Facebook (vuoto per chi non è collegato) un feed con la stessa misura.
   Nel sito WordPress lo sostituisce un plugin gratuito per il feed della Pagina (Easy Social Feed, ripiego Custom Facebook Feed) dentro .novita-fb */
.fbf{display:flex;flex-direction:column;height:640px;background:#fff;border:1px solid rgba(43,35,33,.12);border-radius:4px;overflow:hidden}
.fbf-testa{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(43,35,33,.1)}
.fbf-testa img{width:44px;height:44px;border-radius:50%;flex:none}
.fbf-testa div{display:flex;flex-direction:column;min-width:0}
.fbf-testa strong{font:600 .92rem/1.3 var(--font-lettura);color:var(--inchiostro)}
.fbf-testa span{font-size:.8rem;color:var(--testo-tenue)}
.fbf-lista{flex:1;overflow-y:auto;overscroll-behavior:auto;padding:0 16px}
.fbf-post{padding:16px 0;border-bottom:1px solid rgba(43,35,33,.1)}
.fbf-post:last-child{border-bottom:0}
.fbf-post p{margin:0 0 12px;font-size:.92rem;line-height:1.5}
.fbf-post img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.fbf-post a{display:inline-block;margin-top:10px;font-size:.82rem;color:var(--inchiostro)}
.fbf-pagina{margin:0;border-radius:0;justify-content:center;width:100%}
@media (max-width:780px){.fbf{height:560px}}

/* 21/10/2026, correzioni del cliente sulla home v2: tortora chiaro con testo scuro per la scheda GHALKO e il listino;
   manifesto sullo stesso tortora, rosa pieno (senza «rivela»). Contrasti su #DDD1C4: inchiostro 10,2 · #5A4F49 5,3 · #A8165A 4,8 */
:root{--tortora-chiaro:#DDD1C4;--tortora-testo2:#5A4F49;--accento-su-tortora:#A8165A}
.sv-scheda--punta{background:var(--fondo);color:var(--inchiostro)}   /* 21/10 sera: il fondo di «Le sale e le cabine» */
.sv-scheda--punta .sv-testo p{color:var(--tortora-testo2)}
.sv-scheda--punta .sv-eti{color:var(--accento-su-tortora)!important}
.sv-scheda--punta .sv-passi span{color:var(--accento-su-tortora)}
.sv-scheda--punta .sv-ghalko{filter:brightness(0);opacity:.86}
.lis2{background:var(--tortora-chiaro);color:var(--inchiostro)}
.lis2 .eti--bianca{color:var(--tortora-testo2)}
.lis2-tab{background:var(--tortora-chiaro)}
.lis2-tab button{border-color:rgba(43,36,32,.55);color:var(--inchiostro)}
.lis2-tab button:hover{background:rgba(43,36,32,.07)}
.lis2-tab button[aria-selected="true"]{background:var(--accento);border-color:var(--accento);color:#fff;box-shadow:0 8px 20px rgba(43,36,32,.16)}
.lis2-finestra{background:rgba(240,240,240,.38);box-shadow:inset 0 10px 18px -12px rgba(43,36,32,.22),inset 0 -14px 22px -14px rgba(43,36,32,.22);
  scrollbar-color:rgba(43,36,32,.4) transparent}
.lis2-voci li{border-bottom-color:rgba(43,36,32,.16)}
.lis2-voci li.lis2-cat{border-bottom-color:rgba(43,36,32,.35)}
.lis2-cat h3,.lis2-p{color:var(--inchiostro)}
a.lis2-p{color:var(--accento-su-tortora)}
.lis2-tutto{color:var(--inchiostro)}
.lis2-tutto-segno{border-color:var(--inchiostro)}
.lis2 :focus-visible{outline-color:var(--inchiostro)}
.manif{background:var(--tortora-chiaro);border-top:1px solid rgba(43,36,32,.12)}
.manif-frase em{color:var(--accento-su-tortora)}
.manif-voti a,.manif-voti .stelle{color:var(--tortora-testo2)}
/* calendario (21/10/2026, Andrea): le chiusure in rosso tenue col numero barrato, il resto è aperto. #B5574F su bianco 4,73:1 */
.cal-legenda .cal-leg-chiuso{color:#B5574F}
.cal-griglia .chiuso,.cal-esempio.chiuso{background:none;color:#B5574F;font-weight:600;text-decoration:line-through;text-decoration-thickness:1.5px}
.cal-esempio{font-variant-numeric:tabular-nums;font-size:.9rem;min-width:2ch;text-align:center}
/* piede: le pagine interne (21/10/2026) */
.foot2-pagine{display:flex;flex-wrap:wrap;gap:10px 24px;margin:36px 0 0;font-size:.85rem}
.foot2-pagine a{color:inherit;text-decoration:none;opacity:.88}
.foot2-pagine a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
/* sottomenu «Trattamenti» (21/10/2026): a tutta larghezza sotto la barra, con tutti i trattamenti; da telefono un elenco nel menu */
.barra2-voce{display:flex;align-items:center}
.sottomenu{position:absolute;left:0;right:0;top:100%;background:var(--foglio);color:var(--inchiostro);border-top:1px solid var(--linea);
  box-shadow:0 18px 40px rgba(43,36,32,.12);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s,visibility 0s .22s}
.barra2.sotto-aperto .sottomenu,.barra2-voce:focus-within .sottomenu{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .22s}
.sottomenu-in{padding-block:30px 34px;display:flex;flex-direction:column;gap:22px}
.sottomenu-griglia{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 32px}
.barra2-nav .sottomenu a{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;padding:12px 0;border-bottom:1px solid var(--linea);color:var(--inchiostro);text-decoration:none;text-transform:none;letter-spacing:0}
.barra2-nav .sottomenu a:hover .sottomenu-nome{color:var(--accento-cupo)}
.sottomenu-nome{font:400 1.2rem/1.2 var(--font-titoli);transition:color .2s}
.sottomenu-sotto{font:400 .8rem/1.3 var(--font-lettura);color:var(--testo-tenue)}
.barra2-nav .sottomenu a.sottomenu-listino{align-self:flex-start;border:0;padding:0;font:600 .72rem/1 var(--font-lettura);letter-spacing:.14em;text-transform:uppercase;color:var(--accento-cupo)}
@media (max-width:780px){
  .barra2-voce{display:block}
  .sottomenu{position:static;opacity:1;visibility:visible;transform:none;background:none;color:inherit;border:0;box-shadow:none;transition:none}
  .sottomenu-in{padding:0 0 8px 14px;gap:0}
  .sottomenu-griglia{display:block}
  .barra2-nav .sottomenu a{min-height:44px;padding:10px 0;color:inherit;border-bottom:1px solid rgba(255,255,255,.12)}
  .sottomenu-nome{font-size:1.05rem}
  .sottomenu-sotto{display:none}
  .barra2-nav .sottomenu a.sottomenu-listino{min-height:44px;padding-top:14px;color:#E58BB2}
}
/* home, sopra la testata (barra trasparente): con il sottomenu aperto la barra diventa come nel resto del sito,
   chiara con testo e logo scuri (21/10/2026, Andrea). Solo computer: da telefono il menu ha il suo tema */
@media (min-width:781px){
  .barra2{transition:background-color .22s,color .22s,border-color .22s}
  .barra2.sotto-aperto:not(.piena),.barra2:not(.piena):has(.barra2-voce:focus-within){background:rgba(250,247,242,.95);color:var(--inchiostro);
    border-bottom-color:var(--linea);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .barra2.sotto-aperto:not(.piena) .logo-chiaro,.barra2:not(.piena):has(.barra2-voce:focus-within) .logo-chiaro{display:none}
  .barra2.sotto-aperto:not(.piena) .logo-scuro,.barra2:not(.piena):has(.barra2-voce:focus-within) .logo-scuro{display:block}
}
/* listino a schede: la sezione resta alta quanto la categoria più lunga, cambiando scheda non salta (21/10/2026, Andrea).
   Le categorie stanno una sopra l'altra nella stessa cella; quelle nascoste restano invisibili ma tengono lo spazio */
.lis2-pannelli{display:grid}
.lis2-pannelli>.lis2-pan{grid-area:1/1;align-self:start}
.lis2-pannelli>.lis2-pan[hidden]{display:block!important;visibility:hidden;pointer-events:none}
/* sottomenu: voci di pagine non ancora attive (versione online con una sola pagina interna, 22/10/2026) */
.sottomenu-presto{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid var(--linea);color:var(--testo-tenue);opacity:.55;cursor:default}
@media (max-width:780px){.sottomenu-presto{min-height:44px;padding:10px 0;border-bottom-color:rgba(255,255,255,.12);color:inherit;opacity:.4}}
/* carosello dei video (24/10/2026, come thescottresort.com): al centro il video che gira, ai lati più bassi (ritagliati) e più tenui */
.vc{--w:clamp(170px,21vw,330px);--h:calc(var(--w) * 16 / 9);position:relative;height:calc(var(--h) + 46px);margin-top:28px;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:6px}
.vc-pista{position:absolute;inset:0}
.vc-carta{position:absolute;left:50%;top:0;width:var(--w);margin:0 0 0 calc(var(--w) / -2);will-change:transform}
.vc-pronto .vc-carta{transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s}
.vc-carta:not(.vc-attiva){cursor:pointer}
.vc-video{position:relative;height:var(--h);border-radius:12px;overflow:hidden;background:#2a211d;clip-path:inset(var(--taglio,0%) 0 round 12px);transition:clip-path .45s cubic-bezier(.22,1,.36,1)}
.vc-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.vc-carta figcaption{margin-top:14px;font-size:.84rem;text-align:center;color:var(--testo-tenue);transition:opacity .45s}
.vc-carta:not(.vc-attiva) figcaption{opacity:0}
.vc-pausa{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;padding:0;border:0;background:none;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}
.vc-attiva .vc-pausa{opacity:1;pointer-events:auto}
.vc-pausa svg{width:40px;height:40px;display:block;overflow:visible}
.vc-fondo{fill:rgba(0,0,0,.5)}
.vc-anello{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:20px 20px}
.vc-ico-pausa,.vc-ico-play{fill:#fff}
.vc-ico-play{display:none}
.vc.ferma .vc-ico-pausa{display:none}.vc.ferma .vc-ico-play{display:block}
.vc-freccia{position:absolute;top:calc(var(--h) / 2);transform:translateY(-50%);z-index:20;display:grid;place-items:center;width:48px;height:48px;padding:0 0 3px;border:0;border-radius:50%;
  background:#fff;color:var(--inchiostro);font:300 1.7rem/1 var(--font-lettura);box-shadow:0 4px 18px rgba(0,0,0,.16);cursor:pointer;transition:transform .2s}
.vc-freccia:hover{transform:translateY(-50%) scale(1.06)}
.vc-su{left:clamp(10px,5vw,72px)}.vc-giu{right:clamp(10px,5vw,72px)}
@media (max-width:780px){.vc{--w:58vw}.vc-freccia{width:40px;height:40px;font-size:1.4rem}}