Atendimento humano de verdade
Página fixture de QA — fora do menu, nunca publicada como conteúdo real do site.
Auto (esquerda): trilhas de grade iguais à largura total — vão visual conhecido (CLAUDE.md). Flex (direita): tamanho natural, lado a lado.
Auto (modo legado — sem layoutMode):
Flex (layoutMode: flex):
layoutMode: flex, justify: center — largura natural, gap controlado, alinhados ao centro.
layoutMode: flex, wrap: true, justify: start.
layoutMode: flex, align: center, justify: between.
Pronto para começar?
layoutMode: flex, align: start.
Um bloco de texto ao lado de um ícone/imagem, sem estourar 50/50.
layoutMode: grid, gridColumns: 4.
Card 1
Card 2
Card 3
Card 4
layoutMode: flex, direction: row no desktop — empilha em coluna no mobile automaticamente (regra global de sempre, sem 2º motor de breakpoints).
layoutMode: grid, gridColumns: 4, gridColumnsTablet: 2, gridColumnsMobile: 1.
Item 1
Item 2
Item 3
Item 4
