/* nice2026-mobile.css — adattamento a schermi stretti.
   Generato da responsive.py: non modificare a mano.
   Va caricato DOPO nice2026-classi.css, altrimenti perde per ordine di sorgente.
   Il prototipo di partenza era solo desktop: qui le griglie perdono colonne, le
   righe vanno a capo, le larghezze fisse smettono di sporgere e i titoli si
   adattano alla larghezza dello schermo. */

@media (max-width:1024px){
  body.n26 .y107{grid-template-columns:repeat(2,1fr)}
  body.n26 .y117{grid-template-columns:repeat(2,1fr)}
  body.n26 .y11b{grid-template-columns:repeat(2,1fr)}
  body.n26 .y126{grid-template-columns:repeat(2,1fr)}
  body.n26 .y12c{grid-template-columns:repeat(2,1fr)}
  body.n26 .y12d{grid-template-columns:repeat(2,1fr)}
  body.n26 .y132{grid-template-columns:repeat(2,1fr)}
  body.n26 .y139{grid-template-columns:repeat(2,1fr)}
  body.n26 .y143{grid-template-columns:repeat(2,1fr)}
  body.n26 .y146{grid-template-columns:repeat(2,1fr)}
  body.n26 .y147{grid-template-columns:repeat(2,1fr)}
  body.n26 .y15b{grid-template-columns:repeat(2,1fr)}
  body.n26 .y163{grid-template-columns:repeat(2,1fr)}
  body.n26 .y170{grid-template-columns:repeat(2,1fr)}
  body.n26 .y174{grid-template-columns:repeat(2,1fr)}
  body.n26 .y175{grid-template-columns:repeat(2,1fr)}
  body.n26 .y18a{grid-template-columns:repeat(2,1fr)}
  body.n26 .y19a{grid-template-columns:repeat(2,1fr)}
  body.n26 .y19b{grid-template-columns:repeat(2,1fr)}
  body.n26 .y19e{grid-template-columns:repeat(2,1fr)}
  body.n26 .y19f{grid-template-columns:repeat(2,1fr)}
  body.n26 .y1aa{grid-template-columns:repeat(2,1fr)}
  body.n26 .y1b0{grid-template-columns:repeat(2,1fr)}
  body.n26 .y1bc{grid-template-columns:repeat(2,1fr)}
  body.n26 .yc2{grid-template-columns:repeat(2,1fr)}
  body.n26 .ycf{grid-template-columns:repeat(2,1fr)}
  body.n26 .ye9{grid-template-columns:repeat(2,1fr)}
  body.n26 .yf3{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:820px){
  body.n26 .y103{flex-wrap:wrap}
  body.n26 .y104{flex-wrap:wrap}
  body.n26 .y107{padding:0px 24px 0px 24px}
  body.n26 .y10d{padding:0px 24px 0px 24px}
  body.n26 .y120{padding:32px 24px 32px 24px}
  body.n26 .y120{padding:54px 24px 54px 24px}
  body.n26 .y121{font-size:min(150px,23.25vw)}
  body.n26 .y121{font-size:min(64px,9.92vw)}
  body.n26 .y12a{font-size:min(38px,5.89vw)}
  body.n26 .y12a{font-size:min(52px,8.06vw)}
  body.n26 .y13d{padding:32px 24px 32px 24px}
  body.n26 .y13d{padding:58px 24px 58px 24px}
  body.n26 .y13{padding:32px 24px 32px 24px}
  body.n26 .y13{padding:54px 24px 54px 24px}
  body.n26 .y14d{flex-wrap:wrap}
  body.n26 .y152{padding:45px 24px 45px 24px}
  body.n26 .y158{padding:32px 24px 32px 24px}
  body.n26 .y158{padding:58px 24px 58px 24px}
  body.n26 .y159{font-size:min(38px,5.89vw)}
  body.n26 .y16{flex-wrap:wrap}
  body.n26 .y172{font-size:min(34px,5.27vw)}
  body.n26 .y172{font-size:min(42px,6.51vw)}
  body.n26 .y188{padding:18px 24px 18px 24px}
  body.n26 .y18d{padding:50px 24px 50px 24px}
  body.n26 .y18e{font-size:min(34px,5.27vw)}
  body.n26 .y19c{font-size:min(64px,9.92vw)}
  body.n26 .y19c{font-size:min(92px,14.26vw)}
  body.n26 .y1a4{font-size:min(280px,43.4vw)}
  body.n26 .y1a4{font-size:min(64px,9.92vw)}
  body.n26 .y1a7{padding:32px 24px 32px 24px}
  body.n26 .y1a7{padding:54px 24px 54px 24px}
  body.n26 .y1ab{padding:36px 24px 36px 24px}
  body.n26 .y22{font-size:min(34px,5.27vw)}
  body.n26 .y22{font-size:min(42px,6.51vw)}
  body.n26 .y2{padding:32px 24px 32px 24px}
  body.n26 .y2{padding:58px 24px 58px 24px}
  body.n26 .y52{font-size:min(40px,6.2vw)}
  body.n26 .y56{flex-wrap:wrap}
  body.n26 .y77{padding:36px 24px 36px 24px}
  body.n26 .y7a{font-size:min(38px,5.89vw)}
  body.n26 .y80{font-size:min(34px,5.27vw)}
  body.n26 .y80{font-size:min(42px,6.51vw)}
  body.n26 .y82{font-size:min(34px,5.27vw)}
  body.n26 .y82{font-size:min(42px,6.51vw)}
  body.n26 .y83{flex-wrap:wrap}
  body.n26 .y8f{flex-wrap:wrap}
  body.n26 .y9d{font-size:min(40px,6.2vw)}
  body.n26 .y9{padding:0px 24px 0px 24px}
  body.n26 .ybc{flex-wrap:wrap}
  body.n26 .yc0{font-size:min(40px,6.2vw)}
  body.n26 .yc0{font-size:min(58px,8.99vw)}
  body.n26 .yc5{font-size:min(64px,9.92vw)}
  body.n26 .yc5{font-size:min(92px,14.26vw)}
  body.n26 .yd0{flex-wrap:wrap}
  body.n26 .yd7{font-size:min(38px,5.89vw)}
  body.n26 .yd9{flex-wrap:wrap}
  body.n26 .yec{font-size:min(34px,5.27vw)}
  body.n26 .yed{flex-wrap:wrap}
  body.n26 .yf1{font-size:min(36px,5.58vw)}
  body.n26 .yf2{padding:32px 24px 32px 24px}
  body.n26 .yf2{padding:58px 24px 58px 24px}
  body.n26 .yf8{font-size:min(34px,5.27vw)}
  body.n26 .yf8{font-size:min(42px,6.51vw)}
  body.n26 .yfa{font-size:min(34px,5.27vw)}
  body.n26 .yfe{padding:32px 24px 32px 24px}
  body.n26 .yfe{padding:58px 24px 58px 24px}
}

@media (max-width:560px){
  body.n26 .y100{grid-template-columns:1fr}
  body.n26 .y107{grid-template-columns:1fr}
  body.n26 .y110{grid-template-columns:1fr}
  body.n26 .y111{grid-template-columns:1fr}
  body.n26 .y113{grid-template-columns:1fr}
  body.n26 .y117{grid-template-columns:1fr}
  body.n26 .y11b{grid-template-columns:1fr}
  body.n26 .y11f{grid-template-columns:1fr}
  body.n26 .y126{grid-template-columns:1fr}
  body.n26 .y127{grid-template-columns:1fr}
  body.n26 .y12c{grid-template-columns:1fr}
  body.n26 .y12d{grid-template-columns:1fr}
  body.n26 .y132{grid-template-columns:1fr}
  body.n26 .y133{grid-template-columns:1fr}
  body.n26 .y134{grid-template-columns:1fr}
  body.n26 .y139{grid-template-columns:1fr}
  body.n26 .y13d{grid-template-columns:1fr}
  body.n26 .y140{grid-template-columns:1fr}
  body.n26 .y143{grid-template-columns:1fr}
  body.n26 .y146{grid-template-columns:1fr}
  body.n26 .y147{grid-template-columns:1fr}
  body.n26 .y152{grid-template-columns:1fr}
  body.n26 .y158{grid-template-columns:1fr}
  body.n26 .y15b{grid-template-columns:1fr}
  body.n26 .y163{grid-template-columns:1fr}
  body.n26 .y164{grid-template-columns:1fr}
  body.n26 .y16a{grid-template-columns:1fr}
  body.n26 .y170{grid-template-columns:1fr}
  body.n26 .y174{grid-template-columns:1fr}
  body.n26 .y175{grid-template-columns:1fr}
  body.n26 .y176{grid-template-columns:1fr}
  body.n26 .y179{grid-template-columns:1fr}
  body.n26 .y17a{grid-template-columns:1fr}
  body.n26 .y183{grid-template-columns:1fr}
  body.n26 .y18a{grid-template-columns:1fr}
  body.n26 .y18d{grid-template-columns:1fr}
  body.n26 .y19a{grid-template-columns:1fr}
  body.n26 .y19b{grid-template-columns:1fr}
  body.n26 .y19e{grid-template-columns:1fr}
  body.n26 .y19f{grid-template-columns:1fr}
  body.n26 .y1a2{grid-template-columns:1fr}
  body.n26 .y1a7{grid-template-columns:1fr}
  body.n26 .y1aa{grid-template-columns:1fr}
  body.n26 .y1ab{grid-template-columns:1fr}
  body.n26 .y1b0{grid-template-columns:1fr}
  body.n26 .y1bc{grid-template-columns:1fr}
  body.n26 .y1b{grid-template-columns:1fr}
  body.n26 .y77{grid-template-columns:1fr}
  body.n26 .yc2{grid-template-columns:1fr}
  body.n26 .ycc{grid-template-columns:1fr}
  body.n26 .ycf{grid-template-columns:1fr}
  body.n26 .yd3{grid-template-columns:1fr}
  body.n26 .ye9{grid-template-columns:1fr}
  body.n26 .yf2{grid-template-columns:1fr}
  body.n26 .yf3{grid-template-columns:1fr}
}


/* --- griglie a filetto -----------------------------------------------
   Queste griglie non hanno bordi propri: la riga sottile fra una card e
   l'altra e' lo sfondo grigio del contenitore che si vede attraverso un
   gap di 1px. A una colonna il gap diventa 16px, e quel filetto si gonfia
   in una banda grigia spessa. Su telefono il gap va a zero e la
   separazione torna a essere un bordo vero, di un pixel. */
@media (max-width:820px){
  body.n26 .y12d, body.n26 .y170, body.n26 .y175, body.n26 .y19e{
    gap:0;background:transparent}
  body.n26 .y12d > *, body.n26 .y170 > *,
  body.n26 .y175 > *, body.n26 .y19e > *{border-bottom:1px solid #E5E7EB}
  body.n26 .y12d > *:last-child, body.n26 .y170 > *:last-child,
  body.n26 .y175 > *:last-child, body.n26 .y19e > *:last-child{border-bottom:none}
}