/* Itera — Título de página */

.itera-page-title {
	overflow: hidden;
	/* topo maior para o conteúdo não ficar sob o header flutuante */
	padding: 168px 0 64px;
	background:
		radial-gradient(ellipse 50% 70% at 50% 15%, rgba(176, 156, 245, 0.45) 0%, transparent 70%),
		#f3f2f6;
}

.itera-page-title__title {
	margin: 0;
	font-family: var(--itera-font);
	font-size: clamp(34px, 4.4vw, 52px);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.01em;
	color: #333342;
}

.itera-page-title__sub {
	max-width: 520px;
	margin: 16px auto 0;
	font-size: 16px;
	line-height: 1.45;
	color: var(--itera-text);
}

@media (max-width: 767px) {
	.itera-page-title {
		padding: 120px 0 48px;
	}
}
