/* ==========================================================================
   Páginas internas: topo padrão (Figma: faixa 1920 x 800)
   ========================================================================== */

.ms-interna .ms-main { background: #f6f7fa; }

/* Nas internas o logo desce 3px e o menu sobe 2px em relação à HOME. */
@media (min-width: 900px) {
	.ms-interna .ms-brand { left: calc(100.25 * var(--px)); top: calc(99.83 * var(--px)); }
	.ms-interna .ms-nav {
		left: calc(1182.8 * var(--px));
		top: calc(96.89 * var(--px));
		/* Duas pílulas sobrepostas no Figma: cinza 15% + branca 10%. */
		background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), rgba(94, 94, 94, 0.15);
	}
	/* Topo claro (Parceiros): uma pílula só, na posição da HOME, texto preto. */
	.ms-topo-claro .ms-nav {
		left: calc(1182.56 * var(--px));
		top: calc(98.89 * var(--px));
		background: rgba(94, 94, 94, 0.15);
	}
	.ms-topo-claro .ms-nav__item { color: var(--ms-black); }
}
.ms-topo-claro .ms-menu-toggle { background: rgba(94, 94, 94, 0.15); }
.ms-topo-claro .ms-menu-toggle__bar { background: var(--ms-black); }
.ms-topo-claro.ms-nav-open .ms-menu-toggle__bar,
.ms-nav-open .ms-topo-claro .ms-menu-toggle__bar { background: var(--ms-snow); }

