# Segmentos visuais — 15/09/2026

- Cinco cards com a mesma estrutura, cor e dimensões. Carrossel manual com um segmento central e profundidade CSS sutil nos vizinhos. Nomes continuam como H3; nenhuma frente tem tratamento maior.
- Ordem: construção, agro, indústria, engenharia e eletricistas. Faixa de seleção pelos nomes removida a pedido. Mantidos botões anterior/próximo, teclado (esquerda/direita/Home/End na área rolável) e rolagem horizontal nativa, compatível com toque.
- Mouse vertical avança/retorna um card quando toda a área cabe na janela, abaixo do cabeçalho. Limites liberam a rolagem normal; fora da área, em zoom/pinça e em cartões altos, a página continua rolando. Não há autoplay ou dependência de WebGL.
- Respeita prefers-reduced-motion em CSS e no comportamento de scroll. Conteúdo e links renderizados no servidor; sem JavaScript, a área continua rolável nativamente. IDs e âncoras preservados.
- Ícones SVG integrados à família existente; decorativos junto aos nomes. Nenhuma imagem de banco atribuída a clientes.
- Copy com situação em pergunta, problema/consequência em “O que está em jogo” e próximo passo útil em “Como a Portal ajuda”. Sem garantias de estoque, prazo, entrega, compatibilidade ou resultado.
- WhatsApp específico por segmento, disponível sem expansão/JavaScript. Preservados os IDs de âncoras e eventos; nenhuma mensagem enviada.
- Typecheck, lint e 36 testes passaram (incluindo nomes, cinco cards, sete controles, status acessível e conteúdo SSR). Conferidos 375, 768 e 1440px, sem overflow da página. Cards de 584×461px no tablet; CTAs de 52px no celular. Validados mouse nos dois sentidos, liberação no último card, seleção direta, botão próximo, Home e scroll horizontal no viewport móvel. Viewport restaurado.
- Limites da verificação: não foi emulado um dispositivo de toque físico nem alterada a preferência do sistema de movimento reduzido; esses caminhos foram conferidos na implementação, não em teste de dispositivo real.

Após a retirada da faixa, o teste dos segmentos valida a ausência do seletor e a presença dos dois controles restantes. A suíte completa encontrou três falhas de URLs/redirecionamentos de produtos fora do escopo desta remoção (33/36 passaram); não foram alteradas regras do catálogo para corrigi-las.

A verificação de tipos passou. O lint completo encontrou cinco blocos vazios em conversion-tracking.tsx, arquivo não alterado nesta remoção. Prévia recarregada e ausência da faixa confirmada visualmente.

Mudança aplicada apenas à prévia local. Sem alterações no ERP ou na indexação/publicação.

## Fundos contextuais nas cinco frentes

O tratamento aprovado no cartão Agronegócio foi estendido às demais frentes: foto de fundo no painel de identificação, degradê azul, título branco, chamada amarela e o mesmo ícone. Todos os segmentos agora exigem uma imagem na configuração; os textos, CTAs, eventos e comportamento do carrossel permanecem os existentes.

| Frente | Imagem | Origem |
| --- | --- | --- |
| Construção e incorporação | `public/images/segmento-construcao-obra.jpg` | Cena ilustrativa original de obra, gerada para este painel |
| Agronegócio | `public/images/segmento-agronegocio-irrigacao.jpg` | Imagem já aprovada; detalhes em `agronegocio-background.md` |
| Indústria e manutenção | `public/images/automacao-industrial.webp` | Imagem existente no projeto; fonte registrada em `home-industrial.md` |
| Engenharia e projetos | `public/images/engenharia.webp` | Imagem existente no projeto; fonte registrada em `home-industrial.md` |
| Eletricistas e instaladores | `public/images/electricista-painel.jpg` | Imagem existente no projeto |

As imagens são decorativas e não identificam clientes, propriedades ou trabalhos da Portal. A composição e as regras responsivas aprovadas no Agronegócio são compartilhadas pelos cinco painéis.
