/* Carosello loghi — isolato sotto .spi-rd:not(#spi-rd-x) come il resto del redesign */
.spi-rd:not(#spi-rd-x).spi-logos { --gap: clamp(36px, 4.5vw, 72px); padding: 6px 0; }
.spi-rd:not(#spi-rd-x) .spi-logos__vp {
	display: flex; overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
}
.spi-rd:not(#spi-rd-x) .spi-logos__track {
	/* !important: sotto i 1000px Salient forza `.col.centered-text ul { display:block !important }` e la fila diventava una colonna */
	display: flex !important; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: var(--gap); flex: none; margin: 0; padding: 0 var(--gap) 0 0; list-style: none; text-align: left;
	animation: spi-logos-marquee var(--dur, 60s) linear infinite;
}
.spi-rd:not(#spi-rd-x) .spi-logos__item { list-style: none !important; margin: 0; padding: 0; flex: none; }
.spi-rd:not(#spi-rd-x) .spi-logos__link { display: flex; align-items: center; justify-content: center; height: 84px; padding: 0 4px; text-decoration: none; border-radius: 10px; }
.spi-rd:not(#spi-rd-x) .spi-logos__img { display: block; width: calc(var(--s, 40px) * var(--lw, 1)); max-width: 210px; max-height: 64px; height: auto; margin: 0 !important; opacity: .72; transition: opacity .2s ease; }
.spi-rd:not(#spi-rd-x) .spi-logos__img.logo--svg { filter: brightness(0) invert(1); }
.spi-rd:not(#spi-rd-x) .spi-logos__word { font: 600 20px/1 var(--font-ui, 'Manrope', sans-serif); color: #fff !important; opacity: .72; white-space: nowrap; }
@media (hover: hover) and (pointer: fine) {
	.spi-rd:not(#spi-rd-x) a.spi-logos__link:hover .spi-logos__img, .spi-rd:not(#spi-rd-x) a.spi-logos__link:hover .spi-logos__word { opacity: 1; }
}
.spi-rd:not(#spi-rd-x) a.spi-logos__link:focus-visible { outline: 2px solid var(--accent, #4ca49a); outline-offset: 4px; }
.spi-rd:not(#spi-rd-x) a.spi-logos__link:focus-visible .spi-logos__img { opacity: 1; }
/* pausa quando l'utente ci punta o naviga da tastiera */
.spi-rd:not(#spi-rd-x).spi-logos:hover .spi-logos__track,
.spi-rd:not(#spi-rd-x).spi-logos:focus-within .spi-logos__track { animation-play-state: paused; }
@keyframes spi-logos-marquee { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@media (max-width: 760px) {
	.spi-rd:not(#spi-rd-x).spi-logos { --gap: 36px; }
	.spi-rd:not(#spi-rd-x) .spi-logos__img { max-width: 150px; max-height: 50px; width: calc(42px * var(--lw, 1)); }
	.spi-rd:not(#spi-rd-x) .spi-logos__link { height: 60px; }
}
/* movimento ridotto: niente scorrimento automatico, fila scorrevole a mano */
@media (prefers-reduced-motion: reduce) {
	.spi-rd:not(#spi-rd-x) .spi-logos__track { animation: none; }
	.spi-rd:not(#spi-rd-x) .spi-logos__track--clone { display: none !important; }
	.spi-rd:not(#spi-rd-x) .spi-logos__vp { overflow-x: auto; scrollbar-width: none; -webkit-mask-image: none; mask-image: none; }
}