.ms-ihero {
	position: relative;
	height: calc(800 * var(--px));
	background: var(--ms-ink);
	overflow: hidden;
	isolation: isolate;
	color: var(--ms-white);
}
.ms-ihero__media { position: absolute; inset: 0; z-index: 0; }
/* Variante clara (Parceiros): fundo #f6f7fa sem foto, textos cinza. */
.ms-ihero--claro { background: #f6f7fa; color: #5e5e5e; }
.ms-ihero--claro .ms-ihero__light { color: #5e5e5e; }

.ms-ihero__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: fill; /* No Figma a imagem é esticada para 1920 x 800. */
}

/* Rectangle 1385: degradê para preto 65% com desfoque que acompanha a opacidade. */
.ms-ihero__shade {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(var(--st, 335.794) * var(--px));
	height: calc(var(--sh, 466.131) * var(--px));
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	-webkit-backdrop-filter: blur(calc(13.65 * var(--px)));
	backdrop-filter: blur(calc(13.65 * var(--px)));
	-webkit-mask-image: linear-gradient(180deg, transparent, #000);
	mask-image: linear-gradient(180deg, transparent, #000);
}

.ms-ihero__title {
	position: absolute;
	z-index: 1;
	left: calc(87.4 * var(--px));
	top: calc(454.15 * var(--px));
	font-size: calc(160 * var(--px));
	line-height: 0.85;
	font-weight: 400;
	letter-spacing: -0.08em;
	text-transform: uppercase;
	white-space: nowrap;
	text-box: trim-both cap alphabetic;
}
.ms-ihero__title span { display: block; }
.ms-ihero__light { font-weight: 200; color: var(--ms-white); }
.ms-ihero__strong { font-weight: 400; color: var(--ms-teal); }

.ms-ihero__text {
	position: absolute;
	z-index: 1;
	left: calc(1182.56 * var(--px));
	top: calc(454.15 * var(--px));
	width: calc(var(--tw, 431.052) * var(--px));
	font-size: calc(30 * var(--px));
	line-height: 0.975;
	letter-spacing: -0.04em;
	text-box: trim-both cap alphabetic;
}

.ms-ihero__cta {
	position: absolute;
	z-index: 1;
	left: calc(1182.56 * var(--px));
	top: calc(652.12 * var(--px));
}

/* --------------------------------------------------------------------------
   Faixa de chamada (Figma: Frame 20 das internas)
   -------------------------------------------------------------------------- */
.ms-cta {
	position: relative;
	height: calc(var(--h) * var(--px));
	background: var(--ms-black);
	overflow: hidden;
	isolation: isolate;
	color: var(--ms-snow);
}
.ms-cta__decor { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.ms-cta__arcos {
	position: absolute;
	left: calc(1208.1 * var(--px));
	top: calc(92.57 * var(--px));
	width: calc(773.971 * var(--px));
	height: calc(1058.74 * var(--px));
	max-width: none;
}
/* Mesmo brilho do formulário da HOME (Rectangle 152 girado -120°). */
.ms-cta__brilho {
	position: absolute;
	left: calc(1734 * var(--px));
	top: calc(1005.22 * var(--px));
	width: calc(2802.04 * var(--px));
	height: calc(3131.99 * var(--px));
	max-width: none;
	transform: translate(-50%, -50%) rotate(-120deg);
}
.ms-cta__mask {
	position: absolute;
	left: calc(96.39 * var(--px));
	top: calc(553.23 * var(--px));
	width: calc(1233.514 * var(--px));
	height: calc(1380.525 * var(--px));
	border-radius: calc(301 * var(--px));
	background: var(--ms-black);
	filter: blur(calc(120 * var(--px)));
}
.ms-cta__kicker {
	position: absolute;
	left: calc(96.78 * var(--px));
	top: calc(94.07 * var(--px));
	font-size: calc(36 * var(--px));
	line-height: 1;
	letter-spacing: -0.05em;
	white-space: nowrap;
	text-box: trim-both cap alphabetic;
}
.ms-cta__stack {
	position: absolute;
	left: 0;
	top: calc(var(--tt) * var(--px));
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(40 * var(--px));
}
.ms-cta__title {
	margin-left: calc(92.77 * var(--px));
	width: calc(var(--tw) * var(--px));
	/* Reserva o espaço do Figma: o botão cai em --ct quando o título cabe. */
	min-height: calc((var(--ct) - var(--tt) - 40) * var(--px));
	font-size: calc(80 * var(--px));
	line-height: 1;
	font-weight: 400;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	text-box: trim-both cap alphabetic;
}
.ms-cta__btn {
	margin-left: calc(98.74 * var(--px));
	width: calc(259.929 * var(--px));
	background-image: linear-gradient(145.1deg, #fbfbfb 42.805%, #d9d9d9 150.24%);
	color: var(--ms-black);
	font-weight: 500;
}

/* Rodapé das internas: mesmo conteúdo da HOME, 33px mais alto. */
@media (min-width: 900px) {
	.ms-interna .ms-footer { height: calc(443 * var(--px)); }
}

/* --------------------------------------------------------------------------
   Mobile
   -------------------------------------------------------------------------- */
@media (max-width: 899.98px) {
	.ms-ihero {
		height: auto;
		min-height: 560px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 120px 20px 40px;
	}
	.ms-ihero__img { object-fit: cover; object-position: 62% center; }
	.ms-ihero__shade { top: 30%; height: 70%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 70%); }
	.ms-ihero__title,
	.ms-ihero__text,
	.ms-ihero__cta { position: relative; left: auto; top: auto; }
	.ms-ihero__title { font-size: clamp(52px, 17vw, 80px); }
	.ms-ihero__text { width: auto; max-width: 30ch; margin-top: 24px; font-size: 20px; line-height: 1.1; }
	.ms-ihero__cta { align-self: flex-start; margin-top: 28px; }
	.ms-cta { height: auto; padding: 56px 20px 64px; }
	.ms-cta__arcos { left: 52%; top: 40px; width: 300px; height: 410px; opacity: .7; }
	.ms-cta__brilho { left: 100%; top: 100%; width: 1400px; height: 1560px; }
	.ms-cta__mask { display: none; }
	.ms-cta__kicker,
	.ms-cta__stack { position: relative; left: auto; top: auto; }
	.ms-cta__kicker { font-size: 20px; white-space: normal; margin-bottom: 18px; }
	.ms-cta__stack { gap: 28px; }
	.ms-cta__title { width: auto; min-height: 0; margin-left: 0; font-size: clamp(36px, 10.5vw, 52px); }
	.ms-cta__title br { display: none; }
	.ms-cta__btn { width: auto; margin-left: 0; }
}