/* Colonna laterale «Servizi correlati», uguale in tutte le pagine che ce l'hanno (12/11/2026).
   Il contenuto lo fa [ftc_servizi_correlati] in functions.php (link pertinenti alla pagina), dentro il widget globale 26814.
   Titolo nello stile dei titoli del sito, voci nel carattere del testo, a filo con il titolo, linee sottili.
   Al passaggio del mouse la voce scivola a destra, compare il logo FT e diventa blu. */

.ft-correlati__titolo {
	margin: 0 0 12px;
	font-family: "Roboto", sans-serif;
	font-size: var(--ft-h3);
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
	color: #263037;
}
.ft-correlati__lista { list-style: none; margin: 0; padding: 0; }
.ft-correlati__lista li { margin: 0; padding: 0; border-bottom: 1px solid rgba(32, 40, 45, .14); }
.ft-correlati__lista li::before { display: none; }
.ft-correlati__lista a {
	position: relative;
	display: block;
	padding: 14px 32px 14px 0;
	font-family: "Roboto", sans-serif;
	font-size: var(--ft-testo);
	font-weight: 400;
	line-height: 1.45;
	color: #20282d;
	text-decoration: none;
}
.ft-correlati__testo { display: block; transition: transform .3s ease, color .3s ease; }
.ft-correlati__logo {
	position: absolute;
	left: 0;
	top: 50%;
	width: 22px;
	height: 22px;
	opacity: 0;
	transform: translate(-6px, -50%);
	transition: opacity .3s ease, transform .3s ease;
	pointer-events: none;
}
.ft-correlati__lista a:hover .ft-correlati__testo,
.ft-correlati__lista a:focus-visible .ft-correlati__testo { transform: translateX(34px); color: #153155; }
.ft-correlati__lista a:hover .ft-correlati__logo,
.ft-correlati__lista a:focus-visible .ft-correlati__logo { opacity: 1; transform: translate(0, -50%); }
.ft-correlati__lista a:focus-visible { outline: 2px solid #153155; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
	.ft-correlati__testo, .ft-correlati__logo { transition: none; }
}

/* Tablet e telefono (12/11/2026): fino a 991 px la colonna laterale va sotto il contenuto, staccata 48 px (come prima
   e dopo il blocco ebook). Il margine di 100 px che Elementor le dava sotto si toglie: lo spazio fino al footer lo da'
   l'ultima sezione di ogni pagina, uguale ovunque (uniforma/spazio-fondo.php). */
@media (max-width: 991px) {
	#pxl-main .elementor-column:has(.ft-correlati) > .elementor-element-populated { margin-bottom: 0 !important; padding-top: 33px !important; }
}
/* su tablet lo stacco prima dei Servizi correlati e' 64 px, come prima del blocco ebook a quella larghezza */
@media (min-width: 768px) and (max-width: 991px) {
	#pxl-main .elementor-column:has(.ft-correlati) > .elementor-element-populated { padding-top: 49px !important; }
}