Carrossel da seção 'Áreas de Atuação'

[kewng]

Título: Correção do carrossel de Áreas de Atuação do Site.

Problemas identificados:

• O carrossel apresenta comportamento aleatório na exibição dos cards ao clicar nas setas.
• Ao atingir o último card, o carrossel retorna ao primeiro, quebrando o fluxo contínuo.
• A transição entre os cards não é fluída, gerando uma experiência inconsistente.
• O comportamento não é consistente e responsivo em dispositivos menores (tablet e mobile).
• Evidência: https://github.com/user-attachments/assets/533d4a70-66ba-4960-bf74-a6489a2adc56

Impactos no usuário:
Severidade: Alta
Prioridade: Alta
Afeta: Todos os usuários navegando na seção "Áreas de Atuação" do site.

Sugestões técnicas/solução:

1. Revisar a lógica do carrossel para garantir que o scroll avance um número fixo e configurável de cards (ex.: 3 cards por clique).
2. Ajustar o comportamento do carrossel para seguir o fluxo contínuo ao atingir o último card, sem reiniciar.
3. Implementar transições suaves entre os cards.
4. O usuário percebe uma transição fluída e sem travamentos entre os cards ao clicar nas setas.

Cenários de teste:

• O usuário acessa o site e desce até a seção de 'Áreas de atuação'.
• Ao clicar nas setas, o carrossel move um número fixo e configurável de cards (ex.: 3 por clique).
• O carrossel segue um fluxo contínuo e não reinicia ao atingir o último card.
• Em dispositivos tablet e mobile, o carrossel funciona adequadamente e o scroll é consistente.
• Ao clicar nas setas, o usuário deve visualizar a transição entre os cards de forma fluída, sem travamentos entre cards.

Informações adicionais:
US referência #203.

[kewng]

@Gabotelho Poderia validar?