/*!
 * home.css · Seções exclusivas da home (componentes compartilhados vivem no app.css)
 * Autoria: Eight Group · https://eightgroup.com.br/
 * Projeto Gerado pelo Prompt Mestre do Desenvolvedor e Vibe Coder Dante Testa · www.dantetesta.com.br
 */

/* ── Hero capa de revista ─────────────────────────────────────── */
.sd-hero { position: relative; }
.sd-hero__grade {
	position: relative;
	display: grid; grid-template-columns: 7fr 5fr;
	gap: clamp(40px, 5vw, 72px);
	align-items: end;
	padding-top: calc(var(--header-h) + clamp(48px, 6vw, 92px));
}
.sd-hero__coluna { min-width: 0; }
.sd-hero__titulo { margin: 26px 0 22px; max-width: 700px; }
.sd-hero__lead { max-width: 480px; color: var(--creme-suave); }
.sd-hero__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 26px; margin-top: 34px; padding-bottom: clamp(56px, 8vw, 104px); }
.sd-hero__placa { position: relative; margin-bottom: -88px; z-index: 2; max-width: 460px; justify-self: end; width: 100%; }

@media (max-width: 980px) {
	.sd-hero__grade { grid-template-columns: 1fr; align-items: start; }
	.sd-hero__acoes { padding-bottom: 48px; }
	.sd-hero__placa { justify-self: start; max-width: 340px; margin-bottom: -72px; }
}

/* ── Régua de pilares (fio contínuo) ──────────────────────────── */
.sd-pilares { padding-top: 132px; }
.sd-pilares__lista {
	display: grid; grid-template-columns: repeat(4, 1fr);
	border-top: 1px solid var(--creme-2);
}
.sd-pilares__lista li {
	padding: 26px 22px 0;
	border-left: 1px solid var(--creme-2);
	font-size: 13px; font-weight: 700;
	letter-spacing: .22em; text-transform: uppercase;
	color: var(--taupe-texto);
}
.sd-pilares__lista li:first-child { border-left: 0; padding-left: 0; }
@media (max-width: 900px) {
	.sd-pilares { padding-top: 112px; }
	.sd-pilares__lista { grid-template-columns: 1fr 1fr; gap: 18px 0; }
	.sd-pilares__lista li:nth-child(odd) { border-left: 0; padding-left: 0; }
}

/* ── Manifesto editorial ──────────────────────────────────────── */
.sd-manifesto__grade {
	display: grid; grid-template-columns: 7fr 4fr;
	gap: clamp(40px, 6vw, 96px);
	align-items: end;
}
.sd-manifesto__frase { margin-top: 20px; font-size: clamp(28px, 3.2vw, 42px); max-width: 640px; }
.sd-manifesto__apoio { display: grid; gap: 14px; color: var(--taupe-texto); max-width: 380px; }
.sd-manifesto__apoio .sd-link-seta { margin-top: 8px; }
@media (max-width: 900px) { .sd-manifesto__grade { grid-template-columns: 1fr; } }

/* ── Destaque (Libras) ocupa a linha inteira na home ──────────── */
.sd-cuidados-grade .sd-cuidado--destaque { grid-column: 1 / -1; flex-direction: row; align-items: center; }
.sd-cuidados-grade .sd-cuidado--destaque .sd-cuidado__corpo { padding: 34px 40px; }
.sd-cuidados-grade .sd-cuidado--destaque .sd-cuidado__lead { max-width: 640px; }
@media (max-width: 980px) {
	.sd-cuidados-grade .sd-cuidado--destaque { flex-direction: column; align-items: stretch; }
}

/* ── Faixa de stats mais enxuta que uma seção cheia ───────────── */
.sd-secao--stats { padding-block: clamp(48px, 7vw, 84px); }

/* ── Jornada (split da home) ──────────────────────────────────── */
.sd-jornada-secao__grade {
	display: grid; grid-template-columns: 4fr 7fr;
	gap: clamp(40px, 6vw, 96px);
	align-items: start;
}
.sd-jornada-secao__grade > div:first-child { position: sticky; top: calc(var(--header-h) + 24px); }
.sd-jornada-secao__grade h2 { margin-top: 18px; }
.sd-jornada-secao__apoio { color: var(--taupe-texto); margin: 16px 0 28px; max-width: 380px; }
@media (max-width: 900px) {
	.sd-jornada-secao__grade { grid-template-columns: 1fr; }
	.sd-jornada-secao__grade > div:first-child { position: static; }
}

/* ── Depoimentos: placa vira à esquerda, setas viradas ────────── */
.sd-depo__placa-col { max-width: 280px; }
.sd-vira { transform: scaleX(-1); }
.sd-depo__nav .sd-vira { transform: scaleX(-1); }