/* IS4ICT, testata unica (20/10/2026, ritocchi del revisore, punto 9): la stessa testata, con lo stesso codice e le stesse misure, su
   tutte le pagine del sito, quelle nuove (vetrina.css) e quelle di linea già esistenti (insegna.css). Prima le due famiglie di pagine
   avevano logo e menu in punti diversi (menu a x=194 e a x=262 a 1280 px). Le classi sono tutte «tv-»: nessuna regola di insegna.css
   o di vetrina.css la tocca per sbaglio, e quelle di insegna.css che colpiscono «nav» e «ul» in generale qui sono annullate.
   Si carica dopo gli altri fogli di stile. Misure: logo 52 px, voci a 15,5 px con 30 px fra l'una e l'altra (15 px e 22 px sotto i 1180),
   pulsante da 1080 px in su; sotto gli 861 px il menu scorre. La home sul telefono non ha il logo (l'insegna grande è il marchio),
   le altre pagine sì, su due righe (logo e lingue sopra, voci sotto). */
.tv{position:absolute;top:0;left:0;right:0;z-index:3;border-bottom:1px solid var(--filo);font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:17px;line-height:1.55}
.tv-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px;max-width:1240px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.tv-logo{display:block;line-height:0;margin:0}
.tv-logo img{display:block;height:52px;width:auto}
.tv-nav{display:block;flex:0 1 auto;height:auto;margin:0;padding:0;gap:0}
.tv-nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;max-width:none}
.tv-nav ul a{display:inline-block;min-width:0;margin:0;padding:12px 2px;text-align:left;white-space:nowrap;text-decoration:none;font-size:15.5px;font-weight:500;line-height:1.55;color:var(--testo)}
.tv-nav ul a:hover,.tv-nav ul a[aria-current]{color:var(--tubo)}
.tv-dx{display:flex;align-items:center;gap:20px;margin:0}
.tv-lingue{display:flex;align-items:center;gap:8px}
.tv-globo{flex:none;width:17px;height:17px;fill:none;stroke:var(--testo2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tv-lingua{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;min-height:44px;margin:0;padding:0 6px;border-radius:4px;text-decoration:none;font-size:14.5px;font-weight:600;letter-spacing:.08em;line-height:1;color:var(--testo2)}
a.tv-lingua:hover{color:var(--tubo)}
.tv-lingua.attuale{background:var(--pieno);color:#fff;font-weight:700;border:1px solid #8DA9FF}
.tv-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:0 24px;border-radius:4px;text-decoration:none;font-weight:600;font-size:16px;line-height:1.2;text-align:center;
  background:var(--pieno);color:#fff;border:1.5px solid #8DA9FF;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 0 22px rgba(91,120,224,.42)}
.tv-btn:hover{background:#4C6AE6}
.tv a:focus-visible{outline:2px solid var(--tubo);outline-offset:3px;border-radius:2px}

@media (max-width:1180px){
  .tv-nav ul{gap:22px}
  .tv-nav ul a{font-size:15px}
}
@media (max-width:1080px){
  .tv-btn{display:none}
}
@media (max-width:860px){
  /* le voci non stanno più in riga: il menu scorre, con una sfumatura a destra che dice che continua */
  .tv-in{gap:8px}
  .tv-nav{flex:1 1 auto;min-width:0}
  .tv-nav ul{gap:0;margin:0 0 0 -32px;padding:0 40px 0 32px;overflow-x:auto;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent)}
  .tv-nav ul::-webkit-scrollbar{display:none}
  .tv-nav ul a{display:flex;align-items:center;min-height:46px;padding:0 8px;font-size:14px}
  .tv-nav ul li:first-child a{padding-left:0}
  .tv-lingue{gap:0;margin-right:-4px}
  .tv-lingua{min-height:46px;padding:0 2px;font-size:14px}
  /* home: una riga, senza logo (il marchio è l'insegna sotto) */
  body:not(.interna){--testata:64px}
  body:not(.interna) .tv-in{height:64px}
  body:not(.interna) .tv-logo,body:not(.interna) .tv-globo{display:none}
  /* tutte le altre pagine: il logo resta, su due righe */
  body.interna{--testata:104px}
  body.interna .tv-in{flex-wrap:wrap;align-content:flex-start;height:auto;min-height:104px;gap:0 8px}
  body.interna .tv-logo{display:flex;align-items:center;order:1;min-height:58px}
  body.interna .tv-logo img{height:40px}
  body.interna .tv-dx{order:2;margin-left:auto;min-height:58px}
  body.interna .tv-nav{order:3;flex:0 0 calc(100% + 40px);margin:0 -20px;box-shadow:inset 0 1px 0 var(--filo)}
  body.interna .tv-nav ul{margin:0;padding:0 40px 0 20px}
  body.interna .tv-globo{display:none}
}
@media (max-width:720px){
  .tv-in{padding:0 20px}
  body:not(.interna) .tv-nav ul{margin-left:-20px;padding-left:20px}
}