/* Cinta de texto en movimiento (se carga solo donde hay una .ep-cinta). La duración la ajusta cinta.js para ir a la
   velocidad de la web actual; los 15 s son solo el valor de partida. */
.ep-cinta {
	overflow: hidden;
	padding: 100px 0;
}

.ep-cinta__pista {
	display: flex;
	width: max-content;
	animation: ep-cinta 15s linear infinite;
}

.ep-cinta ul {
	display: flex;
	gap: 72px;
	margin: 0;
	padding: 0 72px 0 0;
	list-style: none;
}

.ep-cinta li {
	flex-shrink: 0;
	margin: 0;
	font-size: 36px;
	line-height: 1;
	white-space: nowrap;
	text-transform: uppercase;
}

@keyframes ep-cinta {
	to { transform: translateX(-50%); }
}

@media (max-width: 767px) {
	.ep-cinta {
		padding: 0 0 20px;
	}

	.ep-cinta ul {
		gap: 20px;
		padding-right: 20px;
	}

	.ep-cinta li {
		font-size: 19.5px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ep-cinta__pista {
		animation: none;
	}
}