.area-institucional .conteudo-principal {
	max-width: none;
	padding: 0;
}

.hero {
	display: grid;
	min-height: calc(100vh - 74px);
	place-items: center;
	padding: 5rem 1.5rem;
	text-align: center;
}

.hero-conteudo {
	background: var(--eq-white);
	border: 1px solid var(--cor-borda);
	border-radius: 16px;
	box-shadow: var(--sombra);
	max-width: 760px;
	padding: clamp(2rem, 6vw, 4rem);
}

.hero h1 {
	font-size: clamp(2rem, 5vw, 2.25rem);
	font-weight: 900;
	line-height: 1.15;
	margin: 0.4rem 0 1rem;
}

.hero p {
	color: var(--cor-texto-secundario);
	font-size: clamp(1rem, 2vw, 1.125rem);
	margin: 0 auto 1.75rem;
	max-width: 60ch;
}