/* Passaggio tessera → servizio → tessera. */
.sz-overlay{position:fixed;inset:0;z-index:300;pointer-events:all;background:#080d17;overflow:hidden}
.sz-card{position:absolute;overflow:hidden;background:#101a2e;color:#fff;border:1px solid #5379bd55;border-radius:14px;box-sizing:border-box}
.sz-card .bt-bg{position:absolute;inset:0}.sz-card .bt-bg img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.85)}
.sz-card .bt-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,#08101b66 50%,#08101bf2)}
.sz-card .bt-tx{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;padding:clamp(24px,4vw,60px);opacity:1!important}
.sz-card .bt-tx .cs-lab{font-family:var(--f);font-size:12px;letter-spacing:.18em;color:#bbcfff;text-transform:uppercase}
.sz-card .bt-tx b{font-family:var(--d);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(48px,7vw,110px);line-height:.92;margin:18px 0;color:#edf3ff}
.sz-card .bt-tx .a{color:#779cff}.sz-card .d{font-family:var(--f);font-size:18px;line-height:1.5;max-width:520px;color:#c5d2e8}.sz-card .go{display:none}
.sz-card .app{height:65%;padding:35px;display:flex;flex-direction:column;gap:14px;background:radial-gradient(ellipse at 60% 10%,#2853b975,transparent),#121d34;font-size:18px}.sz-card .app b{font-size:26px}.sz-card .app i{font-style:normal;display:flex;justify-content:space-between;padding:18px;background:#ffffff09;border-radius:12px}.sz-card .app em{font-style:normal;color:#90b2ff}.sz-card .app em.ok{color:#78e4b5}
.sz-card .wm{position:absolute;width:45%;height:auto;top:-20%;right:-10%;opacity:.15;pointer-events:none}
.sz-arriving .sh .ln>span{transform:none!important;opacity:1!important;transition:none!important}
body.sz-busy{overflow:hidden}
@media(prefers-reduced-motion:reduce){.sz-overlay{display:none}}
/* Il servizio si apre dentro la stessa interfaccia. */
.sz-room{position:fixed;inset:0;z-index:300;overflow-x:hidden;overflow-y:auto;background:transparent;isolation:isolate;overscroll-behavior:contain}
.sz-stage{position:absolute;inset:0 0 auto;height:100svh;overflow:hidden;pointer-events:none;background:transparent}
.sz-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090e19,transparent 70%);opacity:0;transition:opacity .5s}
.sz-open .sz-stage::after{opacity:1}
.sz-stage .bt-tx{transition:opacity .35s!important}.sz-open .sz-stage .bt-tx{opacity:0!important}
.sz-close{position:fixed;z-index:5;right:5vw;top:26px;border:1px solid #ffffff55;border-radius:40px;padding:15px 24px;background:#090e19d9;color:#fff;font:600 14px var(--f);cursor:pointer;opacity:0;transition:opacity .3s}
.sz-heading{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px 6vw 85px;box-sizing:border-box;opacity:0;transition:opacity .45s;pointer-events:none;color:#fff}
.sz-heading b{font:italic 800 clamp(60px,9vw,145px)/.92 var(--d);text-transform:uppercase;margin:24px 0}.sz-heading .a{color:#789cff}.sz-heading .d{font:400 18px/1.6 var(--f);max-width:560px}.sz-heading .go{display:none}.sz-heading .cs-lab{letter-spacing:.2em;font-size:12px}
.sz-details{position:relative;display:block;width:100%;border:0;background:#090e19;opacity:0;visibility:hidden;transition:opacity .4s}
.sz-open .sz-heading,.sz-open .sz-close,.sz-open .sz-details{opacity:1;visibility:visible}
@media(max-width:600px){.sz-heading{padding:100px 24px 60px}.sz-heading b{font-size:17vw}.sz-close{right:20px;top:20px}}
/* Preparazione atletica senza immagini (13/10): aprendo la tessera la foto sfuma e restano parole in movimento, come nella pagina. */
.sz-room[aria-label^="Preparazione"] .sz-stage{transition:background-color .7s .15s}
.sz-room.sz-open[aria-label^="Preparazione"] .sz-stage{background-color:#0B1222}
.sz-room[aria-label^="Preparazione"] .sz-stage .bt-bg{transition:opacity .7s .15s!important}
.sz-room.sz-open[aria-label^="Preparazione"] .sz-stage .bt-bg{opacity:0!important}
.sz-room[aria-label^="Preparazione"] .sz-stage::before{content:'ESPLOSIVITÀ · FORZA · RESISTENZA · VELOCITÀ · PREVENZIONE · ESPLOSIVITÀ · FORZA · RESISTENZA · VELOCITÀ · PREVENZIONE · ';position:absolute;z-index:1;left:0;top:18%;white-space:nowrap;font:italic 800 clamp(90px,12vw,230px)/1 var(--d);text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px rgba(91,131,255,.38);opacity:0;transition:opacity .8s .3s;animation:szPrepMq 70s linear infinite}
.sz-room.sz-open[aria-label^="Preparazione"] .sz-stage::before{opacity:1}
@keyframes szPrepMq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.sz-room[aria-label^="Preparazione"] .sz-stage::before{animation:none}}