.territorio.percorso{padding:clamp(96px,16vh,170px) 0;background:var(--fondo-alt)}.territorio.percorso .testa{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:64px}.territorio.percorso h1,.territorio.percorso h2{font-size:clamp(2.4rem,5.4vw,4.8rem)}.territorio.percorso .traccia{position:relative;height:260px}.territorio.percorso .traccia svg{position:absolute;left:0;width:100%;top:40px;height:90px;overflow:visible}.territorio.percorso .traccia svg.verticale{display:none}.territorio.percorso .traccia path.fondo-linea{fill:none;stroke:#0575862e;stroke-width:6;stroke-linecap:round;stroke-dasharray:2 14}.territorio.percorso .traccia path[data-linea]{fill:none;stroke:var(--azione);stroke-width:7;stroke-linecap:round}.territorio.percorso .tappa{position:absolute;top:58px;translate:-50% 0;display:grid;justify-items:center;text-align:center;gap:6px;width:180px;transition:opacity .4s}.motore-pronto .territorio.percorso .tappa:not(.accesa){opacity:.38}.territorio.percorso .tappa .punto{width:26px;height:26px;border-radius:50%;background:var(--fondo);box-shadow:inset 0 0 0 5px var(--azione);transition:background .3s,scale .4s var(--ease-entrata)}.territorio.percorso .tappa b{font:900 1.5rem/1.1 var(--font-titoli);color:var(--titoli);margin-top:18px}.territorio.percorso .tappa .mano{font-size:1.2rem;color:var(--azione)}.territorio.percorso .tappa.accesa .punto,:root:not(.motore-pronto) .territorio.percorso .tappa .punto{background:var(--accento);scale:1.35}.territorio.percorso .tappa:first-of-type{translate:0 0;justify-items:start;text-align:left}.territorio.percorso .tappa:last-of-type{translate:-100% 0;justify-items:end;text-align:right}@media(max-width:819px){.territorio.percorso .traccia{height:auto;padding-left:64px;display:grid;gap:44px}.territorio.percorso .traccia svg.orizzontale{display:none}.territorio.percorso .traccia svg.verticale{display:block;left:0;top:0;width:40px;height:100%}.territorio.percorso .tappa,.territorio.percorso .tappa:first-of-type,.territorio.percorso .tappa:last-of-type{position:relative;top:0;left:auto!important;translate:0 0;justify-items:start;text-align:left;width:auto}.territorio.percorso .tappa .punto{position:absolute;left:-51px;top:6px}.territorio.percorso .tappa b{margin:0}}@media(prefers-reduced-motion:reduce){.territorio.percorso .tappa,.territorio.percorso .tappa .punto{transition:none}}.territorio.verticale{padding:clamp(96px,14vh,160px) 0;overflow-x:clip}.territorio.verticale h1,.territorio.verticale h2{font-size:clamp(2.4rem,5.4vw,4.8rem);text-align:center;margin-bottom:clamp(56px,8vh,80px)}.territorio.verticale .traccia{position:relative;display:grid;gap:clamp(24px,4vh,48px)}.territorio.verticale .traccia svg{position:absolute;left:50%;translate:-50% 0;top:0;height:100%;width:60px;overflow:visible}.territorio.verticale .traccia path.fondo-linea{fill:none;stroke:#0575862e;stroke-width:6;stroke-linecap:round;stroke-dasharray:2 14}.territorio.verticale .traccia path[data-linea]{fill:none;stroke:var(--azione);stroke-width:7;stroke-linecap:round}.territorio.verticale .tappa{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);align-items:center}.territorio.verticale .tappa .punto{grid-column:2;grid-row:1;justify-self:center;width:30px;height:30px;border-radius:50%;background:var(--fondo);box-shadow:inset 0 0 0 6px var(--azione);transition:background .3s,scale .4s var(--ease-entrata)}.territorio.verticale .tappa.accesa .punto,:root:not(.motore-pronto) .territorio.verticale .tappa .punto{background:var(--accento);scale:1.3}.territorio.verticale .tappa .ritaglio{grid-column:1;grid-row:1;justify-self:end;width:min(100%,380px);height:auto;aspect-ratio:4 / 5;rotate:-2deg;transition:opacity .6s,scale .7s var(--ease-entrata),rotate .7s var(--ease-entrata)}.territorio.verticale .tappa .testo{grid-column:3;grid-row:1;display:grid;gap:6px;max-width:34ch;padding-left:8px}.territorio.verticale .tappa:nth-child(2n of.tappa) .ritaglio{grid-column:3;justify-self:start;rotate:2deg}.territorio.verticale .tappa:nth-child(2n of.tappa) .testo{grid-column:1;justify-self:end;text-align:right;padding:0 8px 0 0}.territorio.verticale .tappa b{font:900 clamp(1.7rem,2.8vw,2.4rem)/1.05 var(--font-titoli);color:var(--titoli)}.territorio.verticale .tappa .min{font-size:1.35rem;color:var(--azione)}.territorio.verticale .tappa p{margin:0;font-size:1.08rem}.territorio.verticale .dopo{margin:clamp(48px,7vh,72px) 0 0;text-align:center;font-size:1.15rem}.territorio.verticale .dopo .freccia{color:var(--azione)}.motore-pronto .territorio.verticale .tappa:not(.accesa) .ritaglio{opacity:0;scale:.82;rotate:8deg}@media(max-width:819px){.territorio.verticale .traccia{padding-left:52px}.territorio.verticale .traccia svg{left:0;translate:0 0;width:34px}.territorio.verticale .tappa,.territorio.verticale .tappa:nth-child(2n of.tappa){grid-template-columns:1fr;gap:14px}.territorio.verticale .tappa .punto{position:absolute;left:-45px;top:4px}.territorio.verticale .tappa .ritaglio,.territorio.verticale .tappa:nth-child(2n of.tappa) .ritaglio{grid-column:1;grid-row:2;justify-self:start;width:100%;aspect-ratio:4 / 3;rotate:-1.5deg}.territorio.verticale .tappa .testo,.territorio.verticale .tappa:nth-child(2n of.tappa) .testo{grid-column:1;grid-row:1;justify-self:start;text-align:left;padding:0;max-width:none}}@media(prefers-reduced-motion:reduce){.territorio.verticale .tappa .punto,.territorio.verticale .tappa .ritaglio{transition:none}}
