/* IS4ICT, giro 8 (10/10): /cloud/, /workspace/, /privacy/ e la 404 nello stile «insegna».
   Si carica DOPO insegna.css, che non si tocca: qui solo le forme nuove di queste quattro pagine, con lo stesso
   vocabolario (tubo acceso, vetro spento, supporti sul muro, notte). Le pagine di oggi non lo caricano, quindi
   finché non si pubblica online non cambia niente.
   Una forma propria per pagina:
   - cloud: l'armadio dei server, quattro unità (le piattaforme) con la spia accesa, appese a due montanti avvitati;
   - workspace: il lucchetto al neon, con l'arco acceso e il corpo di vetro;
   - privacy: «Nessun cookie» come una targa accesa, e l'indice dell'informativa lungo un tubo con i suoi supporti;
   - 404: l'insegna «404» con lo zero bruciato (vetro spento).
   Nessuna animazione nuova: niente si muove da solo, niente si muove scorrendo. Quelle che queste pagine ereditano
   da insegna.css (il tubo dei servizi, l'ultima cifra dei passi) seguono le sue regole: solo scorrendo, e ferme
   con «riduci animazioni».
   GIRO 14 (10/10 sera): tolte le regole rimaste senza uso dopo il giro 10c, quando la home inglese ha perso la riga
   «(in Italian)»: .targa .costo small, .targa .costo:has(small), .btn.in-italiano e il suo small, e l'altezza minima
   di 56 px dei pulsanti di Offerte in inglese (il rientro di 18 px resta). Nessuna pagina pubblicata le usava (grep).

   GIRO SUCCESSIVO (10/10): correzioni del revisore (ops/logs/agenti/revisore_2026-10-10_115639_1347490.log), solo
   qui, insegna.css non toccato. 1) «.btn small{margin-left:.35em}»: nei pulsanti della home inglese lo spazio
   prima di <small> spariva perché .btn è inline-flex. 2) «.banco > div:first-child{position:sticky;top:32px}»,
   static sotto i 960px: nel check-up di cloud e Workspace la colonna di sinistra è più corta della scheda a destra
   e lasciava un vuoto; ora resta ferma mentre si scorre, come l'indice della privacy. 3) «.targa .costo small»:
   nelle insegne dei settori della home inglese «(in Italian)» stava dentro .nome, il titolo grande al neon, e lo
   spezzava su più righe; ora è vicino al prezzo, come .prezzo small.

   TERZO GIRO (10/10, revisore_2026-10-10_160227_1380286.log): accanto al prezzo «(in Italian)» andava a capo in modo
   diverso su ogni insegna. «.targa .costo small» ora è display:block, margin 4px sopra, white-space:nowrap: una riga
   sua sotto il prezzo, senza rientro, uguale sulle quattro.

   QUARTO GIRO (10/10, Francesco: bozza 8, il prezzo che va a capo nelle insegne dei settori di /en/): su computer
   il prezzo delle insegne con «(in Italian)» sta su una riga (niente rientro per la freccia, che sta accanto alla
   riga piccola) e le frecce di tutte e sei si allineano in basso. Regola sotto i 1080 px invariata.
   QUINTO GIRO (10/10, Francesco: bozza 8, i titoli delle schede di Offerte che vanno a capo): fra 1081 e 1221 px i
   titoli delle schede di Offerte hanno il corpo 18,5 px invece di 21, e i tre pannelli della terna (cloud, Workspace,
   email) 22 px di rientro laterale invece di 28. Così ogni titolo sta su una riga, e prezzi e pulsanti di ogni riga
   partono alla stessa altezza, in tutte e due le lingue. Nessun testo cambiato. La fascia arriva a 1221 px, non a
   1180: l'inglese «Email security: the DMARC policy» va a capo fino a 1221. Telefono, tablet e da 1222 px in su
   restano come prima. Regola in fondo al file.
   SESTO GIRO (10/10, Francesco, KO del revisore_2026-10-10_171749_1408940.log): riga «Per chi cerca un fornitore IT».
   Fra 1081 e 1131 px, in italiano, la nota del prezzo di Workspace stava accanto alla cifra e quelle di Cloud ed Email
   andavano a capo: testi sfalsati di 24 px. Ora fra 1081 e 1139 px la nota sta su una riga sua sotto la cifra in tutte
   e tre le schede (flex-basis:100%, perché .prezzo è flex: display:block da solo non va a capo). Regola in fondo.
   Misurato in Chromium sulla bozza 8 (.bozze/8-resto), italiano e inglese, ogni 4 px da 1081 a 1137 e a 1139, 1140,
   1141, 1180, 1222, 1280: nelle tre schede prezzo e testo partono alla stessa altezza (prezzo a 100 px dalla cima della
   scheda, testo a 180 fino a 1139, a 156 da 1140, a 160 da 1222, come prima). Le altre due righe di Offerte a 1081,
   1100 e 1120, nelle due lingue: allineate, invariate. Nessuna schermata: gli scatti sono a 1280. */

