/* Conecta On — Safe Native CSS Animations */
[data-conecta-animate] {
	opacity: 1;
	transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Optional subtle entry states when JavaScript is active */
body.js-enabled [data-conecta-animate="fade-up"]:not(.is-animated) {
	opacity: 0.8;
	transform: translateY(20px);
}

body.js-enabled [data-conecta-animate="fade-down"]:not(.is-animated) {
	opacity: 0.8;
	transform: translateY(-20px);
}

body.js-enabled [data-conecta-animate="fade-right"]:not(.is-animated) {
	opacity: 0.8;
	transform: translateX(-20px);
}

body.js-enabled [data-conecta-animate="fade-left"]:not(.is-animated) {
	opacity: 0.8;
	transform: translateX(20px);
}

body.js-enabled [data-conecta-animate="zoom-in"]:not(.is-animated) {
	opacity: 0.8;
	transform: scale(0.95);
}

[data-conecta-animate].is-animated {
	opacity: 1 !important;
	transform: none !important;
}

/* Accessibility: Respect Reduced Motion Preference */
@media (prefers-reduced-motion: reduce) {
	[data-conecta-animate] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}