/* ============================================================
   home.css — Home (/) — overrides editoriais finos
   A maioria dos estilos vive em editorial.css. Este arquivo só
   cobre detalhes específicos da home (ex: marquee tom dark,
   ajuste de espaçamento entre seções).
   ============================================================ */

/* Aumenta um pouco o respiro entre seções da home (estilo Apple) */
.hero-mega + .marquee-strip { margin-top: 0; }
.marquee-strip + .section { padding-top: clamp(var(--sp-16), 8vw, var(--sp-24)); }

/* Marquee na home: subtom Marinho pra ressonar com hero */
.marquee-strip {
  background: var(--color-secondary);
  border-block: 1px solid rgba(255,255,255,0.05);
}
.marquee-strip .marquee-strip__item { color: var(--color-text-inverse); opacity: 0.85; }
.marquee-strip .marquee-strip__sep { background: var(--color-accent); opacity: 1; }

/* Trust-strip (clientes): fundo claro, tipografia mais sóbria — vira
   "barra de logos" textual enquanto SVGs/PNGs oficiais não chegam. */
.marquee-strip--trust {
  background: var(--color-surface, var(--color-bg));
  border-block: 1px solid var(--color-border, rgba(0,0,0,0.08));
}
.marquee-strip--trust .marquee-strip__item {
  color: var(--color-text);
  opacity: 0.78;
  font-weight: var(--fw-semibold, 600);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: var(--fs-small);
}
.marquee-strip--trust .marquee-strip__sep {
  background: var(--color-text);
  opacity: 0.18;
}

/* Espaço entre seções claras e escuras */
.section--alt + .section,
.section + .section--alt { padding-top: clamp(var(--sp-16), 8vw, var(--sp-24)); }

/* CTA-editorial encerra a página com peso visual */
.cta-editorial { margin-top: 0; }