/* =====================================================================
   Formati del rich text - voci del menu "Formats" di TinyMCE

   COME FUNZIONA
   Umbraco costruisce il menu leggendo le regole dei fogli di stile
   SPUNTATI nel datatype del rich text. Ogni regola preceduta dal
   marcatore umb_name diventa una voce del menu.
   Il selettore decide anche COME il formato viene applicato
   (umbraco.controllers.js:13751): un selettore che comincia con "."
   diventa inline:"span" e avvolge la sola selezione, mentre "p.qualcosa"
   diventa block:"p" e veste l'intero paragrafo.

   ⚠️ LA FORMA "block" QUI NON PUO' FUNZIONARE.
   In Config/tinyMceConfig.config la chiave forced_root_block e' VUOTA:
   TinyMCE non crea mai paragrafi, Invio produce un <br> e il contenuto
   salvato e' fatto di soli <span> e <br>. Provato il 26/08/2026 portando
   i selettori a "p.rte-XX": i formati avevano semplicemente smesso di
   funzionare. E' una configurazione di TUTTO il sito, non si tocca per
   una landing.

   PERCHE' C'E' display: inline-block
   Risolve l'interlinea. L'altezza di una riga non puo' scendere sotto
   quella imposta dal blocco che la contiene: un disclaimer da 12px
   marcato con uno span semplice, dentro un sottotitolo da 24px, restava
   distanziato 29px riga per riga - segnalazione del cliente. Da
   inline-block il testo marcato forma un riquadro suo, con la propria
   interlinea. Misurato su quattro righe: 116px prima, 65px dopo.
   1.36 e' senza unita' di misura, quindi proporzionale: a 12px fa 16,3
   (il 12/16 chiesto dal cliente), a 34px fa 46,2 (l'interlinea dell'H1).

   ⚠️ DIFETTO NOTO E ANCORA APERTO - LE CLASSI SI ACCUMULANO.
   TinyMCE tratta ogni voce come un interruttore indipendente: scegliendo
   una seconda misura AGGIUNGE la sua classe invece di togliere la prima.
   Visto in redazione il 26/08/2026: sei classi su un solo span. E siccome
   hanno tutte la stessa specificita', vince l'ultima dichiarata in questo
   file - cioe' la piu' piccola, essendo ordinate dal grande al piccolo.
   In pratica si puo' rimpicciolire ma non tornare su.
   Dal foglio di stile NON si puo' risolvere: e' una proprieta' del
   formato, non del CSS. Il tentativo di spostare le voci negli
   style_formats del customConfig e' parcheggiato, e il perche' e'
   scritto in Config/tinyMceConfig.config.
   ⚠️ Se un domani quelle voci tornano nel customConfig, i marcatori
   umb_name qui vanno TOLTI: i due elenchi si concatenano
   (umbraco.controllers.js:13820) e il menu le mostrerebbe due volte.

   ⚠️ Lo span con la classe sopravvive al salvataggio grazie alla riga
   span[class|align|style] in Config/tinyMceConfig.config. Se "class"
   sparisse da li', i formati smetterebbero di funzionare senza errori.

   Le misure NON scalano su mobile, ed e' una scelta: le voci si chiamano
   con il loro numero e devono valere quel numero. La landing invece e'
   responsive, quindi un testo marcato 34px sul telefono resta 34 e
   diventa piu' grande del titolo di pagina, che li' vale 28.
   ===================================================================== */

/**umb_name:Testo 34px*/
.rte-34 {
	display: inline-block;
	max-width: 100%;
	font-size: 34px;
	line-height: 1.36;
}

/**umb_name:Testo 32px*/
.rte-32 {
	display: inline-block;
	max-width: 100%;
	font-size: 32px;
	line-height: 1.36;
}

/**umb_name:Testo 28px*/
.rte-28 {
	display: inline-block;
	max-width: 100%;
	font-size: 28px;
	line-height: 1.36;
}

/**umb_name:Testo 24px*/
.rte-24 {
	display: inline-block;
	max-width: 100%;
	font-size: 24px;
	line-height: 1.36;
}

/**umb_name:Testo 20px*/
.rte-20 {
	display: inline-block;
	max-width: 100%;
	font-size: 20px;
	line-height: 1.36;
}

/**umb_name:Testo 18px*/
.rte-18 {
	display: inline-block;
	max-width: 100%;
	font-size: 18px;
	line-height: 1.36;
}

/**umb_name:Testo 16px*/
.rte-16 {
	display: inline-block;
	max-width: 100%;
	font-size: 16px;
	line-height: 1.36;
}

/**umb_name:Testo 14px*/
.rte-14 {
	display: inline-block;
	max-width: 100%;
	font-size: 14px;
	line-height: 1.36;
}

/**umb_name:Testo 12px*/
.rte-12 {
	display: inline-block;
	max-width: 100%;
	font-size: 12px;
	line-height: 1.36;
}