/* =====================================================================
   Cosa lasci a un agente · il risultato, in una pagina sola.

   Una cosa per schermata, ognuna con il suo colore. Due colori fanno il
   racconto: il corallo è il tempo che può passare a un agente, il blu
   Imperial quello che resta tuo. La pesca è la fascia delle cose da provare,
   il blu quella di quello che resta tuo, il corallo quella del tempo che
   torna. Il dettaglio sta chiuso nei <details>.
   ===================================================================== */

:root{--ag:#f4364c;--ag-velo:#fde3e6;--tu:#1d2f7a;--tu-velo:#e3e7f4}

html{scroll-behavior:smooth;scroll-padding-top:69px}
body{background:var(--mint);color:var(--jet);font-family:var(--testo);font-size:17px;line-height:1.55;
  -webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
h1:focus,h2:focus{outline:none}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
summary:focus-visible{outline:2px solid var(--imperial);outline-offset:4px;border-radius:12px}

/* ------------------------------------------------------------ testata */
.rs-testata{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;height:68px;padding:0 clamp(16px,4.4vw,72px);
  background:color-mix(in srgb,#fff 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linea)}
.rs-marchio{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;flex:none}
.rs-marchio img{height:22px;width:auto;display:block}
.rs-prodotto{font-size:14px;font-weight:600;color:var(--jet);background:var(--sky-chiaro);padding:6px 12px;border-radius:999px;border:0;box-shadow:none}
.rs-menu{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.rs-menu::-webkit-scrollbar{display:none}
.rs-menu a{font-size:15px;font-weight:500;color:var(--testo-2);text-decoration:none;padding:8px 14px;border-radius:999px;white-space:nowrap;transition:background .2s,color .2s}
.rs-menu a:hover{background:rgba(14,46,62,.05);color:var(--jet)}
.rs-menu a.attivo{background:var(--jet);color:var(--mint)}
.rs-scarica{flex:none;border:0;cursor:pointer;font-size:15px;font-weight:600;background:var(--jet);color:#fff;padding:10px 18px;border-radius:999px}
.rs-scarica:hover{background:var(--imperial)}
.rs-scarica:disabled{opacity:.6}

/* ------------------------------------------------------------ attesa */
.rs-attesa{min-height:calc(100vh - 160px);display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,72px);align-items:center;
  padding:48px clamp(16px,4.4vw,72px);max-width:1180px;margin:0 auto}
.rs-attesa h1{font-size:clamp(36px,5vw,64px);line-height:1.02;margin-bottom:16px}
.rs-attesa-testo{font-size:19px;color:var(--testo-2);max-width:620px}
.rs-attesa-stato{font-size:14px;color:var(--nota);margin-top:18px;min-height:1.5em}
.rs-attesa .azioni{margin-top:26px}
.rs-attesa-mappa{width:200px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.rs-attesa-mappa i{aspect-ratio:1;border-radius:8px;background:var(--tu-velo);animation:accendi 2.4s var(--molla) infinite alternate}
.rs-attesa-mappa i:nth-child(2){animation-delay:.25s}
.rs-attesa-mappa i:nth-child(3){animation-delay:.5s}
.rs-attesa-mappa i:nth-child(4){animation-delay:.75s}
.rs-attesa-mappa i:nth-child(5){animation-delay:1s}
.rs-attesa.ferma .rs-attesa-mappa i{animation:none}
@keyframes accendi{to{background:var(--ag)}}

/* ------------------------------------------------------------ sezioni */
.rs-sezione{padding:clamp(40px,5.6vw,80px) clamp(16px,4.4vw,72px) clamp(64px,9vw,128px)}
.rs-dentro{max-width:1180px;margin:0 auto}
.rs-intesta{margin-bottom:clamp(28px,4vw,48px)}
.rs-sezione h2{font-size:clamp(34px,4.4vw,60px);line-height:1.02}
.rs-sotto{font-size:19px;color:var(--testo-2);margin-top:14px}

.entra{opacity:0;transform:translateY(24px);transition:opacity .7s var(--molla),transform .9s var(--molla)}
.entra.dentro{opacity:1;transform:none}

/* ------------------------------------------------------------ la settimana (un velo di blu) */
.rs-settimana{padding-top:clamp(24px,3.2vw,40px);padding-bottom:clamp(40px,5.6vw,72px);min-height:calc(100vh - 69px);box-sizing:border-box;display:flex;align-items:center;
  background:var(--tu-velo)}
.rs-settimana .rs-dentro{width:100%;max-width:1600px}

/* l’intro: il racconto a sinistra, la mappa neutra a destra, prima del giudizio.
   Cresce con lo schermo, centrata nell’altezza piena, perché non resti tanto vuoto. */
.se-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,88px);align-items:center;margin:clamp(10px,1.8vh,24px) 0}
.se-testo h2{font-size:clamp(26px,min(3.4vw,5.4vh),60px);line-height:1.05;margin-bottom:clamp(10px,1.8vh,24px)}
.se-cifra{display:flex;align-items:baseline;gap:16px;margin-bottom:clamp(10px,1.6vh,22px)}
.se-cifra b{font-family:var(--display);font-weight:700;font-size:clamp(34px,min(5.4vw,7.6vh),76px);line-height:1;letter-spacing:-.04em;color:var(--imperial)}
.se-cifra span{font-size:clamp(15px,1.1vw,18px);line-height:1.3;color:var(--testo-2);white-space:nowrap}
.se-sintesi{font-size:clamp(15px,1.4vw,21px);line-height:1.5;color:var(--testo-2);text-align:justify}
.se-mappa-sfondo{padding:4px;border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 1px 3px rgba(14,46,62,.06),0 14px 32px -16px rgba(14,46,62,.22)}
.se-mappa{position:relative;width:100%;aspect-ratio:1.4;max-height:62vh;border-radius:14px;overflow:hidden}
.se-tessera{position:absolute;padding:2px;transition:left .6s var(--molla),top .6s var(--molla),width .6s var(--molla),height .6s var(--molla)}
.se-tessera > span{position:absolute;inset:2px;border-radius:8px;border:1px solid rgba(255,255,255,.5);background:var(--sky-chiaro);color:var(--imperial);
  display:flex;flex-direction:column;justify-content:space-between;gap:2px;padding:10px 12px;overflow:hidden}
.se-tessera b{font-weight:600;font-size:clamp(14px,1.3vw,19px);line-height:1.22;letter-spacing:-.01em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:break-word;hyphens:auto}
.se-tessera i{font-style:normal;font-family:var(--mono);font-size:clamp(12.5px,1vw,16px);color:var(--sky-profondo)}
.se-tessera.breve b{-webkit-line-clamp:2;font-size:12.5px}
.se-tessera.muta b{display:none}
.se-tessera.muta > span{padding:6px 8px;justify-content:flex-end}
.se-tessera.muta i{font-size:11px}
.se-nota{font-size:13px;color:var(--testo-2);margin-top:8px}
.se-nota-ore{display:flex;align-items:flex-start;gap:10px;width:100%;margin-top:16px;padding-top:14px;border-top:1px solid var(--linea);font-size:14px;font-weight:600;color:var(--imperial);text-align:left;line-height:1.45}
.se-nota-ore-ic{flex:none;width:30px;height:30px;border-radius:9px;background:var(--sky-chiaro);color:var(--sky-profondo);border:2px solid rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center}
.se-nota-ore-ic .ic{width:16px;height:16px}
/* La leggibilità pone un minimo alle tessere, anche quando le ore sono poche. */
.se-mappa{display:block;position:relative;aspect-ratio:auto;max-height:none;min-height:0;overflow:visible}
.se-tessera{position:absolute;display:block;min-height:0;padding:2px;min-width:0}
.se-tessera > span{position:absolute;inset:2px;min-width:0;gap:8px;padding:12px;overflow:visible}
.se-tessera b{display:block;flex-shrink:0;overflow:visible;-webkit-line-clamp:unset;font-size:clamp(14px,1.3vw,19px);letter-spacing:normal;word-spacing:.03em;line-height:1.3;font-kerning:normal;text-align:left;word-break:normal;overflow-wrap:break-word;hyphens:none;text-wrap:pretty}
.se-tessera i{flex-shrink:0;letter-spacing:normal;word-spacing:normal;white-space:nowrap;font-variant-numeric:tabular-nums}
.se-episodi{margin-top:20px}
.se-episodi h3{font-size:17px;color:var(--imperial)}
.se-episodi > p{font-size:13px;color:var(--testo-2);margin:4px 0 10px}
.se-episodi-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.se-episodi article{padding:14px;background:rgba(255,255,255,.65);border-radius:10px;min-width:0}
.se-episodi article :is(b,span,small){display:block;overflow-wrap:anywhere}
.se-episodi article b{font-size:15px;color:var(--imperial)}
.se-episodi article span{font-size:14px;margin-top:8px}
.se-episodi article small{font-size:12px;color:var(--testo-2);margin-top:6px}
/* ------------------------------------------------------------ il conto (blu pieno) */
.rs-conto{padding-top:clamp(24px,3.2vw,40px);padding-bottom:clamp(40px,5.6vw,72px);min-height:calc(100vh - 69px);box-sizing:border-box;display:flex;align-items:center;color:#fff;--titolo:#fff}
.rs-conto .rs-dentro{width:100%;max-width:1680px}
.rs-conto h1{font-size:clamp(44px,min(7.2vw,10vh),124px);line-height:1;letter-spacing:-.045em;margin:6px 0 clamp(30px,4vh,56px)}
.st-numero{color:var(--ag);font-variant-numeric:tabular-nums}
.st-griglia{display:grid;grid-template-columns:repeat(var(--col),minmax(0,1fr));gap:clamp(8px,1vw,18px);max-width:1680px}
.st-griglia i{aspect-ratio:1;border-radius:clamp(6px,.8vw,12px);background:rgba(255,255,255,.25)}
.st-griglia i.ag{background:var(--ag)}
.st-griglia.entra{opacity:1;transform:none}
.st-griglia.entra i{background:rgba(255,255,255,.12);transform:scale(.6);transition:background .5s,transform .7s var(--molla);transition-delay:calc(var(--k) * 35ms + .3s)}
.st-griglia.entra.dentro i{transform:none;background:rgba(255,255,255,.25)}
.st-griglia.entra.dentro i.ag{background:var(--ag)}
.st-leg{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:clamp(18px,2.4vh,28px);font-size:clamp(15px,1.1vw,19px)}
.st-leg span{display:inline-flex;align-items:center;gap:10px}
.st-leg i{width:18px;height:18px;border-radius:5px;background:rgba(255,255,255,.25)}
.st-leg i.ag{background:var(--ag)}
.st-leg .st-tot{color:rgba(255,255,255,.7);font-size:15px}
.st-sintesi{font-size:clamp(19px,1.6vw,23px);line-height:1.45;color:var(--testo-2);margin-top:clamp(28px,4vw,44px);max-width:880px}
.st-giu{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-weight:600;color:#fff;text-decoration:none;font-size:17px}
.st-giu .ic{transform:rotate(90deg);color:var(--ag);transition:transform .3s var(--molla)}
.st-giu:hover .ic{transform:rotate(90deg) translateX(4px)}

/* ------------------------------------------------------------ dove tornano le ore */
.rs-dove{background:#fff}
.dv-lista{border-top:1px solid var(--linea)}
.dv{border-bottom:1px solid var(--linea)}
.dv summary{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(0,2fr) 150px 28px;gap:24px;align-items:center;padding:22px 12px;margin:0 -12px;border-radius:16px;transition:background .2s}
.dv summary:hover{background:var(--carta-fredda)}
.dv-nome{font-size:19px;font-weight:600;line-height:1.2;color:var(--jet)}
.dv-nome small{display:block;margin-top:4px;font-size:14px;font-weight:400;color:var(--nota)}
.dv-pista{display:block}
.dv-barra{display:flex;height:32px;border-radius:9px;background:var(--tu);overflow:hidden}
.dv-barra i{display:block;height:100%;background:var(--ag);transform-origin:left;transition:transform 1s var(--molla) .2s}
.dv.entra:not(.dentro) .dv-barra i{transform:scaleX(0)}
.dv-ore{font-size:16px;color:var(--testo-2);text-align:right}
.dv-ore b{font-size:22px;color:var(--ag);font-weight:700}
.dv-apri,.ap-apri{width:28px;height:28px;border-radius:50%;background:var(--carta-fredda);position:relative;justify-self:end}
.dv-apri::before,.ap-apri::before{content:"";position:absolute;inset:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e2e3e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--molla)}
details[open] > summary .dv-apri::before,details[open] > summary .ap-apri::before{transform:rotate(180deg)}
.dv-corpo{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;padding:6px 0 30px}
.dv-corpo h4{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin-bottom:6px}
.dv-ag{background:var(--ag-velo);border-radius:16px;padding:16px 20px}
.dv-ag h4{color:var(--ag)}
.dv-tu{background:var(--tu-velo);border-radius:16px;padding:16px 20px}
.dv-tu h4{color:var(--tu)}
.dv-corpo p{font-size:17px;line-height:1.5}
.dv-strumento{margin-top:6px;font-size:15px !important;color:var(--nota)}
.dv-tu q{display:block;margin-top:8px;font-size:16px;color:var(--imperial);font-weight:500;quotes:"«" "»"}
.dv-perche{grid-column:1 / -1;font-size:15px !important;color:var(--nota)}
.dv-perche b{color:var(--jet);margin-right:4px}

/* ------------------------------------------------------------ lunedì */
.rs-lunedi{background:var(--pesca)}
.rs-lunedi h2{color:var(--jet);margin-bottom:clamp(28px,4vw,48px)}
.lu{list-style:none;display:grid;gap:0}
.lu li{display:grid;grid-template-columns:clamp(56px,7vw,96px) 1fr;gap:clamp(12px,2vw,28px);align-items:start;padding:clamp(20px,2.4vw,30px) 0;border-top:1.5px solid rgba(14,46,62,.16)}
.lu-n{font-family:var(--display);font-weight:700;font-size:clamp(48px,6vw,84px);line-height:.85;letter-spacing:-.05em;color:var(--ag)}
.lu small{display:block;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#9a4325;margin-bottom:6px}
.lu p{font-size:clamp(20px,2vw,26px);line-height:1.3;font-weight:500;letter-spacing:-.01em;color:var(--jet)}

/* ------------------------------------------------------------ resta tuo */
.rs-tuo{background:var(--tu);color:#fff;min-height:calc(100vh - 69px);box-sizing:border-box}
.rs-tuo h2{color:#fff}
.tu-testa{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,56px);align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.tu-cifra{display:flex;align-items:flex-end;gap:14px}
.tu-cifra b{font-family:var(--display);font-weight:700;font-size:clamp(96px,12vw,176px);line-height:.78;letter-spacing:-.06em;color:var(--pesca)}
.tu-cifra span{font-size:17px;line-height:1.3;color:rgba(255,255,255,.8)}
.tu{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px) clamp(24px,4vw,56px)}
.tu li{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}
.tu .ic{width:52px;height:52px;padding:13px;border-radius:50%;background:var(--pesca);color:var(--tu)}
.tu b{display:block;font-size:clamp(20px,1.9vw,24px);line-height:1.2;letter-spacing:-.01em}
.tu q{display:block;margin-top:8px;font-size:16px;line-height:1.45;color:rgba(255,255,255,.75);quotes:"«" "»"}
.tu-vuoto{color:rgba(255,255,255,.8)}

/* ------------------------------------------------------------ con l’AI, oggi */
.rs-con-ai{background:#fff;min-height:calc(100vh - 213px);box-sizing:border-box;display:flex;align-items:center}
.rs-con-ai .rs-dentro{width:100%}
.rs-con-ai h2{margin-bottom:clamp(28px,4vw,48px)}
.ca-righe{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px)}
.ca-riga h3{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--nota);margin-bottom:10px}
.ca-riga p{font-size:clamp(19px,1.6vw,22px);line-height:1.4;letter-spacing:-.01em;color:var(--jet)}

/* ------------------------------------------------------------ il tempo che torna */
.rs-torna{background:var(--ag);color:#fff;padding-top:clamp(100px,13vw,150px)}
.tt-occhio{font-size:16px;font-weight:600;margin-bottom:18px;opacity:.9}
.rs-torna blockquote{font-family:var(--display);font-weight:600;font-size:clamp(32px,4.4vw,64px);line-height:1.06;letter-spacing:-.035em;max-width:1000px}
.tt-collega{margin-top:24px;font-size:18px;max-width:760px;opacity:.92}

/* ------------------------------------------------------------ approfondisci */
.rs-approfondisci{padding-bottom:clamp(40px,5vw,64px)}
.ap-titolo{margin-bottom:24px}
.ap-lista{display:grid;gap:12px}
.ap{background:#fff;border-radius:22px;box-shadow:var(--ombra-morbida)}
.ap summary{display:grid;grid-template-columns:48px 1fr 28px;gap:18px;align-items:center;padding:20px 24px}
.ap summary > .ic{width:48px;height:48px;padding:12px;border-radius:14px;background:var(--tu-velo);color:var(--tu)}
.ap:nth-child(2) summary > .ic{background:var(--ag-velo);color:var(--ag)}
.ap:nth-child(3) summary > .ic{background:var(--pesca-velo);color:#9a4325}
.ap:nth-child(4) summary > .ic{background:var(--sky-chiaro);color:var(--sky-profondo)}
.ap summary b{display:block;font-size:20px;color:var(--jet)}
.ap summary small{display:block;font-size:15px;color:var(--nota)}
.ap-corpo{padding:0 24px 26px 90px}
.pd{list-style:none}
.pd li{padding:16px 0;border-top:1px solid var(--linea)}
.pd li:first-child{border-top:0;padding-top:0}
.pd h4{font-size:17px;margin-bottom:8px;color:var(--jet)}
.pd p{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:16px;line-height:1.5;padding:4px 0}
.pd p span{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding-top:3px}
.pd-oggi{color:var(--testo-2)}
.pd-oggi span{color:var(--tu)}
.pd-dopo span{color:var(--ag)}
.nz{list-style:none}
.nz li{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px 0;border-top:1px solid var(--linea)}
.nz li:first-child{border-top:0;padding-top:0}
.nz s{font-size:17px;font-weight:600;text-decoration:line-through;text-decoration-color:var(--ag);text-decoration-thickness:2px}
.nz p,.sb p{font-size:16px;line-height:1.5;color:var(--testo-2)}
.sb{list-style:none}
.sb li{padding:12px 0;border-top:1px solid var(--linea)}
.sb li:first-child{border-top:0;padding-top:0}
.sb b{font-size:16px}
.mt{display:grid;grid-template-columns:1fr 1fr;gap:18px 40px}
.mt dt{font-weight:700;margin-bottom:4px;color:var(--jet)}
.mt dd{font-size:15.5px;line-height:1.5;color:var(--testo-2)}
.mt-catalogo,.mt-ai{margin-top:18px;font-size:15.5px;color:var(--testo-2)}
.mt-catalogo b,.mt-ai b{color:var(--jet)}

/* ------------------------------------------------------------ chiusura */
.rs-chiusura{padding:clamp(24px,4vw,48px) clamp(16px,4.4vw,72px) clamp(32px,4vw,48px)}
.ch-dentro{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);
  background:var(--jet);color:#fff;border-radius:32px;padding:clamp(28px,4vw,56px)}
.ch-dentro h2{font-size:clamp(28px,3.2vw,42px);line-height:1.05;margin-bottom:14px;color:#fff}
.ch-dentro > div > p{font-size:18px;color:rgba(255,255,255,.78);margin-bottom:26px}
.ch-dentro .pulsante.chiaro{color:#fff}
.ch-dentro .esito{color:rgba(255,255,255,.7)}
.altre h3{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:rgba(255,255,255,.6);margin-bottom:8px}
.altra{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.16);text-decoration:none;color:#fff}
.altra b{font-size:18px}
.altra span{grid-column:1;font-size:15px;color:rgba(255,255,255,.65)}
.altra .ic{grid-column:2;grid-row:1 / span 2;color:var(--pesca);transition:transform .3s var(--molla)}
.altra:hover .ic{transform:translateX(4px)}
.uso-limitato{max-width:1180px;margin:20px auto 0;font-size:13px;line-height:1.55;color:var(--nota)}
.uso-limitato summary{text-decoration:underline;text-underline-offset:3px;width:fit-content}
.uso-limitato p{margin-top:8px}

.piede-pagina{display:flex;justify-content:center;gap:10px;align-items:center;padding:20px 16px 32px;font-size:14px;color:var(--nota)}
.piede-pagina a{color:var(--jet);text-underline-offset:3px}

/* ------------------------------------------------------------ schermi medi */
@media (max-width:1100px){.rs-prodotto{display:none}}
@media (max-width:900px){
  .dv summary{grid-template-columns:1fr auto 28px;gap:10px 16px}
  .dv-pista{grid-column:1 / -1;grid-row:2}
  .dv-ore{grid-row:1;grid-column:2}
  .dv-corpo{grid-template-columns:1fr}
  .tu{grid-template-columns:1fr}
  .tu-testa{grid-template-columns:1fr}
  .ca-righe{grid-template-columns:1fr;gap:28px}
  .se-intro{grid-template-columns:1fr}
  .se-mappa{aspect-ratio:16/9}
  .ch-dentro{grid-template-columns:1fr}
  .ap-corpo{padding:0 20px 24px}
  .mt{grid-template-columns:1fr}
}
@media (max-width:760px){
  .rs-menu{display:none}
  .rs-scarica{margin-left:auto}
}
/* ------------------------------------------------------------ telefono */
@media (max-width:640px){
  body{font-size:16px}
  html{scroll-padding-top:61px}
  .rs-testata{height:60px;gap:12px}
  .rs-marchio img{height:20px}
  .rs-attesa{grid-template-columns:1fr;padding-top:32px}
  .rs-attesa-mappa{width:140px}
  .st-griglia{grid-template-columns:repeat(var(--colm),minmax(0,1fr))}
  .st-leg{gap:8px 18px;font-size:16px}
  .dv-barra{height:24px;border-radius:7px}
  .dv-ore b{font-size:19px}
  .se-mappa{aspect-ratio:auto;grid-template-columns:1fr;min-height:0}
  .se-episodi-lista{grid-template-columns:1fr}
  .se-tessera b{font-size:13px}
  .se-tessera i{font-size:12px}
  .se-tessera > span{padding:8px 10px}
  .nz li{grid-template-columns:1fr;gap:4px}
  .pd p{grid-template-columns:1fr;gap:0}
  .ap summary{grid-template-columns:40px 1fr 28px;gap:14px;padding:18px}
  .ap summary > .ic{width:40px;height:40px;padding:10px}
  .ap summary b{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .st-griglia i,.dv-barra i,.dv-apri::before,.ap-apri::before{transition:none}
  .rs-attesa-mappa i{animation:none}
}

/* ------------------------------------------------------------ gli sfondi delle fasce
   Sfumature morbide della palette, come sul sito, con una grana leggera (rumore SVG). */
:root{--grana:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
.rs-lunedi,.rs-tuo,.rs-torna,.rs-conto{position:relative;isolation:isolate;overflow:hidden}
.rs-lunedi::before,.rs-tuo::before,.rs-torna::before,.rs-conto::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.rs-lunedi{background:radial-gradient(50% 80% at 95% 10%,#fff4ec,transparent 70%),radial-gradient(60% 90% at 5% 100%,#f8957f,transparent 70%),linear-gradient(160deg,#f7cdb6,#f9d4c0)}
.rs-tuo,.rs-conto{background:radial-gradient(50% 80% at 100% 0%,rgba(142,183,206,.7),transparent 70%),radial-gradient(55% 80% at 0% 100%,rgba(244,54,76,.38),transparent 70%),linear-gradient(160deg,#1d2f7a,#14245e)}
.rs-torna{background:radial-gradient(55% 90% at 100% 100%,rgba(247,205,182,.9),transparent 70%),radial-gradient(50% 80% at 0% 0%,rgba(29,47,122,.55),transparent 70%),linear-gradient(160deg,#f4364c,#e8293f)}
.rs-lunedi::before,.rs-tuo::before,.rs-torna::before,.rs-conto::before{background:var(--grana);opacity:.22;mix-blend-mode:overlay}