/* Ajustes só da página O Mercanet (classe "page-o-mercanet" no <body>, ver
   inc/setup.php). O Figma dela (2448:1688) usa espaços entre seções
   próprios — 120px onde a Home usa 100px, etc. — e valores específicos
   de alguns componentes compartilhados. Medidas = distância entre o fim
   do conteúdo de uma seção e o começo da seguinte, no canvas de 1920px. */

@media (min-width: 1024px) {
  /* Frase "Nós vendemos a jornada completa": 119px depois da lista de
     módulos (2549→2668) e 120px antes do fundo de Integrações
     (2792→2912). 116,6px (e não 119) porque a lista de módulos e os
     títulos acima somam ~2,4px a mais que no Figma — assim as seções de
     baixo caem no y exato do Figma. */
  .page-o-mercanet .headline { padding: 116.6px 0 0; }

  /* Integrações: fundo de 596px (2912–3508), conteúdo a 100px de cada
     borda; texto com 813px de largura (3 linhas) e 44px até os logos. */
  .page-o-mercanet .integracoes { margin-top: 120px; padding: 100px 0 101px; }
  .page-o-mercanet .integracoes--carousel .integracoes-texto { margin-bottom: 44px; }
  .page-o-mercanet .integracoes--carousel .integracoes-texto .lead { max-width: 813px; }

  /* Faixa de transição das bordas do carrossel: aqui o Figma usa os
     dois degradês de 428px (30% de cor cheia + rampa) dos dois lados. */
  .page-o-mercanet .integracoes--carousel .marquee {
    mask-image: linear-gradient(90deg, transparent 9.96%, #000 33.4%, #000 66.4%, transparent 89.9%);
    -webkit-mask-image: linear-gradient(90deg, transparent 9.96%, #000 33.4%, #000 66.4%, transparent 89.9%);
  }

  /* Expertise: 106px depois do fundo de Integrações (3508→3614). */
  .page-o-mercanet .know-how { padding: 106px 0 0; }

  /* Segmentos: 141px depois da imagem da Expertise (4085→4226). */
  .page-o-mercanet .segmentos { padding: 141px 0 0; }

  /* Notícias: 120px depois dos cards (6053→6173) e 120px até o rodapé
     (6592→6712). */
  .page-o-mercanet .noticias { padding: 120px 0; }
}