/* Aliven 2026 — área institucional (/aliven/, /luiz-celso/, /parceiros/).
 * Peças próprias (prefixo al26-i-) porque .al26-secao e .al26-caixa só existem no home.css. */

.al26-i { overflow-x: clip; }
.al26-i-secao {
	max-width: var(--al-max);
	margin: 0 auto;
	padding: clamp(64px, 8vw, 120px) var(--al-pad);
	box-sizing: border-box;
}
.al26-i-caixa, .al26-i-preto {
	max-width: calc(var(--al-max) - 64px);
	margin: 0 auto;
	border-radius: var(--al-raio-caixa);
	padding: clamp(40px, 6.6vw, 96px) clamp(20px, 4.4vw, 64px);
	box-sizing: border-box;
}
@media (min-width: 601px) { .al26-i-caixa, .al26-i-preto, .al26-i-foto { margin-left: 32px; margin-right: 32px; } }
@media (min-width: 1505px) { .al26-i-caixa, .al26-i-preto, .al26-i-foto { margin-left: auto; margin-right: auto; } }
@media (max-width: 600px) { .al26-i-caixa, .al26-i-preto, .al26-i-foto { margin-left: 12px; margin-right: 12px; border-radius: 20px; } }

/* ---------- Abertura (limão) ---------- */
.al26-i-abertura {
	position: relative;
	overflow: hidden;
	background: var(--al-limao);
	padding: clamp(40px, 6.1vw, 88px) var(--al-pad) clamp(150px, 15vw, 230px);
}
.al26-i-abertura--luiz { padding-bottom: clamp(56px, 7vw, 104px); }
.al26-i-abertura__texto { position: relative; z-index: 1; max-width: var(--al-max); margin: 0 auto; }
.al26-i-abertura__titulo {
	margin: 28px 0 0;
	font-size: clamp(40px, 6.2vw, 92px);
	line-height: .96;
	font-weight: 800;
	letter-spacing: -0.05em;
	max-width: 1080px;
	overflow-wrap: break-word;
}
.al26-i-abertura__lema {
	margin: 28px 0 0;
	font-size: clamp(20px, 1.95vw, 28px);
	line-height: 1.3;
	font-weight: 500;
	letter-spacing: -0.01em;
	max-width: 760px;
}
.al26-i-abertura__marca {
	position: absolute;
	right: -60px;
	bottom: -70px;
	width: min(620px, 90vw);
	height: auto;
	pointer-events: none;
}
.al26-i-abertura__grade {
	max-width: var(--al-max);
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 8fr) minmax(0, 3fr);
	gap: clamp(32px, 6vw, 96px);
	align-items: end;
}
.al26-i-retrato {
	margin: 0;
	background: var(--al-branco);
	border-radius: 20px;
	padding: 24px;
	box-sizing: border-box;
	width: 100%;
	max-width: 296px;
	justify-self: end;
}
.al26-i-retrato img { display: block; width: 200px; height: 200px; max-width: 100%; margin: 0 auto; }
.al26-i-retrato figcaption { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--al-linha); display: flex; flex-direction: column; font-size: 15px; color: var(--al-cinza); }
.al26-i-retrato strong { font-size: 18px; font-weight: 600; color: var(--al-tinta); }

