/* V3.6 — Abertura sempre visível em computador, tablet e celular. */
.hero .hero-copy,
.hero .hero-art,
.hero .hero-photo,
.hero .hero-photo img {
	visibility: visible !important;
	opacity: 1 !important;
}

@media (max-width: 1020px) {
	.hero .hero-copy,
	.hero .hero-art {
		transform: none !important;
		animation: none !important;
	}
}

@media (min-width: 761px) and (max-width: 1020px) {
	.hero-art-graduates {
		display: block !important;
		min-height: 500px !important;
	}

	.hero-art-graduates .hero-photo-graduates {
		display: block !important;
	}
}

@media (max-width: 760px) {
	.hero {
		display: flex !important;
		flex-direction: column !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	.hero .hero-art-graduates {
		display: block !important;
		position: relative !important;
		order: -1 !important;
		flex: 0 0 382px !important;
		height: 382px !important;
		min-height: 382px !important;
		margin: 0 0 25px !important;
	}

	.hero-art-graduates .hero-photo-graduates {
		display: block !important;
		position: absolute !important;
		inset: 0 0 auto 0 !important;
		width: 100% !important;
		height: 364px !important;
		margin: 0 !important;
	}

	.hero-art-graduates .hero-photo-graduates img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
		object-position: center center !important;
	}

	.hero .hero-copy {
		display: block !important;
		position: relative !important;
		order: 0 !important;
		max-width: none !important;
	}
}