.sobre__image img {
	display: block;
	width: 100%;
	aspect-ratio: 1920 / 570;
	object-fit: cover;
	border-radius: 5px;
}

/* Cartão sobrepõe a base da imagem com margem negativa — sem
   position:absolute em nenhum dos dois, os dois ficam em fluxo normal
   (mesmo princípio do act-tema/destaque). */
.sobre__card {
	max-width: 1534px;
	margin: -60px auto 0;
	padding: 54px 118px;
	background: var(--gradiente);
	border-radius: 5px;
	display: flex;
	align-items: center;
	gap: 24px;
}

.sobre__card h1,
.sobre__card h2,
.sobre__card h3 {
	flex: 1 1 380px;
	color: var(--cor-branco);
	font-family: var(--font-2, serif);
	font-weight: 300;
	font-size: var(--fs-2);
}

.sobre__card p {
	flex: 2 1 600px;
	color: var(--cor-branco);
	font-family: var(--font-1, sans-serif);
	font-weight: 300;
	font-size: var(--fs-4);
}

@media (max-width: 991px) {
	.sobre__card {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}

	.sobre__container .sobre__card * {
		flex: unset;
	}
}

@media (max-width: 767px) {
	.sobre__card {
		margin-top: -32px;
		padding: var(--spacing-lg);
	}
}