/**
 * Animações no scroll — fade-in e linhas desenhando
 * Paleta: preto, vermelho (#c51f40), cinza
 */

/* === Fade-in (seções) === */
.scroll-fade {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),
	            transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.scroll-fade.scroll-visible {
	opacity: 1;
	transform: translateY(0);
}

/* === Linhas desenhando === */

/* hr — animação de desenho horizontal */
.scroll-line hr {
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.scroll-line.scroll-visible hr {
	transform: scaleX(1);
}

/* viptv-titulo::after — underline vermelho */
.viptv-titulo::after {
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.viptv.scroll-visible .viptv-titulo::after {
	transform: scaleX(1);
}

/* colunistas h1::before — barra vermelha */
.colunistas h1::before {
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.colunistas.scroll-visible h1::before {
	transform: scaleX(1);
}

/* parceiros .titulo::before */
.parceiros .titulo::before {
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.parceiros.scroll-visible .titulo::before {
	transform: scaleX(1);
}

/* arquivo .titulo::before (Mais Lidas) */
.nhome .arquivo .titulo::before,
.arquivo .titulo::before {
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.nhome .arquivo.scroll-visible .titulo::before,
.arquivo.scroll-visible .titulo::before {
	transform: scaleX(1);
}

/* viptv-titulo como scroll-line (quando observado diretamente) */
.viptv-titulo.scroll-line::after {
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.viptv-titulo.scroll-line.scroll-visible::after {
	transform: scaleX(1);
}

/* colunista-perfil-divider — linha centralizada, anima do centro */
.colunista-perfil .scroll-line .colunista-perfil-divider {
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.colunista-perfil .scroll-line.scroll-visible .colunista-perfil-divider {
	transform: scaleX(1);
}

/* Acessibilidade: usuários que preferem movimento reduzido */
@media (prefers-reduced-motion: reduce) {
	.scroll-fade {
		opacity: 1;
		transform: none;
		transition: none;
	}
	.scroll-line hr,
	.viptv-titulo::after,
	.colunistas h1::before,
	.parceiros .titulo::before,
	.nhome .arquivo .titulo::before,
	.arquivo .titulo::before,
	.viptv-titulo.scroll-line::after,
	.colunista-perfil .scroll-line .colunista-perfil-divider {
		transform: scaleX(1);
		transition: none;
	}
}