/* LR — Growth Assessment (08). Valores = layout aprovado. Tema via modificador. */

.lr-assess,
.lr-assess--brown {
	--lr-assess-bg: var(--lr-primary);
	--lr-assess-ink: var(--lr-white);
	--lr-assess-eyebrow: var(--lr-mint);
	--lr-assess-clock: var(--lr-yellow);
}

.lr-assess--mint {
	--lr-assess-bg: var(--lr-mint);
	--lr-assess-ink: var(--lr-primary);
	--lr-assess-eyebrow: var(--lr-primary);
	--lr-assess-clock: var(--lr-primary);
}

.lr-assess {
	position: relative;
	overflow: hidden;
	background-color: var(--lr-assess-bg);
	color: var(--lr-assess-ink);
}

.lr-assess__wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	min-height: var(--lr-assess-min-h, min(100vh, 860px));
}

/* ------------------------------------------------------------------ text */

.lr-assess__text {
	flex: 1 1 520px;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: clamp(72px, 8vw, 112px) clamp(32px, 5vw, 96px) clamp(72px, 8vw, 112px) max(var(--lr-gutter), calc((100vw - var(--lr-max)) / 2 + 56px));
}

.lr-assess__text-in {
	max-width: 640px;
	width: 100%;
}

.lr-assess .lr-assess__eyebrow {
	color: var(--lr-assess-eyebrow);
}

.lr-assess__title {
	margin: 24px 0 0;
	font-weight: 800;
	font-size: calc(clamp(44px, 5.4vw, 92px) * var(--lr-ts, 1));
	line-height: .96;
	letter-spacing: -.04em;
	color: inherit;
	text-wrap: balance;
}

.lr-assess__body {
	margin-top: 32px;
	max-width: 600px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	font-size: calc(clamp(17px, 1.3vw, 19px) * var(--lr-ts, 1));
	line-height: 1.55;
	text-wrap: pretty;
}

.lr-assess__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 22px;
	margin-top: 34px;
}

.lr-assess__note {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: calc(16px * var(--lr-ts, 1));
	font-weight: 700;
	line-height: 1.3;
}

.lr-assess__note-icon {
	flex: 0 0 auto;
	height: 22px;
	width: auto;
	color: var(--lr-assess-clock);
}

.lr-assess__form {
	margin-top: 34px;
}

/* ------------------------------------------------------------------ media */

.lr-assess__media {
	flex: 1 1 480px;
	min-width: 0;
	position: relative;
	min-height: clamp(440px, 60vw, 720px);
	overflow: hidden;
}

.lr-assess__photo {
	position: absolute;
	left: 0;
	top: -6%;
	width: 100%;
	height: 112%;
}

.lr-assess__photo .lr-media__img,
.lr-assess__photo .lr-media__video {
	height: 100%; /* vence o reset .lr-w img { height:auto } do core */
	object-position: 50% 30%;
}

.lr-assess .lr-assess__center {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	height: 52%;
	width: auto;
	max-width: 70%;
	object-fit: contain;
	object-position: center;
	pointer-events: none;
}

.lr-assess__media .lr-layer {
	z-index: 2;
}

/* ------------------------------------------------------------------ narrow */

@media (max-width: 899px) {
	.lr-assess__wrap {
		min-height: auto;
	}
}

/* Desktop/notebook (≥ 1000px): colunas sempre lado a lado (em ~1000–1080px a soma das
 * bases não cabia e o bloco empilhava como no tablet). */
@media (min-width: 1000px) {
	.lr-assess__wrap {
		flex-wrap: nowrap;
	}
}