/* driveawake-h24-hub.css - stile della pagina della serie (hub). Fino al 27.10.2026 inline in inc/h24-landing-hub.php; stesso contenuto, stesso punto della cascata (link nel corpo, dove stava lo style). */
/* 06.10.2026 (candidato 152) - sala, raccolta, riquadro laterale, cartina */
.h24-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.h24-sala-hero .h24-hero-text{padding-top:.6rem}
@media (min-width:861px){.h24-hero2.h24-sala-hero{grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:2rem 3rem}}
.h24-sala-hero h1{margin-bottom:.2rem}
.h24l-formula{font-family:"Source Serif 4",Georgia,serif;font-size:1.22rem;line-height:1.4;color:#FAFCFF;max-width:34ch;margin:.1rem 0 1.1rem;text-wrap:balance}
.h24-stage{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:1.1rem 1.4rem;align-items:start;margin:0 0 1rem}
.h24-stage-v video{display:block;width:100%;aspect-ratio:9/16;border-radius:14px;background:#000;border:1px solid #242830}
.h24-stage-i{min-width:0;display:flex;flex-direction:column;gap:.55rem}
.h24-stage-k{margin:0;display:flex;align-items:center;gap:.5rem;font:600 .72rem/1.3 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#8FC3F2}
.h24-stage-dot{width:8px;height:8px;border-radius:50%;background:#FAFCFF;box-shadow:0 0 0 3px rgba(250,252,255,.18);flex:none}
.h24-stage-t{margin:0;font-size:1.45rem;line-height:1.2;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.h24-stage-t b{font-variant-numeric:tabular-nums;color:#8FC3F2;font-weight:600;margin-right:.15rem}
.h24-stage-p{margin:0;display:flex;align-items:baseline;gap:.5rem;font-size:.88rem;line-height:1.45;color:#B7BFCB}
.h24-reg{width:9px;height:9px;border-radius:2px;flex:none;transform:translateY(1px)}
.h24-stage-c{margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:1.02rem;line-height:1.45;color:#D5DBE4}
.h24-stage-a{margin:0;display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:center}
.h24-stage-o{display:block;padding:.6rem 0;min-height:44px;box-sizing:border-box;color:#8FC3F2;text-decoration:none;font-weight:600;font-size:.92rem}
.h24-stage-o:hover{text-decoration:underline}
.h24-stage-back{min-height:44px;padding:0 .9rem;border:1px solid #3A4150;border-radius:10px;background:transparent;color:#D5DBE4;font:inherit;font-size:.88rem;cursor:pointer}
.h24-stage-back:hover{border-color:#4A9EFF;color:#FAFCFF}
.h24-stage-back.is-off{visibility:hidden}
.h24-stage-o .dl-s{display:none}
.h24-sback2{display:none;min-height:52px;min-width:56px;padding:.3rem .5rem;font-variant-numeric:tabular-nums;border:1px solid #3A4150;border-radius:10px;background:transparent;color:#D5DBE4;font:600 .72rem/1.25 Inter,system-ui,sans-serif;text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center}
.h24-sback2[hidden]{display:none!important}
.h24-stage .h24-snav{margin:.2rem 0 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.h24-stage .h24-snav .h24-hnav-p{grid-column:1}.h24-stage .h24-snav .h24-hnav-n{grid-column:2}
.h24-stage-n{margin:0;font-size:.8rem;line-height:1.5;color:#8B94A1;max-width:52ch}
.h24-stage.is-picked .h24-stage-dot{background:#4A9EFF;box-shadow:0 0 0 3px rgba(74,158,255,.22)}
.h24-smap{width:100%;max-width:300px;height:auto;display:block;margin:.1rem 0 0}
.h24-smap[hidden]{display:none}
.h24-sala-hero .h24l-cta{margin-top:.4rem}
/* l'aiuto del sito rimane: barra delle ore della 150 riusata, stessi stili */
.h24-hnav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:stretch}
.h24-hnav>a{min-height:52px;border-radius:10px;padding:.45rem .6rem;display:flex;flex-direction:column;justify-content:center;gap:.2rem;text-decoration:none;min-width:0;box-sizing:border-box;border:1px solid rgba(74,158,255,.45);background:rgba(74,158,255,.06);color:#FAFCFF}
.h24-hnav>a:hover{border-color:#4A9EFF;background:rgba(74,158,255,.14)}
.h24-hnav-n{text-align:right;align-items:flex-end}
.h24-hnav-k{font-size:.72rem;line-height:1.2;font-weight:600;color:#8FC3F2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.h24-hnav-t{font-size:.8rem;line-height:1.25;color:#D5DBE4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.h24-hnav-t b{color:#FAFCFF;font-weight:600;font-variant-numeric:tabular-nums}
/* raccolta e riquadro laterale */
.h24 .wrap>section.h24-sala{margin-top:2.2rem}
.h24-sala-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem 2.4rem;align-items:start}
.h24-sala-main .h24l-h small{font:500 .8rem/1 ui-monospace,Menlo,monospace;color:#8B94A1;margin-left:.4rem;letter-spacing:.06em}
.h24-sala-main .h24l-sub{margin-bottom:1rem}
.h24-mini{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px 10px}
.h24-mini-c a{display:flex;flex-direction:column;gap:.18rem;text-decoration:none;color:#D5DBE4;border-radius:10px;padding:4px;border:1px solid transparent}
.h24-mini-c a:hover{border-color:#2A3445;background:#12151C}
.h24-mini-img{position:relative;display:block;aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:#12151C;margin-bottom:.25rem}
.h24-mini-img img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block}
.h24-mini-pl{position:absolute;left:8px;bottom:8px;width:26px;height:26px;border-radius:50%;background:rgba(14,15,19,.72);border:1px solid rgba(250,252,255,.5)}
.h24-mini-pl::after{content:"";position:absolute;left:10px;top:7px;border-left:8px solid #FAFCFF;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent}
.h24-mini-you{display:none;position:absolute;right:6px;top:6px;padding:2px 6px;border-radius:999px;background:rgba(14,15,19,.8);border:1px solid rgba(250,252,255,.45);font:600 .58rem/1.4 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#FAFCFF}
.h24-mini-c.is-you .h24-mini-you{display:block}
.h24-mini-h{font:600 .78rem/1.2 ui-monospace,Menlo,monospace;color:#8FC3F2;font-variant-numeric:tabular-nums}
.h24-mini-t{font-size:.84rem;line-height:1.3;color:#FAFCFF;overflow-wrap:anywhere;hyphens:auto}
.h24-mini-s{font-size:.72rem;color:#8B94A1;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.h24-mini-s i{width:7px;height:7px;border-radius:2px;flex:none}
.h24-mini-c.is-active a{border-color:#4A9EFF;background:rgba(74,158,255,.08)}
.h24-mini-c.is-active .h24-mini-img{box-shadow:0 0 0 2px #4A9EFF}
.h24-sala-side{position:sticky;top:84px;display:grid;gap:.8rem}
.h24-side-d{border:1px solid #2A2F3A;border-radius:12px;background:#12141A}
.h24-side-d>summary{cursor:pointer;list-style:none;padding:.85rem 1rem;min-height:44px;box-sizing:border-box;font:600 .74rem/1.3 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#B7BFCB;display:flex;justify-content:space-between;gap:.8rem;align-items:center}
.h24-side-d>summary::-webkit-details-marker{display:none}
.h24-side-d>summary::after{content:"+";font-size:1.1rem;color:#8B94A1}
.h24-side-d[open]>summary::after{content:"\2212"}
.h24-side-d .h24-first{margin:0;border:0;background:none;padding:0 1rem 1rem;box-shadow:none;max-width:none}
.h24-side-d .h24-first-t{font-size:.86rem;line-height:1.5}
.h24-side-d .h24-first-a{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}
.h24-side-d .h24l-cal{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:0 1rem}
.h24-side-d .h24l-cal li a{min-height:48px;font-size:.7rem}
.h24-side-d .h24l-cal li a b{font-size:.86rem}
.h24-side-d .h24l-calnote{padding:0 1rem 1rem;margin:.4rem 0 0;font-size:.78rem}
.h24-sala .h24l-nav{margin-top:2rem}
/* vista Svizzera: luogo e film sotto il quadrante */
.h24-tplace{margin:.6rem 0 0;font-size:.95rem;line-height:1.45;color:#FAFCFF}
.h24-tplace b{font-variant-numeric:tabular-nums;color:#8FC3F2;margin-right:.35rem}
.h24-tplace small{display:block;color:#B7BFCB;font-size:.8rem}
.h24-tfilm{margin:.5rem 0 0;font-size:.8rem;line-height:1.5;color:#8B94A1}
.h24-tfilm span{color:#B7BFCB}
.h24-tfilm a{color:#8FC3F2}
.h24-tplace[hidden],.h24-tfilm[hidden]{display:none}
#h24tour .h24-hit{cursor:pointer}
#h24tour:focus-visible{outline:2px solid #4A9EFF;outline-offset:4px;border-radius:50%}
@media (max-width:860px){
  .h24-sala-grid{grid-template-columns:minmax(0,1fr)}
  .h24-sala-side{position:static}
  .h24-sala-hero .h24-hero-text{padding-top:0}
}
@media (max-width:560px){
  .h24-sala-hero .h24-legend,.h24-sala-hero #h24hint{display:none!important}
  .h24l-formula{font-size:1.08rem;margin-bottom:.9rem}
  .h24-stage{grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:.8rem}
  .h24-stage-t{font-size:1.12rem}
  .h24-stage-c{display:none}
  .h24-stage-p{font-size:.8rem}
  .h24-snav{grid-column:1/-1}
  .h24-stage-i{display:contents}
  .h24-stage-v{grid-row:1/span 5}
  .h24-stage-k,.h24-stage-t,.h24-stage-p,.h24-stage-a{grid-column:2}
  .h24-snav,.h24-stage-n,.h24-smap,.h24-smapw{grid-column:1/-1}
  .h24-stage .h24-snav{order:10}.h24-stage-n{order:11}
  .h24-mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 6px}
  .h24-mini-t{font-size:.78rem}
}
@media (prefers-reduced-motion: reduce){.h24-mini-c a,.h24-hnav>a{transition:none}}
/* 152: Play riconoscibile sul poster (nessun avvio da solo), cartina della tappa accanto al player, Traccia senza salto */
.h24-stage-v{position:relative}
.h24-stage-play{position:absolute;inset:auto 0 0 0;margin:auto;top:0;width:max-content;height:max-content;display:flex;align-items:center;gap:.55rem;padding:.7rem 1.05rem .7rem .8rem;min-height:48px;border-radius:999px;border:1px solid rgba(250,252,255,.6);background:rgba(14,15,19,.72);color:#FAFCFF;font:600 .95rem/1 Inter,system-ui,sans-serif;cursor:pointer;z-index:2;backdrop-filter:blur(2px)}
.h24-stage-play span{width:0;height:0;border-left:13px solid #FAFCFF;border-top:8px solid transparent;border-bottom:8px solid transparent}
.h24-stage-play em{font-style:normal;font-variant-numeric:tabular-nums;color:#8FC3F2}
.h24-stage-play:hover{background:rgba(14,15,19,.86);border-color:#FAFCFF}
.h24-stage-play[hidden]{display:none}
.h24-smapw{margin:.2rem 0 0;max-width:320px}
.h24-smapw[hidden]{display:none}
.h24-smap{width:100%;height:auto;display:block}
.h24-smap .h24-hit{cursor:pointer}
.h24-smap-c{display:flex;flex-wrap:wrap;gap:.2rem .8rem;align-items:center;font-size:.74rem;line-height:1.4;color:#8B94A1;margin-top:.15rem}
.h24-smap-x{display:none;min-height:40px;padding:0 .8rem;border:1px solid #3A4150;border-radius:999px;background:transparent;color:#8FC3F2;font:inherit;font-size:.8rem;cursor:pointer}
@media (max-width:560px){
  .h24-smapw{max-width:none}
  .h24-smap{max-width:250px}
  .h24-smapw.is-big .h24-smap{max-width:none}
  .h24-smap-x{display:inline-flex;align-items:center}
  .h24-stage-play{font-size:.88rem;padding:.6rem .9rem .6rem .7rem;max-width:92%}
  .h24-stage-play em{display:none}
  /* rev. 4: altezza della sala stabile sul telefono (la pagina non salta cambiando ora) */
  .h24-stage-t,.h24-stage-p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .h24-stage-t{height:3.6em;-webkit-line-clamp:3;font-size:1.02rem}.h24-stage-p{height:2.9em}
  .h24-stage-o .dl-l{display:none}.h24-stage-o .dl-s{display:inline}
  .h24-stage-back{display:none!important}
  .h24-stage .h24-snav:has(.h24-sback2:not([hidden])){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .h24-stage .h24-snav .h24-sback2:not([hidden]){display:flex}
  .h24-stage .h24-snav .h24-hnav-n{grid-column:auto}
  .h24-stage .h24-snav>a,.h24-stage .h24-snav>.h24-sback2{height:66px;overflow:hidden}
  .h24-stage-k{min-height:2.6em;align-items:flex-start}
  .h24-stage-a{min-height:0}
}
/* 152 rev. 2 (feedback di Matteo): cartina grande sopra l'orologio, livelli da sovrapporre, cockpit subito dopo il player sul telefono */
.h24-stack{position:relative;width:100%;aspect-ratio:1/1}
.h24-stack.is-flat{aspect-ratio:560/386}
/* rev. 6: riquadro sempre quadrato, stesso centro in ogni vista; passaggio morbido; contorno solo da tastiera; il «↺» della barra solo sul telefono */
.h24-stack.is-swap>svg:not([hidden]){animation:h24swap .28s ease-out}
@keyframes h24swap{from{opacity:.35}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.h24-stack.is-swap>svg{animation:none}}
.h24-strati button:focus,#h24tour:focus,#h24dial:focus{outline:none}
.h24-strati button:focus-visible{outline:2px solid #4A9EFF;outline-offset:2px;position:relative;z-index:1}
#h24tour:focus-visible{outline:2px solid #4A9EFF;outline-offset:4px}
@media (min-width:561px){.h24-stage .h24-snav .h24-sback2{display:none!important}}
/* rev. 6 (Matteo, regia): titolo e invito liberi sopra; poi una fascia con player e cartina che partono dalla stessa riga
   (video a sinistra, quadrante a destra, bordi superiori allineati; il quadrante tiene lo stesso centro in ogni vista); sotto il player, inviti e testo */
@media (min-width:861px){
  .h24-hero2.h24-sala-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);grid-template-rows:auto auto auto auto auto auto auto auto 1fr;column-gap:3rem;row-gap:0;align-items:start}
  .h24-sala-hero .h24-hero-text{display:contents}
  .h24-sala-hero .cap-tag{grid-column:1/-1;grid-row:1}
  .h24-sala-hero h1{grid-column:1/-1;grid-row:2}
  .h24-sala-hero .h24l-formula{grid-column:1/-1;grid-row:3;margin:0 0 1.75rem;max-width:52ch}
  .h24-sala-hero .h24-stage{grid-column:1;grid-row:4;margin-top:0}
  .h24-sala-hero .h24l-cta{grid-column:1;grid-row:5}
  .h24-sala-hero .h24l-lead{grid-column:1;grid-row:6}
  .h24-sala-hero .h24-state{grid-column:1;grid-row:7}
  .h24-sala-hero .h24l-today{grid-column:1;grid-row:8}
  .h24-sala-hero .h24-dial.h24-cockpit{grid-column:2;grid-row:4/-1;margin:0;display:flex;flex-direction:column;align-self:start}
}
/* rev. 7 (Matteo, regia): tre fasce. 1) video con scheda breve | quadrante, stessa riga; 2) un respiro comune, poi i comandi sulla stessa riga:
   inviti a sinistra, scelta del quadrante a destra (Traccia secondaria); 3) testi e didascalie geografiche, che seguono senza toccare le righe sopra */
@media (min-width:861px){
  .h24-hero2.h24-sala-hero{--h24-respiro:2.5rem}
  .h24-sala-hero .h24l-formula{margin:0 0 var(--h24-respiro)}
  .h24-sala-hero .h24-dial.h24-cockpit{grid-row:4;display:block}
  .h24-sala-hero .h24l-cta{grid-column:1;grid-row:5;margin:var(--h24-respiro) 0 0;align-self:start}
  .h24-sala-hero .h24-cock-c{grid-column:2;grid-row:5;margin:var(--h24-respiro) 0 0;align-self:start}
  .h24-sala-hero .h24-cock-c .h24-strati{margin:0}
  .h24-sala-hero .h24-stage-n{grid-column:1;grid-row:6;margin:var(--h24-respiro) 0 0}
  .h24-sala-hero .h24-adotta{grid-column:1/-1;grid-row:7;margin:var(--h24-respiro) 0 0}
  .h24-sala-hero .h24l-lead{grid-row:8;margin-top:var(--h24-respiro)}
  .h24-sala-hero .h24-state{grid-row:9}
  .h24-sala-hero .h24l-today{grid-row:10}
  .h24-hero2.h24-sala-hero{grid-template-rows:auto auto auto auto auto auto auto auto auto auto 1fr}
  #h24strati .h24-seg{flex-wrap:nowrap}
  #h24strati .h24-seg .h24-strati-k{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  #h24strati .h24-seg button{flex:1 1 auto;white-space:nowrap;padding-inline:.6rem}
  .h24-sala-hero .h24-cock-x{grid-column:2;grid-row:6;margin-top:calc(var(--h24-respiro) - .6rem);min-width:0}
  .h24-sala-hero .h24-cock-x>:first-child{margin-top:.6rem}
}
@media (max-width:860px){
  .h24-sala-hero .h24-dial{margin-bottom:0}
  .h24-sala-hero .h24-cock-c{order:5;margin:.9rem 0 0;width:100%}
  .h24-sala-hero .h24-cock-x{order:5;margin:0 0 1.2rem;width:100%}
  .h24-sala-hero .h24-stage-n{order:4;margin:0 0 .4rem}
  .h24-sala-hero .h24-adotta{order:6;margin:1.6rem 0 .4rem}
  .h24-sala-hero .h24l-lead{order:7}.h24-sala-hero .h24-state{order:8}.h24-sala-hero .h24l-today{order:9}
}
.h24-stack>.h24-dial-svg{position:absolute;inset:0;width:100%;height:100%}
.h24-stack>.h24-dial-svg[hidden]{display:none}
#h24tour{pointer-events:none;z-index:2}
#h24tour .h24-hit{pointer-events:auto}
/* rev. 4: «Adesso in Svizzera» con la bandierina (rosso svizzero solo qui e sull'anello) */
.h24-sala-hero .h24-now-line i.is-ch{width:10px;height:10px;border-radius:0;background:linear-gradient(#fff,#fff) 50% 50%/2px 6.6px no-repeat,linear-gradient(#fff,#fff) 50% 50%/6.6px 2px no-repeat,#DA291C;box-shadow:none}
#h24circ{z-index:1}
#h24trace{aspect-ratio:620/320;margin-top:.6rem}
.h24-strati{align-items:center}
.h24-strati[hidden]{display:none}
.h24-strati-k{font:600 .62rem/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#8B94A1;margin-right:.2rem}
.h24-strati button{min-height:40px}
.h24-strati button[aria-pressed="true"]{color:#4A9EFF;border-color:rgba(74,158,255,.6);background:rgba(74,158,255,.08)}
.h24-strati button[aria-pressed="true"]::before{content:"\2713\00a0"}
/* rev. 3: sul telefono la scelta dal cockpit porta al video con un pulsante; sul tablet il cockpit non supera 540 px */
.h24-cgo{display:none}
@media (max-width:860px){
  .h24-cgo{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;min-height:48px;margin:.5rem 0 .2rem;padding:.6rem .9rem;border:1px solid rgba(74,158,255,.55);border-radius:12px;background:rgba(74,158,255,.1);color:#FAFCFF;font:600 .92rem/1.25 Inter,system-ui,sans-serif;text-align:left;cursor:pointer}
  .h24-cgo[hidden]{display:none}
  .h24-cgo span{width:0;height:0;border-left:11px solid #FAFCFF;border-top:7px solid transparent;border-bottom:7px solid transparent;flex:none}
  .h24-cgo b{font-weight:500;color:#D5DBE4;white-space:normal;hyphens:auto;overflow-wrap:normal;word-break:normal;min-width:0;flex:1 1 12em}
  .h24-cgo i{font-style:normal;color:#8FC3F2}
  .h24-stack{max-width:540px;margin:0 auto}
  .h24-sala-hero{display:flex;flex-direction:column}
  .h24-sala-hero .h24-hero-text{display:contents}
  .h24-sala-hero .cap-tag{order:1}.h24-sala-hero h1{order:2}.h24-sala-hero .h24l-formula{order:3}.h24-sala-hero .h24-stage{order:4}
  .h24-sala-hero .h24-dial{order:5;margin:.4rem 0 1.2rem;width:100%;max-width:none}
  .h24-sala-hero .h24l-cta{order:6}.h24-sala-hero .h24l-lead{order:7}.h24-sala-hero .h24-state{order:8}.h24-sala-hero .h24l-today{order:9}
}
/* rev. 5 (Matteo): si apre sulla cartina pura; livelli piu' semplici: Cartina e Traccia si sommano, un solo quadrante alla volta */
.h24-strati{display:grid;gap:.5rem;margin:.8rem 0 .2rem}
.h24-strati[hidden]{display:none}
.h24-strati-r{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.h24-strati button{min-height:40px;padding:.35rem .75rem;border:1px solid #2A2F3A;border-radius:999px;background:transparent;color:#B7BFCB;font:600 .74rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.02em;cursor:pointer}
.h24-strati button:hover{border-color:#4A9EFF;color:#FAFCFF}
.h24-chip-l[aria-pressed="true"],.h24-seg button[aria-checked="true"]{border-color:#4A9EFF;color:#FAFCFF;background:rgba(74,158,255,.14)}
.h24-chip-l[aria-pressed="false"]::before{content:"+\00a0";color:#8FC3F2}
.h24-chip-l[aria-pressed="true"]::before{content:"\2713\00a0";color:#8FC3F2}
.h24-seg{gap:0}
.h24-seg .h24-strati-k{margin-right:.5rem}
.h24-seg button{border-radius:0;margin-left:-1px}
.h24-seg button:first-of-type{border-radius:999px 0 0 999px}.h24-seg button:last-of-type{border-radius:0 999px 999px 0}
.h24-chnow{display:flex;align-items:center;gap:.5rem;margin:.6rem 0 0;min-height:44px;padding:.5rem .85rem;border:1px solid #3A4150;border-radius:12px;background:transparent;color:#D5DBE4;font:500 .86rem/1.35 Inter,system-ui,sans-serif;text-align:left;cursor:pointer}
.h24-chnow:hover{border-color:#4A9EFF;color:#FAFCFF}
.h24-chnow[hidden]{display:none}
.h24-chnow b{color:#FAFCFF;font-variant-numeric:tabular-nums}
.h24-sala-hero #h24nowline{display:none}
.h24-stage-unmute{position:absolute;left:50%;bottom:22%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:.45rem;min-height:44px;padding:.55rem .95rem;border-radius:999px;border:1px solid rgba(250,252,255,.7);background:rgba(14,15,19,.8);color:#FAFCFF;font:600 .88rem/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.h24-stage-unmute[hidden]{display:none}
@media (max-width:560px){.h24-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px}.h24-seg .h24-strati-k{grid-column:1/-1}.h24-seg button,.h24-seg button:first-of-type,.h24-seg button:last-of-type{border-radius:10px;margin:0}}
/* Traccia: livello secondario, non una quinta vista */
#h24strati .h24-chip-l{min-height:36px;padding:.25rem .55rem;border-color:transparent;background:transparent;color:#8B94A1;font-weight:500;font-size:.74rem}
#h24strati .h24-chip-l::before{content:"+\00a0"}
#h24strati .h24-chip-l[aria-pressed="true"]{color:#8FC3F2;border-color:transparent;background:transparent}
#h24strati .h24-chip-l[aria-pressed="true"]::before{content:"\2713\00a0"}
#h24strati .h24-chip-l:hover{color:#FAFCFF;border-color:transparent}
/* rev. 7: «Adotta un'ora», invito alla diffusione; blu = attivo, nessun allarme */
.h24-adotta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem 1.6rem;padding:1.1rem 1.4rem;border:1px solid #2B3644;border-left:3px solid #4A9EFF;border-radius:14px;background:rgba(74,158,255,.05)}
.h24-adotta-k{margin:0;font:600 1.3rem/1.2 Inter,system-ui,sans-serif;color:#FAFCFF;letter-spacing:-.005em;white-space:nowrap}
.h24-adotta-p{margin:0;color:#C3CAD4;font-size:.95rem;line-height:1.5;max-width:62ch}
.h24-adotta-a{display:inline-flex;align-items:center;gap:.4rem;min-height:46px;padding:.6rem 1.1rem;border:1px solid #4A9EFF;border-radius:12px;color:#FAFCFF;font:600 .92rem/1.2 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.h24-adotta-a:hover{background:rgba(74,158,255,.14)}
.h24-adotta-a:focus-visible{outline:2px solid #4A9EFF;outline-offset:3px}
@media (max-width:860px){.h24-adotta{grid-template-columns:minmax(0,1fr);padding:1rem 1.1rem}.h24-adotta-k{white-space:normal}.h24-adotta-a{justify-self:start}}
@media (min-width:861px) and (max-width:1100px){.h24-sala-hero .h24-stage-c{display:none}}   /* rev. 7: colonna stretta, la scheda non scende sotto il video (la frase resta nella pagina dell'ora) */

/* Proposta locale: flusso del testo del chip orario su mobile. */
@media(max-width:860px){
  .h24-chnow{display:block;max-width:100%;box-sizing:border-box}
  .h24-chnow b{white-space:nowrap}
}