/* LR — Final CTA / Arch CTA (11). Valores = layout aprovado (Home V2). */

.lr-arch {
	padding: clamp(16px, 2vw, 28px) clamp(16px, 2vw, 28px) 0;
	background: var(--lr-mint);
	color: var(--lr-white);
}

.lr-arch__stage {
	position: relative;
	display: flex;
	justify-content: center;
	height: clamp(640px, 94vh, 940px);
}

/* Largura e raio são controlados pelo scroll (JS); sem movimento = largura total, sem raio. */
.lr-arch__arch {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	isolation: isolate;
	border-radius: 999px 999px 0 0;
	background: var(--lr-primary);
}

.lr-arch--static .lr-arch__arch {
	width: 100%;
	border-radius: 0;
}

.lr-arch__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.lr-arch__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background-image: linear-gradient(
		180deg,
		color-mix(in srgb, var(--lr-black) 28%, transparent),
		color-mix(in srgb, var(--lr-black) 62%, transparent)
	);
}

.lr-arch__layers {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
}

@media (max-width: 899px) {
	.lr-arch__layers {
		display: none;
	}
}

/* ------------------------------------------------ conteúdo */

.lr-arch__content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	z-index: 1;
	padding: 0 24px clamp(56px, 8vw, 110px);
	text-align: center;
}

.lr-arch__logo {
	width: clamp(200px, 26vw, 400px);
	height: auto;
}

.lr-arch__tagline {
	margin: 28px 0 0;
	font-weight: 700;
	font-size: calc(clamp(18px, 1.8vw, 26px) * var(--lr-ts, 1));
	color: var(--lr-mint);
}

.lr-arch__title {
	margin: 14px 0 0;
	max-width: 1000px;
	font-weight: 800;
	font-size: calc(clamp(42px, 6.2vw, 104px) * var(--lr-ts, 1));
	line-height: .95;
	letter-spacing: -.04em;
	text-wrap: balance;
}

.lr-arch__body {
	margin: 26px 0 0;
	max-width: 560px;
	font-size: calc(clamp(16px, 1.3vw, 19px) * var(--lr-ts, 1));
	line-height: 1.55;
	color: var(--lr-white);
}

.lr-arch__body p + p {
	margin-top: 12px;
}

.lr-arch__ctas {
	justify-content: center;
	gap: 14px;
	margin-top: 34px;
}

.lr-arch .lr-btn--cta1.lr-btn--yellow {
	font-weight: 800;
}