/* ---------- Texto de apoio ---------- */
.al26-i-corpo { margin: 0; font-size: clamp(17px, 1.3vw, 20px); line-height: 1.55; color: var(--al-cinza); max-width: 620px; }
.al26-i-corpo + .al26-i-corpo { margin-top: 20px; }
.al26-i-corpo--forte { font-weight: 600; color: var(--al-tinta); }
.al26-i-oque, .al26-i-muda { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.al26-i-link-ciano { margin-top: 12px; color: var(--al-ciano-texto); }

/* ---------- Foto ---------- */
.al26-i-foto {
	max-width: calc(var(--al-max) - 64px);
	border-radius: var(--al-raio-caixa);
	overflow: hidden;
	line-height: 0;
	margin-bottom: clamp(24px, 3vw, 40px);
}
.al26-i-foto img {
	display: block;
	width: 100%;
	height: clamp(240px, 32vw, 460px);
	object-fit: cover;
	object-position: 50% 40%;
}

/* ---------- Bloco preto (autoridade) ---------- */
.al26-i-preto { background: var(--al-tinta); color: var(--al-branco); }
.al26-i-preto__grade { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 3fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.al26-i-preto .al26-i-retrato { align-self: center; }
.al26-i-preto__frase {
	margin: 16px 0 0;
	font-size: clamp(30px, 3.75vw, 54px);
	line-height: 1.06;
	font-weight: 600;
	letter-spacing: -0.035em;
	color: var(--al-branco);
	max-width: 900px;
}
.al26-i-preto__bio { margin: 24px 0 0; font-size: clamp(16px, 1.3vw, 19px); color: rgba(255, 255, 255, .82); max-width: 640px; }
.al26-i-preto__etica { margin: 20px 0 0; font-size: clamp(16px, 1.3vw, 19px); font-weight: 600; color: var(--al-branco); max-width: 640px; }
.al26-i-preto .al26-link { margin-top: 12px; }
.al26-i-numeros {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: clamp(40px, 5vw, 72px);
	padding-top: 36px;
	border-top: 1px solid rgba(255, 255, 255, .16);
}
.al26-i-numero { display: flex; flex-direction: column; padding: 0 24px; border-left: 1px solid rgba(255, 255, 255, .16); }
.al26-i-numero:first-child { padding-left: 0; border-left: 0; }
.al26-i-numero__valor { font-size: clamp(36px, 4.2vw, 60px); font-weight: 300; letter-spacing: -0.05em; line-height: 1; }
.al26-i-numero__rotulo { margin-top: 10px; font-size: 15px; color: rgba(255, 255, 255, .75); }

/* ---------- Três frentes ---------- */
.al26-i-frentes {
	position: relative;
	margin-top: clamp(48px, 6vw, 80px);
	padding-top: 40px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 48px;
}
.al26-i-frentes::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--al-tinta); }
.al26-i-frente { position: relative; display: flex; flex-direction: column; text-decoration: none; color: var(--al-tinta); }
.al26-i-frente__ponto { position: absolute; left: 0; top: -51px; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--al-tinta); box-sizing: border-box; background: var(--al-branco); }
.al26-i-frente__ponto--limao { background: var(--al-limao); }
.al26-i-frente__ponto--ciano { background: var(--al-ciano); }
.al26-i-frente__ponto--escuro { background: var(--al-tinta); }
.al26-i-frente__quero { font-size: 15px; font-weight: 500; color: var(--al-cinza); }
.al26-i-frente__palavra { margin-top: 8px; font-size: clamp(40px, 4.2vw, 60px); font-weight: 300; letter-spacing: -0.045em; line-height: 1; }
.al26-i-frente__frase { margin-top: 16px; font-size: 19px; font-weight: 500; line-height: 1.4; }
.al26-i-frente__ver { margin-top: 16px; font-weight: 600; color: var(--al-ciano-texto); }
.al26-i-frente:hover .al26-i-frente__ver { text-decoration: underline; text-underline-offset: 4px; }

/* ---------- Benefícios ---------- */
.al26-i-beneficios { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(40px, 7vw, 112px); background: var(--al-marfim); max-width: none; border-radius: 0; }
.al26-i-beneficios > * { min-width: 0; }
.al26-i-beneficios__intro { position: sticky; top: 24px; align-self: start; }
.al26-i-beneficios__itens { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; row-gap: 44px; }
.al26-i-beneficio { border-top: 1px solid var(--al-tinta); padding-top: 20px; }
.al26-i-beneficio__num { font-size: 14px; font-weight: 600; color: var(--al-ciano-texto); }
.al26-i-beneficio h3 { margin: 10px 0 0; font-size: 21px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.25; }
.al26-i-beneficio p { margin: 8px 0 0; font-size: 16px; color: var(--al-cinza); }
.al26-i-beneficios { padding-left: max(var(--al-pad), calc((100vw - var(--al-max)) / 2 + var(--al-pad))); padding-right: max(var(--al-pad), calc((100vw - var(--al-max)) / 2 + var(--al-pad))); }

/* ---------- Economia ---------- */
.al26-i-economia { text-align: center; }
.al26-i-economia__frase { margin: 0 auto; max-width: 1000px; font-size: clamp(32px, 4.45vw, 64px); line-height: 1.08; font-weight: 600; letter-spacing: -0.035em; }
.al26-i-economia__frase mark { background: var(--al-limao); color: inherit; padding: 0 .08em; margin: 0; }
.al26-i-economia__nota { margin: 28px auto 0; max-width: 560px; font-size: clamp(15px, 1.25vw, 18px); color: var(--al-cinza); }

/* ---------- Fecho ---------- */
.al26-i-fecho { background: var(--al-marfim); display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: center; margin-bottom: clamp(48px, 6vw, 96px); }
.al26-i-fecho__links { margin: 24px 0 0; display: flex; flex-wrap: wrap; gap: 4px 28px; }

