/* Aliven 2026 — home (front-page.php). */

.al26-home { overflow-x: clip; }
/* .al26-secao e .al26-caixa ficam no base.css (usadas em todas as áreas). */
@media (min-width: 601px) { .al26-luiz { margin-left: 32px; margin-right: 32px; } }
@media (min-width: 1505px) { .al26-luiz { margin-left: auto; margin-right: auto; } }
@media (max-width: 600px) { .al26-luiz { margin-left: 12px; margin-right: 12px; border-radius: 20px; } }

/* ---------- Abertura ---------- */
.al26-abertura {
	position: relative;
	overflow: hidden;
	background: var(--al-limao);
	padding: clamp(40px, 6.1vw, 88px) var(--al-pad) clamp(200px, 17vw, 260px);
}
.al26-abertura__texto { position: relative; z-index: 1; max-width: var(--al-max); margin: 0 auto; }
.al26-abertura__titulo {
	margin: 28px 0 0;
	font-size: clamp(46px, 7.2vw, 104px);
	line-height: .94;
	font-weight: 800;
	letter-spacing: -0.05em;
	max-width: 1080px;
}
.al26-abertura__lema {
	margin: 32px 0 0;
	font-size: clamp(20px, 1.95vw, 28px);
	line-height: 1.3;
	font-weight: 500;
	letter-spacing: -0.01em;
}
.al26-abertura__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin-top: 36px; }
.al26-abertura__marca {
	position: absolute;
	right: -70px;
	bottom: -80px;
	width: min(720px, 92vw);
	height: auto;
	pointer-events: none;
}
@media (max-width: 600px) {
	.al26-abertura__acoes .al26-botao { width: 100%; }
	.al26-abertura__acoes .al26-link { width: 100%; justify-content: center; }
	.al26-abertura__marca { right: -40px; bottom: -36px; }
}

/* ---------- Três momentos: linha do tempo ---------- */
.al26-momentos__linha {
	position: relative;
	margin-top: clamp(48px, 6.1vw, 88px);
	padding-top: 52px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 56px;
}
.al26-momentos__linha::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 2px;
	background: var(--al-tinta);
	transform-origin: left;
}
.al26-js .al26-momentos__linha::before { transform: scaleX(0); transition: transform 1.4s cubic-bezier(.6, 0, .2, 1); }
.al26-js .al26-momentos__linha.is-visivel::before { transform: scaleX(1); }
.al26-momento {
	position: relative;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: var(--al-tinta);
}
.al26-momento__ponto {
	position: absolute;
	left: 0;
	top: -63px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid var(--al-tinta);
	box-sizing: border-box;
	background: var(--al-branco);
}
.al26-momento__ponto--limao { background: var(--al-limao); }
.al26-momento__ponto--ciano { background: var(--al-ciano); }
.al26-momento__ponto--escuro { background: var(--al-tinta); }
.al26-momento__quero { font-size: 15px; font-weight: 500; color: var(--al-cinza); }
.al26-momento__palavra {
	margin-top: 8px;
	font-size: clamp(42px, 4.45vw, 64px);
	font-weight: 300;
	letter-spacing: -0.045em;
	line-height: 1;
}
.al26-momento__frase { margin-top: 16px; font-size: 19px; font-weight: 500; line-height: 1.4; }
.al26-momento__itens {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	border-top: 1px solid var(--al-linha);
	font-size: 16px;
	color: var(--al-cinza);
}
.al26-momento__itens span { padding: 10px 0; border-bottom: 1px solid var(--al-linha); }
.al26-momento__ver { margin-top: 20px; font-weight: 600; color: var(--al-ciano-texto); }
.al26-momento:hover .al26-momento__ver { text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 900px) {
	.al26-momentos__linha { grid-template-columns: minmax(0, 1fr); gap: 44px; padding: 0 0 0 36px; }
	.al26-momentos__linha::before { left: 8px; right: auto; top: 8px; bottom: 8px; width: 2px; height: auto; transform-origin: top; }
	.al26-js .al26-momentos__linha::before { transform: scaleY(0); }
	.al26-js .al26-momentos__linha.is-visivel::before { transform: scaleY(1); }
	.al26-momento__ponto { left: -37px; top: 4px; width: 18px; height: 18px; }
	.al26-momento__itens { display: none; }
	.al26-momento__ver { margin-top: 10px; }
}

