/**
 * Utilidades responsive globales.
 *
 * @package Groowleck
 */

.show-mobile,
.show-tablet {
	display: none !important;
}

@media (max-width: 64rem) {
	.hide-tablet {
		display: none !important;
	}

	.show-tablet {
		display: revert !important;
	}

	.tablet-stack {
		display: flex !important;
		flex-direction: column !important;
	}

	.tablet-text-center {
		text-align: center !important;
	}
}

@media (max-width: 42rem) {
	.hide-mobile {
		display: none !important;
	}

	.show-mobile {
		display: revert !important;
	}

	.show-desktop,
	.show-tablet {
		display: none !important;
	}

	.mobile-stack {
		display: flex !important;
		flex-direction: column !important;
	}

	.mobile-width-full {
		width: 100% !important;
	}

	.mobile-text-center {
		text-align: center !important;
	}

	.mobile-order-first {
		order: -1 !important;
	}

	.mobile-order-last {
		order: 99 !important;
	}
}

@media (min-width: 64.0625rem) {
	.hide-desktop {
		display: none !important;
	}

	.show-desktop {
		display: revert !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.motion-safe-only {
		display: none !important;
	}
}

@media print {
	.no-print {
		display: none !important;
	}

	.print-only {
		display: revert !important;
	}
}

@media screen {
	.print-only {
		display: none !important;
	}
}