/*
 * Cinta de texto en bucle (sustituye al Marquee Text de DiviFlash).
 * Uso: módulo Texto con la clase CSS "kp-cinta" y, dentro, un único h2 con el texto repetido
 * dos veces seguidas (idéntico): la animación desplaza la mitad y vuelve a empezar sin salto.
 */
.kp-cinta {
	overflow: hidden;
}

.kp-cinta h2 {
	display: inline-block;
	animation: kp-cinta 45s linear infinite;
	will-change: transform;
}

@keyframes kp-cinta {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.kp-cinta h2 {
		animation: none;
	}
}