/**
 * Reveal Text Effect Styles
 * Texto que se revela de claro a negro al hacer scroll
 */

/* Efecto Reveal Text */
.reveal-text {
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0.1) 0%,
		rgba(255, 255, 255, 0.05) 10%,
		rgba(200, 200, 200, 0.2) 20%,
		rgba(150, 150, 150, 0.4) 35%,
		rgba(100, 100, 100, 0.6) 50%,
		rgba(50, 50, 50, 0.8) 65%,
		rgba(25, 25, 25, 0.9) 80%,
		rgba(0, 0, 0, 0.95) 90%,
		#000 100%
	);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	background-size: 300% 100%;
	background-position: 100% 0;
	will-change: background-position;
	display: inline-block;
}