/* ---------- Pezzi comuni alle quattro pagine ---------- */
/* .btn è inline-flex (insegna.css): lo spazio di testo prima di un <small> dentro il pulsante (home inglese,
   «Workspace <small>(in Italian)</small>») viene schiacciato dal flex e sparisce. Lo ripristiniamo qui. */
.btn small{margin-left:.35em}
/* quarto giro (10/10): su computer, sei insegne per riga, «€249 + €19/month» e «€390 + €29/month» non stavano nei
   30 px che .costo lascia alla freccia e andavano a capo, e la freccia (centrata sul blocco del prezzo) saliva.
   La freccia si allinea in basso su tutte e sei, così stanno alla stessa altezza. (Giro 14: tolta la regola per la
   riga «(in Italian)», che non c'è più; il prezzo in inglese lo sistema inglese-10c.css.)
   Solo sopra i 1080 px: tre e due per riga (tablet, telefono) non cambiano. */
@media (min-width:1081px){
  .targa .vai{align-self:end}
}
/* per chi è la pagina, sopra il titolo (Workspace): lo stesso colore sodio del «chi» delle insegne dei settori */
.per-chi{margin:0 0 10px;font-size:15px;font-weight:600;color:var(--sodio)}
.sub-largo{max-width:72ch}
/* i due pulsanti dell'apertura sotto il prezzo, in una riga sola (accanto al prezzo andavano a capo) */
.azioni-apertura{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 0}
/* il testo piccolo del prezzo in due righe, non tre («al mese, la manutenzione, fino a 10 utenti») */
.cartello .prezzo small{max-width:24ch}
.azioni-contatti{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

/* ---------- Apertura: i fatti sotto il cartello, ognuno sul suo supporto ---------- */
.fatti{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 30px;font-size:15px;line-height:1.4;color:var(--testo2)}
.fatti li{position:relative;padding-left:22px}
.fatti li::before{content:"";position:absolute;left:0;top:5px;width:11px;height:11px;border-radius:50%;background:var(--supporto);border:1.5px solid #05081a}
.fatti strong{display:block;color:var(--testo);font-weight:600}

/* ---------- Cloud: l'armadio. Due montanti avvitati, quattro unità; la spia di ognuna è un tubo acceso ---------- */
.rack{position:relative;list-style:none;margin:0 auto;padding:22px 34px;max-width:440px;display:grid;gap:12px}
.rack::before,.rack::after{content:"";position:absolute;top:0;bottom:0;width:14px;border-radius:3px;
  background:linear-gradient(90deg,#1B2446,#2C3760 50%,#1B2446);box-shadow:0 0 0 1px rgba(141,169,255,.16);z-index:0}
.rack::before{left:0}
.rack::after{right:0}
.rack li{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:20px;min-height:84px;padding:0 22px;
  border:1px solid rgba(141,169,255,.2);border-radius:4px;
  background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(141,169,255,.07) 6px 8px) right 18px center/64px 34px no-repeat,
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 45%),var(--pannello)}
/* le viti che tengono ogni unità ai montanti */
.rack li::before,.rack li::after{content:"";position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--supporto);border:1.5px solid #05081a;z-index:1}
.rack li::before{left:-30px}
.rack li::after{right:-30px}
.rack .spia{display:block;height:7px;border-radius:4px;background:linear-gradient(#B4C6FF,#F5F8FF 50%,#B4C6FF);
  box-shadow:0 0 6px rgba(127,156,255,.95),0 0 20px rgba(65,92,180,.9),0 0 46px 6px rgba(65,92,180,.28)}
.rack b{font-family:var(--titoli);font-weight:800;font-size:40px;line-height:1;letter-spacing:.01em;color:var(--anima);
  text-shadow:0 0 5px rgba(180,198,255,.6),0 0 18px rgba(91,120,224,.6)}

/* ---------- Workspace: il lucchetto al neon ---------- */
.lucchetto{display:block;width:100%;max-width:330px;height:auto;margin:0 auto;overflow:visible}

/* le quattro domande che conviene farsi, due per riga */
.quesiti{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin-top:8px}
.quesiti > div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 20px;padding:26px 0;border-top:1px solid var(--filo)}
.quesiti .ico{margin:2px 0 0;grid-row:span 2}
.quesiti h3{margin:0;font-size:20px;font-weight:600;line-height:1.3}
.quesiti p{margin:0;color:var(--testo2);font-size:16px}

/* ---------- Prezzi di cloud e Workspace: la coppia della home, con le opzioni dentro ---------- */
.coppia.listino{align-items:stretch}
.listino .offerta > p:first-of-type{margin-bottom:6px}
.opzione{padding:16px 0 4px;border-top:1px solid var(--filo);margin-top:12px}
.opzione h4{margin:0;font-size:16.5px;font-weight:600;line-height:1.3;color:var(--testo)}
.opzione .prezzo{font-size:42px;margin:8px 0 10px}
.offerta h4.titoletto,.banco h3.titoletto,.scheda-check h4.titoletto{margin:16px 0 8px;font-size:15px;font-weight:600;line-height:1.3;color:var(--sodio)}
.offerta dl,.scheda-check dl{margin:0 0 22px;font-size:15px}
.offerta dt,.scheda-check dt{margin-top:12px;font-weight:600;color:var(--testo)}
.offerta dd,.scheda-check dd{margin:2px 0 0;color:var(--testo2)}

/* i paletti: titolo da insegna, poi l'elenco delle pagine delle linee */
.paletti-blocco{margin-top:72px}
.paletti-blocco h3{margin:0 0 8px;font-family:var(--titoli);font-weight:800;font-size:clamp(34px,3.6vw,46px);line-height:1;letter-spacing:.01em}
.paletti-blocco > p{margin:0 0 22px;color:var(--testo2)}
/* la nostra infrastruttura: un pannello con il tubo acceso sopra, come il «diretto» del conto delle strutture */
.nostra{position:relative;margin:28px 0 0;padding:22px 26px;border:1px solid var(--filo);border-radius:4px;background:rgba(8,13,36,.74);color:var(--testo2);max-width:86ch}
.nostra::before{content:"";position:absolute;top:-2px;left:26px;width:120px;height:4px;border-radius:2px;background:linear-gradient(#B4C6FF,#F5F8FF 50%,#B4C6FF);box-shadow:var(--luce)}
.nostra strong{color:var(--testo);font-weight:600}

/* ---------- Il check-up: a sinistra cosa trova e cosa guarda, a destra la scheda accesa ---------- */
.banco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;margin-top:40px}
.banco > div > h3.titoletto:first-child{margin-top:0}
/* su computer la colonna di sinistra è più corta della scheda e lascia un vuoto sotto: resta ferma mentre si
   scorre, come l'indice della privacy (stesso top). Sul telefono .banco torna a una colonna sola (sotto i 960px)
   e qui si rimette static. */
.banco > div:first-child{position:sticky;top:32px}
/* quello che un check-up trova: spie color sodio, come un avviso sul quadro */
.trovati{list-style:none;margin:0 0 28px;padding:0}
.trovati li{position:relative;padding:12px 0 12px 34px;border-top:1px solid rgba(141,169,255,.12);color:var(--testo)}
.trovati li::before{content:"";position:absolute;left:0;top:22px;width:18px;height:4px;border-radius:2px;background:var(--sodio);box-shadow:0 0 6px rgba(240,163,94,.85),0 0 16px rgba(240,163,94,.4)}
.dopo-trovati{margin:-12px 0 28px;color:var(--testo2);font-size:15.5px}
.aree{margin:0;display:grid;grid-template-columns:132px minmax(0,1fr);border-top:1px solid var(--filo)}
.aree dt,.aree dd{padding:12px 0;border-bottom:1px solid var(--filo)}
.aree dt{font-weight:600;color:var(--testo)}
.aree dd{margin:0;color:var(--testo2);font-size:16px}
.scheda-check{padding:34px 36px;border:1.5px solid rgba(180,198,255,.7);border-radius:6px;
  background:radial-gradient(80% 90% at 0% 0%,rgba(65,92,180,.28),transparent 60%),var(--pannello);
  box-shadow:0 0 0 1px rgba(65,92,180,.35),0 0 38px rgba(65,92,180,.32),inset 0 0 30px rgba(65,92,180,.16)}
.scheda-check h3{margin:0;font-family:var(--titoli);font-weight:800;font-size:40px;line-height:1;letter-spacing:.01em}
.scheda-check .prezzo{font-size:64px;margin:12px 0 10px}
.scheda-check .iva{margin:0 0 6px;font-size:14.5px;color:var(--testo2)}
.scheda-check ul{margin:0 0 6px;padding:0;list-style:none;font-size:15.5px}
.scheda-check ul li{padding:6px 0 6px 20px;position:relative;border-top:1px solid rgba(141,169,255,.12)}
.scheda-check ul li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:3px;border-radius:2px;background:var(--tubo);box-shadow:0 0 6px rgba(127,156,255,.8)}
.scheda-check .ruoli{display:block;margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--testo2)}

/* ---------- Privacy: la targa «Nessun cookie», l'indice lungo il tubo, il testo ---------- */
.targa-privacy{position:relative;margin:64px auto 0;max-width:420px;padding:30px 30px 26px;text-align:center;border:1px solid rgba(141,169,255,.2);border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 40%),var(--pannello)}
/* i due fili e i due supporti, come le insegne dei settori in home */
.targa-privacy::before,.targa-privacy::after{content:"";position:absolute;top:-30px;width:2px;height:30px;background:linear-gradient(#5A6690,#2A3458)}
.targa-privacy::before{left:24%}
.targa-privacy::after{right:24%}
.targa-privacy .chiodi::before,.targa-privacy .chiodi::after{content:"";position:absolute;top:-38px;width:10px;height:10px;border-radius:50%;background:var(--supporto);border:1.5px solid #05081a;transform:translateX(-4px)}
.targa-privacy .chiodi::before{left:24%}
.targa-privacy .chiodi::after{right:24%;transform:translateX(4px)}
.targa-privacy .chiodi{position:absolute;left:0;right:0;top:0;height:0}
.targa-privacy .scritta{display:block;font-family:var(--titoli);font-weight:800;font-size:clamp(54px,6.4vw,86px);line-height:.92;letter-spacing:.01em;color:var(--anima);
  text-shadow:0 0 6px rgba(180,198,255,.9),0 0 22px rgba(91,120,224,.9),0 0 56px rgba(65,92,180,.7)}
.targa-privacy p{margin:14px 0 0;font-size:15px;line-height:1.45;color:var(--testo2)}
.aggiornata{margin:14px 0 0;font-size:15px;color:var(--testo2)}
.aggiornata strong{color:var(--testo);font-weight:600}

.legale{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:72px;align-items:start}
.indice{position:sticky;top:32px}
.indice .titoletto{margin:0 0 10px;font-size:14.5px;font-weight:600;color:var(--sodio)}
.indice ol{position:relative;list-style:none;margin:0;padding:0 0 0 30px}
.indice ol::before{content:"";position:absolute;left:5px;top:14px;bottom:14px;width:3px;border-radius:2px;background:#222B4E;box-shadow:0 0 0 1px rgba(141,169,255,.14)}
.indice li{position:relative}
.indice li::before{content:"";position:absolute;left:-30px;top:16px;width:13px;height:13px;border-radius:50%;background:var(--supporto);border:1.5px solid #05081a}
.indice a{display:flex;align-items:center;min-height:44px;font-size:15.5px;line-height:1.3;color:var(--testo);text-decoration:none}
.indice a:hover{color:var(--tubo);text-decoration:underline;text-underline-offset:3px}
.testo-legale{max-width:68ch}
.testo-legale h2{font-size:clamp(32px,3.2vw,42px);margin:64px 0 14px;scroll-margin-top:16px}
.testo-legale h2:first-child{margin-top:0}
.testo-legale p{margin:0 0 14px;color:var(--testo2)}
.testo-legale strong{color:var(--testo);font-weight:600}
.testo-legale a{color:var(--tubo);text-underline-offset:3px}
.testo-legale ul{list-style:none;margin:0 0 16px;padding:0}
.testo-legale li{position:relative;padding:7px 0 7px 22px;border-top:1px solid rgba(141,169,255,.12);color:var(--testo2)}
.testo-legale li::before{content:"";position:absolute;left:2px;top:19px;width:8px;height:3px;border-radius:2px;background:var(--tubo);box-shadow:0 0 6px rgba(127,156,255,.8)}
.in-breve .wrap{max-width:844px}
.in-breve .faq{margin-top:28px}

/* ---------- 404: l'insegna col tubo dello zero bruciato ---------- */
.errore .apertura{min-height:calc(100svh - var(--testata) - 40px);padding-bottom:72px}
.guasto{display:flex;justify-content:center;gap:.03em;margin:0;font-family:var(--titoli);font-weight:800;font-size:clamp(150px,22vw,300px);line-height:.8;letter-spacing:0;user-select:none}
.guasto .acceso{color:var(--anima);text-shadow:0 0 6px rgba(180,198,255,.9),0 0 26px rgba(91,120,224,.9),0 0 80px rgba(65,92,180,.7)}
.guasto .bruciato{color:transparent;-webkit-text-stroke:3px #36426E}
.errore .en{margin:26px 0 0;font-size:15px;color:var(--testo2)}
.errore .en a{display:inline-flex;align-items:center;min-height:44px;color:var(--tubo);text-underline-offset:3px}
.errore .azioni{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

@media (max-width:1080px){
  .quesiti{column-gap:40px}
}
@media (max-width:960px){
  .rack{max-width:400px;margin:0}
  .lucchetto{max-width:250px;margin:0 auto}
  .quesiti,.banco,.legale{grid-template-columns:1fr}
  .banco{gap:36px}
  .banco > div:first-child{position:static}
  .legale{gap:36px}
  .indice{position:static}
  .targa-privacy{margin:36px 0 0}
  .errore .apertura{min-height:0}
  .errore .visiva-linea{order:-1;padding-top:22px}
  .guasto{justify-content:flex-start}
}
@media (max-width:720px){
  .rack{padding:16px 26px;gap:10px;max-width:none}
  .rack::before,.rack::after{width:11px}
  .rack li{min-height:64px;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:0 16px;background-size:40px 26px,auto,auto;background-position:right 12px center,0 0,0 0}
  .rack li::before{left:-23px}
  .rack li::after{right:-23px}
  .rack b{font-size:31px}
  .lucchetto{max-width:190px}
  .quesiti > div{padding:20px 0;gap:4px 16px;grid-template-columns:30px minmax(0,1fr)}
  .paletti-blocco{margin-top:48px}
  .scheda-check{padding:26px 20px}
  .scheda-check .prezzo{font-size:54px}
  .scheda-check h3{font-size:34px}
  .aree{grid-template-columns:1fr}
  .aree dt{padding-bottom:0;border-bottom:0}
  .aree dd{padding-top:4px}
  .nostra{padding:20px 18px}
  .targa-privacy{padding:24px 18px 20px}
  .testo-legale h2{margin-top:44px}
  .guasto{font-size:clamp(120px,40vw,170px)}
}

/* ---------- Home, «Offerte a prezzo fisso» con dieci schede (bozza 8, 10/10) ----------
   Le quattro linee nuove entrano nei gruppi che la sezione ha già: sotto la vetrina tre gruppi di tre, tutti
   con lo stesso passo, così su computer non resta nessuna scheda da sola su una riga.
   - «Per il tuo settore»: strutture ricettive, saloni, menù QR (il trio aperto di insegna.css);
   - «Per la tua attività, oltre al sito»: assistente AI, automazione, accessibilità (idem);
   - «Per chi cerca un fornitore IT»: cloud, Workspace, email al sicuro, nei pannelli della .coppia, che qui
     diventa una terna. Sotto i 1080 px una colonna sola, come il trio: in due colonne la terza resterebbe sola. */
.coppia.terna{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1080px){
  .coppia.terna{grid-template-columns:1fr}
}

/* ---------- Insegne dei settori, bozza 8 (10/10): tre ritocchi, nessuna insegna si sposta ----------
   1) La linea orizzontale che attraversava «Digital QR menu» sul telefono (390–430 px, solo nella home inglese,
      solo nel rendering software dello scatto --fermo; nella home italiana non c'è). Il riflesso del vetro era una
      sfumatura su tutta l'altezza dell'insegna, chiara in alto e trasparente dal 40%: lo stesso riflesso disegnato
      come uno strato alto il 40% è identico a vederlo, e la linea non compare più a nessuna larghezza provata.
   2) Sopra i 1080 px, fra 1081 e circa 1200 px, la prima riga del prezzo delle insegne con «(in Italian)» passava
      sotto la freccia (in alto la freccia sporgeva di 4 px nella riga del prezzo). La freccia, che è solo un
      disegno (aria-hidden: si tocca l'insegna intera), ha un riquadro alto 20 px invece di 28: in basso, accanto
      all'ultima riga, non sale più.
   3) Fra 1081 e 1239 px (sei insegne per riga, strette) alcuni prezzi andavano a capo: «€49 + €9/month» in
      inglese, e in italiano «€249 + €19/mese», «€390 + €29/mese», «€49 + €9/mese», «€149 una tantum». Solo in
      quella fascia il prezzo ha il corpo che ha già sul telefono (13,5 px) e l'insegna 6 px di margine in meno
      per lato: tutti su una riga, misurati da 1081 a 1239 px in tutte e due le lingue. */
.targa a{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent) 0 0/100% 40% no-repeat,var(--pannello)}
@media (min-width:1081px){
  .targa .vai{height:20px}
}
@media (min-width:1081px) and (max-width:1239px){
  .targa a{padding-left:10px;padding-right:10px}
  .targa .costo{font-size:13.5px;padding-right:22px}
}

/* Bozza 8, correzioni del revisore (revisore_2026-10-10_164647_1400173.log): nella home inglese i pulsanti con
   «(in Italian)» su due righe erano alti 56 px e gli altri 46, a scalino in ogni riga di Offerte. Giro 14: la riga
   «(in Italian)» non c'è più e l'altezza minima di 56 px è tolta, tutti alti 46 come il .btn di base; testo centrato in verticale (.btn è già inline-flex centrato). #offerte esiste
   solo nelle home, e :lang(en) lo prende solo quella inglese: l'italiana resta com'è. Rientro laterale 18 px (come .porta .btn) invece di 22: a 1081 px «See Workspace
   prices and limits» non ci stava e andava su due righe, pulsante alto 75. */
#offerte:lang(en) .trio .offerta .btn,#offerte:lang(en) .coppia .offerta .btn{justify-content:center;padding-left:18px;padding-right:18px}

/* Bozza 8, titoli delle schede di Offerte su una riga (Francesco, 10/10). Fra 1081 e 1221 px le colonne sono strette
   e alcuni titoli andavano a capo: «Cloud: rilasci e manutenzione», «Email al sicuro: la regola DMARC», i loro
   inglesi e «Accessibility for your online shop». In quelle schede il prezzo scendeva di una riga rispetto alle
   vicine. I testi restano quelli online. Solo in questa fascia i titoli di tutte le schede di Offerte hanno il corpo
   18,5 px invece di 21 (così le righe restano uguali fra loro), e i tre pannelli della terna hanno 22 px di rientro
   laterale invece di 28. Il più lungo, «Email security: the DMARC policy», a 1081 px è largo 278 px su 281.
   La fascia arriva a 1221 e non a 1180: misurato, quel titolo inglese a 21 px sta su una riga solo da 1222 px. */
@media (min-width:1081px) and (max-width:1221px){
  #offerte .trio .offerta h3,#offerte .coppia .offerta h3{font-size:18.5px}
  #offerte .coppia.terna .offerta{padding-left:22px;padding-right:22px}
}

/* Bozza 8, riga «Per chi cerca un fornitore IT» (Francesco, 10/10, revisore_2026-10-10_171749_1408940.log). Fra 1081
   e 1131 px la nota del prezzo andava a capo in Cloud e in Email ma non in Workspace («€190 il check-up», più corta):
   testi sfalsati di 24 px. In questa fascia la nota sta sempre su una riga sua, sotto la cifra, in tutte e tre le
   schede. Il .prezzo è flex con a capo (insegna.css): display:block sul small non lo manderebbe a capo, la base al
   100% sì. Sopra 1140 px e sul telefono niente cambia. */
@media (min-width:1081px) and (max-width:1139px){
  #offerte .coppia.terna .offerta .prezzo small{flex-basis:100%}
}