/* =========================================================
   O Projeto — Sobre o Túnel (RF-20)
   ========================================================= */

.tsg-sobre-tunel {
	scroll-margin-top: calc(var(--tsg-altura-cabecalho) + var(--wp--preset--spacing--20));
}

.tsg-sobre-tunel__corpo {
	padding: clamp(64px, 9vw, 116px) max(28px, 16vw);
	background: var(--wp--preset--color--branco);
}

.tsg-sobre-tunel__tecnologia {
	padding: clamp(64px, 9vw, 116px) max(28px, 16vw);
	background: var(--wp--preset--color--fundo-neblina);
}

.wp-site-blocks .tsg-sobre-tunel > .tsg-sobre-tunel__corpo,
.wp-site-blocks .tsg-sobre-tunel > .tsg-sobre-tunel__tecnologia,
.wp-site-blocks .tsg-sobre-tunel > .tsg-subhero {
	width: 100%;
	max-width: none;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.tsg-sobre-tunel__tecnologia-titulo {
	max-width: 22ch;
	margin: 0 0 clamp(40px, 6vw, 72px);
	color: var(--wp--preset--color--fundo-escuro);
	font-family: var(--wp--preset--font-family--titulo);
	font-size: clamp(36px, 5vw, 64px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.02em;
	text-wrap: balance;
}

.wp-site-blocks .tsg-sobre-tunel__tecnologia > .tsg-sobre-tunel__tecnologia-titulo {
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: center;
}

.wp-site-blocks .tsg-sobre-tunel__tecnologia > .tsg-eyebrow {
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: center;
}

.tsg-sobre-tunel__tecnologia-leitura {
	max-width: 78ch;
	margin: 0 auto;
	text-align: center;
}

.tsg-sobre-tunel__tecnologia-leitura p {
	margin: 0;
	color: var(--wp--custom--texto-suave);
	font-size: var(--wp--preset--font-size--body-lg);
	line-height: 1.56;
	text-wrap: pretty;
}

.tsg-sobre-tunel__tecnologia-leitura p + p {
	margin-top: 18px;
}

/* Números técnicos destacáveis na leitura (RF-20.3) */
.tsg-sobre-tunel .tsg-split__leitura strong,
.tsg-sobre-tunel__tecnologia-leitura strong {
	color: var(--wp--preset--color--fundo-escuro);
	font-weight: 700;
}

@media (max-width: 899px) {
	.tsg-sobre-tunel__corpo,
	.tsg-sobre-tunel__tecnologia {
		padding-right: var(--wp--preset--spacing--30);
		padding-left: var(--wp--preset--spacing--30);
	}
}

@media (max-width: 767px) {
	.tsg-sobre-tunel__corpo,
	.tsg-sobre-tunel__tecnologia {
		padding-right: var(--wp--preset--spacing--20);
		padding-left: var(--wp--preset--spacing--20);
	}
}