/* UNIKAL ANIMATIONS - Define las opciones visuales y la ocultación previa de las animaciones de entrada individuales y de grupos de hijos directos. Mantiene visibles los elementos cuya animación está en curso, ha terminado o está desactivada, y respeta las preferencias de movimiento reducido y las opciones por dispositivo. */

:root {
	--motion-duration: 650ms;
	--motion-delay: 0ms;
	--motion-distance: 28px;
	--motion-easing: cubic-bezier(0.25, 0.25, 0.25, 1);
}

/* Ocultación previa, incluidos los hijos de grupos antes de recibir la clase motion. */
@media (prefers-reduced-motion: no-preference) {
	html.unikal-motion-ready
		:where(
			.motion:not(.motion-group, .motion-ignore),
			.motion-group:not(:has(> .e-con-inner))
				> :not(.motion-ignore, .motion-group, script, style, link, template),
			.motion-group
				> .e-con-inner
				> :not(.motion-ignore, .motion-group, script, style, link, template)
		):not([data-motion-state='running']):not([data-motion-state='done']):not(
			[data-motion-state='disabled']
		) {
		visibility: hidden !important;
	}
}

/* Desactivación individual o del grupo completo. */
html.unikal-motion-ready
	:where(
		.motion.motion-disable,
		.motion-group.motion-disable > *,
		.motion-group.motion-disable > .e-con-inner > *
	) {
	visibility: inherit !important;
}

/* Móvil. */
@media (max-width: 767px) {
	html.unikal-motion-ready
		:where(
			.motion.motion-disable-mobile,
			.motion-group.motion-disable-mobile > *,
			.motion-group.motion-disable-mobile > .e-con-inner > *
		) {
		visibility: inherit !important;
	}
}

/* Tablet. */
@media (min-width: 768px) and (max-width: 1024px) {
	html.unikal-motion-ready
		:where(
			.motion.motion-disable-tablet,
			.motion-group.motion-disable-tablet > *,
			.motion-group.motion-disable-tablet > .e-con-inner > *
		) {
		visibility: inherit !important;
	}
}

/* Escritorio. */
@media (min-width: 1025px) {
	html.unikal-motion-ready
		:where(
			.motion.motion-disable-desktop,
			.motion-group.motion-disable-desktop > *,
			.motion-group.motion-disable-desktop > .e-con-inner > *
		) {
		visibility: inherit !important;
	}
}

/* Editor: contenido siempre visible. */
body.elementor-editor-active .motion,
body.elementor-edit-mode .motion {
	visibility: inherit !important;
}

/* Evitar scroll horizontal durante las entradas. */
@supports (overflow: clip) {
	html.unikal-motion-ready,
	html.unikal-motion-ready body {
		overflow-x: clip;
	}
}

/* Utilidades opcionales para contenedores. */
.motion-clip {
	overflow: clip;
}

.motion-perspective {
	perspective: 1000px;
}