/**
 * Página inicial: só o arranjo das seções. Os componentes têm o próprio CSS
 * em components.css.
 */

/* Herói: título, prova e selos; a foto com o painel entra logo abaixo */
.ect_home-hero { padding-bottom: 0; }
.ect_home-hero .ect_section-head { max-width: 64rem; }
.ect_home-proof { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ect-gap-md); padding-top: var(--ect-gap-lg); border-top: 1px solid var(--ect-line); }
.ect_home-proof__text { color: var(--ect-fg-muted); font-size: var(--ect-text-md); }
.ect_home-proof__text strong { color: var(--ect-fg); font-weight: 600; }
.ect_home-hero .ect_stack--xl { gap: var(--ect-gap-lg); }
.ect_home-hero__stage { margin-top: var(--ect-gap-xl); padding-bottom: var(--ect-pad-md); }

/* Como funciona: blocos alternados com bastante ar entre eles */
.ect_home-splits { display: flex; flex-direction: column; gap: clamp(5rem, 10vw, 10rem); }

/* Resultados: bento (número grande em campo verde + números + falas) */
.ect_home-bento { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-auto-rows: auto; gap: var(--ect-gap-md); }
.ect_home-bento__hero { grid-row: span 2; }
.ect_home-bento .ect_quote-card { min-height: 0; }

/* IA: texto à esquerda, conversa de exemplo à direita */
.ect_home-ai { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(2.5rem, 6vw, 7rem); }

/* Perguntas frequentes: título fixo à esquerda, perguntas à direita */
.ect_home-faq { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; gap: var(--ect-gap-xl); }
.ect_home-faq > .ect_section-head { position: sticky; top: calc(var(--ect-header-h, 5rem) + var(--ect-gap-lg)); }

@media (max-width: 991px) {
	.ect_home-bento,
	.ect_home-ai,
	.ect_home-faq { grid-template-columns: minmax(0, 1fr); }
	.ect_home-bento__hero { grid-row: auto; }
	.ect_home-faq > .ect_section-head { position: static; }
}

/* Prova social do herói e faixa de logos */
.ect_home-proof__people { display: flex; align-items: center; gap: var(--ect-gap-md); }
.ect_home-logos { padding-bottom: var(--ect-pad-md); }
.ect_home-hero__stage { padding-bottom: var(--ect-gap-xl); }

/* Enxurrada de WhatsApp entre o cabeçalho e os cards de dor */
.ect_home-hero + .ect_section .ect_wa-storm { margin-bottom: var(--ect-gap-lg); }

/* IA: bloco mais alto, conversa com mais destaque */
.ect_home-ai-section .ect_home-ai { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.ect_home-ai-section { min-height: 100vh; display: flex; align-items: center; }
.ect_home-ai-section > .ect_container { width: 100%; }

/* Chamada final: faixa preta colada no rodapé, bloco azul por dentro */

@media (max-width: 991px) {
	.ect_home-ai-section .ect_home-ai { grid-template-columns: minmax(0, 1fr); }
	.ect_home-ai-section { min-height: 0; display: block; }
}