/* ---------- Luiz: trajetória ---------- */
.al26-i-trajetoria { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(40px, 7vw, 112px); }
.al26-i-trajetoria > * { min-width: 0; }
.al26-i-linha { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--al-tinta); }
.al26-i-linha__item { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 24px; margin: 0; padding: 28px 0; border-bottom: 1px solid var(--al-linha); }
.al26-i-linha__data { font-size: 15px; font-weight: 600; color: var(--al-ciano-texto); padding-top: 4px; }
.al26-i-linha__item h3 { margin: 0; font-size: clamp(22px, 2vw, 28px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; }
.al26-i-linha__cargo { margin: 6px 0 0; font-size: 17px; font-weight: 500; }
.al26-i-linha__texto { margin: 12px 0 0; font-size: 16px; color: var(--al-cinza); }

/* ---------- Luiz: voz do setor e formação ---------- */
.al26-i-voz { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(40px, 7vw, 112px); }
.al26-i-voz > * { min-width: 0; }
.al26-i-lista { list-style: none; margin: 28px 0 0; padding: 0; border-top: 1px solid var(--al-linha); }
.al26-i-lista li { margin: 0; padding: 16px 0; border-bottom: 1px solid var(--al-linha); font-size: 17px; color: var(--al-cinza); }
.al26-i-lista strong { color: var(--al-tinta); font-weight: 600; }
.al26-i-lista--formacao { margin-top: 20px; }
.al26-i-lista--formacao li { color: var(--al-tinta); font-weight: 500; }

/* ---------- Luiz: depoimentos ---------- */
.al26-i-depoimentos { background: var(--al-marfim); }
.al26-i-depoimentos__grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 4vw, 56px); margin-top: 32px; }
.al26-i-depoimento { margin: 0; display: flex; flex-direction: column; justify-content: space-between; border-top: 1px solid var(--al-tinta); padding-top: 24px; }
.al26-i-depoimento blockquote { margin: 0; padding: 0; border: 0; font-size: clamp(18px, 1.45vw, 21px); line-height: 1.4; font-weight: 500; letter-spacing: -0.01em; font-style: normal; color: var(--al-tinta); }
.al26-i-depoimento figcaption { margin-top: 24px; font-size: 16px; }

/* ---------- Parceiros ---------- */
.al26-i-time__lista { list-style: none; margin: clamp(40px, 5vw, 64px) 0 0; padding: 0; border-top: 2px solid var(--al-tinta); }
.al26-i-time__item { display: grid; grid-template-columns: 56px minmax(0, 5fr) minmax(0, 4fr); gap: 24px; align-items: baseline; margin: 0; padding: 28px 0; border-bottom: 1px solid var(--al-linha); }
.al26-i-time__num { font-size: 14px; font-weight: 600; color: var(--al-ciano-texto); }
.al26-i-time__nome { font-size: clamp(30px, 3.6vw, 52px); font-weight: 300; letter-spacing: -0.045em; line-height: 1.05; }
.al26-i-time__desc { font-size: 17px; color: var(--al-cinza); }
.al26-i-convite { background: var(--al-marfim); display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: center; margin-bottom: clamp(48px, 6vw, 96px); }
.al26-i-convite__acoes { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }

/* ---------- Celular e tablet ---------- */
@media (max-width: 900px) {
	.al26-i-oque, .al26-i-muda, .al26-i-trajetoria, .al26-i-voz, .al26-i-fecho, .al26-i-convite, .al26-i-beneficios { grid-template-columns: minmax(0, 1fr); }
	.al26-i-beneficios__intro { position: static; }
	.al26-i-abertura__grade, .al26-i-preto__grade { grid-template-columns: minmax(0, 1fr); }
	.al26-i-retrato { justify-self: start; display: flex; align-items: center; gap: 16px; max-width: none; width: auto; padding: 16px; }
	.al26-i-retrato img { width: 96px; height: 96px; margin: 0; border-radius: 50%; }
	.al26-i-retrato figcaption { margin: 0; padding: 0; border: 0; }
	.al26-i-numeros { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
	.al26-i-numero:nth-child(3) { padding-left: 0; border-left: 0; }
	.al26-i-numero { padding: 0 16px; }
	.al26-i-depoimentos__grade { grid-template-columns: minmax(0, 1fr); }
	.al26-i-frentes { grid-template-columns: minmax(0, 1fr); gap: 40px; padding: 0 0 0 36px; }
	.al26-i-frentes::before { left: 8px; right: auto; top: 8px; bottom: 8px; width: 2px; height: auto; }
	.al26-i-frente__ponto { left: -37px; top: 4px; width: 18px; height: 18px; }
	.al26-i-time__item { grid-template-columns: 40px minmax(0, 1fr); row-gap: 8px; }
	.al26-i-time__desc { grid-column: 2; }
}
@media (max-width: 600px) {
	.al26-i-beneficios__itens { grid-template-columns: minmax(0, 1fr); row-gap: 28px; }
	.al26-i-linha__item { grid-template-columns: minmax(0, 1fr); gap: 6px; }
	.al26-i-convite__acoes, .al26-i-convite .al26-botao { width: 100%; }
	.al26-i-abertura { padding-bottom: 170px; }
	.al26-i-abertura--luiz { padding-bottom: 48px; }
	.al26-i-abertura__marca { right: -40px; bottom: -30px; }
}