/* ---------- Luiz ---------- */
.al26-luiz {
	max-width: calc(var(--al-max) - 64px);
	margin: 0 auto;
	background: var(--al-tinta);
	color: var(--al-branco);
	border-radius: var(--al-raio-caixa);
	padding: clamp(40px, 6.6vw, 96px) clamp(20px, 4.4vw, 64px) clamp(36px, 5vw, 72px);
	box-sizing: border-box;
}
.al26-luiz__grade { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.al26-luiz__frase {
	margin: 16px 0 0;
	font-size: clamp(31px, 3.75vw, 54px);
	line-height: 1.06;
	font-weight: 600;
	letter-spacing: -0.035em;
	color: var(--al-branco);
}
.al26-luiz__bio { margin: 24px 0 0; font-size: clamp(16px, 1.3vw, 19px); color: rgba(255, 255, 255, .82); max-width: 580px; }
.al26-luiz__etica { margin: 20px 0 0; font-size: clamp(16px, 1.3vw, 19px); font-weight: 600; color: var(--al-branco); max-width: 580px; }
.al26-luiz .al26-link { margin-top: 12px; }
.al26-luiz__retrato {
	margin: 0;
	background: var(--al-branco);
	color: var(--al-tinta);
	border-radius: 20px;
	padding: 28px;
	max-width: 340px;
	justify-self: end;
	width: 100%;
	box-sizing: border-box;
}
.al26-luiz__retrato img { display: block; width: 200px; height: 200px; margin: 0 auto; }
.al26-luiz__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-luiz__retrato strong { font-size: 20px; font-weight: 600; color: var(--al-tinta); }
.al26-numeros {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: clamp(48px, 5.6vw, 80px);
	padding-top: 40px;
	border-top: 1px solid rgba(255, 255, 255, .16);
}
.al26-numero { display: flex; flex-direction: column; padding: 0 24px; border-left: 1px solid rgba(255, 255, 255, .16); }
.al26-numero:first-child { padding-left: 0; border-left: 0; }
.al26-numero__valor { font-size: clamp(38px, 4.2vw, 60px); font-weight: 300; letter-spacing: -0.05em; line-height: 1; }
.al26-numero__rotulo { margin-top: 10px; font-size: 15px; color: rgba(255, 255, 255, .75); }

@media (max-width: 900px) {
	.al26-luiz__grade { grid-template-columns: minmax(0, 1fr); }
	.al26-luiz__retrato { justify-self: start; display: flex; align-items: center; gap: 16px; max-width: none; padding: 16px; }
	.al26-luiz__retrato img { width: 96px; height: 96px; margin: 0; border-radius: 50%; }
	.al26-luiz__retrato figcaption { margin: 0; padding: 0; border: 0; }
	.al26-numeros { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
	.al26-numero:nth-child(3) { padding-left: 0; border-left: 0; }
	.al26-numero { padding: 0 16px; }
}

/* ---------- Diferenciais ---------- */
.al26-hub { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(40px, 7vw, 120px); }
.al26-hub__itens { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; row-gap: 44px; align-content: start; }
.al26-hub__item { border-top: 1px solid var(--al-tinta); padding-top: 20px; }
.al26-hub__num { font-size: 14px; font-weight: 600; color: var(--al-ciano-texto); }
.al26-hub__item h3 { margin: 10px 0 0; font-size: 22px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.25; }
.al26-hub__item p { margin: 6px 0 0; font-size: 16px; color: var(--al-cinza); }
@media (max-width: 900px) { .al26-hub { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) { .al26-hub__itens { grid-template-columns: minmax(0, 1fr); row-gap: 28px; } }

/* ---------- Indicadores ---------- */
.al26-indicadores { background: var(--al-marfim); display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.al26-indicadores .al26-botao { margin-top: 32px; }
.al26-siglas { margin: 0; display: flex; flex-direction: column; gap: 12px; }
.al26-siglas div { background: var(--al-branco); border-radius: 16px; padding: 26px 30px; }
.al26-siglas dt { font-size: 14px; font-weight: 600; color: var(--al-ciano-texto); text-transform: none; letter-spacing: 0; }
.al26-siglas dd { margin: 6px 0 0; font-size: clamp(17px, 1.45vw, 21px); font-weight: 500; line-height: 1.35; text-transform: none; letter-spacing: 0; }
@media (max-width: 900px) { .al26-indicadores { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) { .al26-indicadores .al26-botao { width: 100%; } .al26-siglas div { padding: 18px 20px; } }

/* ---------- Economia ---------- */
.al26-economia { text-align: center; }
.al26-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-economia__frase mark { background: var(--al-limao); color: inherit; padding: 0 .08em; margin: 0; }
.al26-economia__nota { margin: 28px auto 0; max-width: 560px; font-size: clamp(15px, 1.25vw, 18px); color: var(--al-cinza); }

/* ---------- Depoimentos ---------- */
.al26-depoimentos { background: var(--al-marfim); display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 24px; }
.al26-depoimento { margin: 0; }
.al26-depoimento[hidden] { display: none; }
.al26-depoimento blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: clamp(22px, 2.65vw, 38px);
	line-height: 1.24;
	font-weight: 500;
	letter-spacing: -0.02em;
	font-style: normal;
	color: var(--al-tinta);
}
.al26-depoimento figcaption { margin-top: 32px; font-size: 17px; }
.al26-depoimentos__nomes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.al26-depoimentos__nomes button {
	min-height: 44px;
	margin: 0;
	padding: 0 14px;
	border: 0;
	border-radius: var(--al-raio);
	background: var(--al-branco);
	color: var(--al-tinta);
	font-size: 15px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.2;
}
.al26-depoimentos__nomes button[aria-pressed="true"] { background: var(--al-tinta); color: var(--al-branco); }
@media (max-width: 900px) { .al26-depoimentos { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Radar ---------- */
.al26-radar__topo { display: flex; justify-content: space-between; align-items: end; gap: 24px 48px; flex-wrap: wrap; }
.al26-radar__grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 56px; }
.al26-card { display: flex; flex-direction: column; text-decoration: none; color: var(--al-tinta); }
.al26-card__capa {
	height: 260px;
	border-radius: 16px;
	padding: 28px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	transition: transform .3s ease;
}
.al26-card:hover .al26-card__capa { transform: translateY(-4px); }
.al26-card__capa--limao { background: var(--al-limao); }
.al26-card__capa--ciano { background: var(--al-ciano); }
.al26-card__capa--escuro { background: var(--al-tinta); color: var(--al-branco); }
.al26-card__chapeu { font-size: 13px; font-weight: 600; }
.al26-card__capa--escuro .al26-card__chapeu { color: var(--al-limao); }
.al26-card__palavra { font-size: clamp(48px, 5vw, 72px); font-weight: 300; letter-spacing: -0.05em; line-height: .95; }
.al26-card__meta { margin-top: 18px; font-size: 14px; color: var(--al-cinza); }
.al26-card__titulo { margin-top: 6px; font-size: 21px; line-height: 1.3; font-weight: 600; }
.al26-card:hover .al26-card__titulo { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 900px) {
	.al26-radar__grade { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.al26-card__capa { height: 200px; }
}
@media (prefers-reduced-motion: reduce) {
	.al26-js .al26-momentos__linha::before { transform: none; transition: none; }
	.al26-card__capa { transition: none; }
}