/**
 * Animate.css helpers — Solucion Total
 */

.st-animate:not(.animate__animated) {
	opacity: 0;
}

.st-hero-text:not(.st-animate-visible) {
	opacity: 0;
}

.st-animate.st-animate-visible {
	opacity: 1;
}

.st-animate.animate__animated {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.st-animate {
		opacity: 1 !important;
	}

	.animate__animated {
		animation: none !important;
		transition: none !important;
	}

	.st-service-icon-animate {
		opacity: 1 !important;
		transform: none !important;
	}

	.st-service-icon-animate.st-service-icon-active {
		animation: none !important;
	}

	.st-hero-icon-item {
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
	}

	.st-hero-icon-orbit,
	.st-hero-icon-plus {
		animation: none !important;
	}
}

@media (max-width: 768px) {
	.st-hero-text:not(.st-animate-visible) {
		opacity: 1;
	}

	.st-hero-slide .st-hero-icon-item {
		opacity: 1;
		transform: none;
	}

	.st-hero-slide .st-hero-contact-btn {
		opacity: 1;
		transform: none;
	}

	.st-hero-slide {
		transition: opacity 0.45s ease, visibility 0.45s ease;
	}
}

@keyframes st-service-icon-pulse {
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(245, 184, 0, 0.35);
	}
	50% {
		transform: scale(1.06);
		box-shadow: 0 0 0 10px rgba(245, 184, 0, 0);
	}
}