/*
 * Malvón – Título del banner que aparece y desaparece
 * Se activa agregando una clase en Elementor (Avanzado → Clases CSS) a la capa que lleva el texto
 * y el degradé, para que se desvanezcan juntos:
 *   - mlv-banner-ciclo      aparece y desaparece una y otra vez
 *   - mlv-banner-una-vez    aparece, se queda unos segundos y desaparece para siempre
 * Los tiempos se configuran en Ajustes → Cintas de estado. La animación (@keyframes mlv-banner-fundido)
 * y la variable --mlv-banner-ciclo se generan desde esos ajustes.
 */
:root {
	--mlv-banner-ciclo: 14s;
}

.elementor .mlv-banner-ciclo {
	animation: mlv-banner-fundido var(--mlv-banner-ciclo) ease-in-out infinite;
}

.elementor .mlv-banner-una-vez {
	animation: mlv-banner-fundido var(--mlv-banner-ciclo) ease-in-out 1 forwards;
}

/* Mientras se edita, el texto queda siempre visible. */
.elementor-editor-active .elementor .mlv-banner-ciclo,
.elementor-editor-active .elementor .mlv-banner-una-vez {
	animation: none;
}

@media (prefers-reduced-motion: reduce) {
	.elementor .mlv-banner-ciclo,
	.elementor .mlv-banner-una-vez {
		animation: none;
	}
}