/*!
 * 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; }
/* Com "Rejuvenescimento Íntimo" a linha ficou longa demais para o tracking padrão. */
.sd-hero .sd-eyebrow { font-size: 12px; letter-spacing: .18em; }
.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); }
/* 360px: largura em que o vídeo vertical (9:16) fica alto o bastante para ter presença
   sem estourar a faixa; a placa fotográfica (4:5) usa a mesma coluna. */
.sd-hero__placa { position: relative; margin-bottom: -88px; z-index: 2; max-width: 360px; 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 e manifesto vivem no app.css: a LP do evento também os usa. */

/* ── 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); }