/* =========================================================
   Testo animato — shortcode [testo_animato]
   ========================================================= */

/*
 * Il wrapper usa inline-flex per allineare il testo fisso
 * e il ticker sulla stessa baseline, comportandosi come
 * testo inline all'interno del modulo Divi.
 */
.testo-animato-wrapper {
	display: inline-flex;
	align-items: flex-end;
}

/*
 * Il ticker nasconde le parole fuori dalla riga corrente
 * tramite overflow hidden. L'altezza viene impostata via JS
 * per adattarsi al font-size scelto in Divi.
 */
.parole-ticker {
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
}

/* Stack verticale di parole: JS trasla questo elemento verso l'alto */
.parole-ticker-inner {
	display: flex;
	flex-direction: column;
	will-change: transform;
}

/* Ogni parola occupa esattamente una riga */
.parola-item {
	display: block;
	white-space: nowrap;
	line-height: inherit;
}