---
description: Validação de Layout e Responsividade (PlatformSistemas)
---

# 📱 Workflow: Layout Check

Siga estes passos após qualquer alteração no visual ou na estrutura do frontend para garantir que a Fundação Visual e a Coordenação de Layout (Power-Up Pralog) permaneçam intactos.

## Passos de Validação

1. **Verificação de Variáveis:**
   - Garante que não foram introduzidos `px` fixos onde deveria haver `clamp()`.
   - Verifica se a sidebar continua usando `--sidebar-width`.

2. **Teste de Responsividade (Browser Tool):**
   - Redimensionar para Mobile (375px).
   - Redimensionar para Tablet (768px).
   - Redimensionar para Desktop Full (1920px).
   - Verificar se há scroll horizontal (deve ser zero).

3. **Verificação de Fontes:**
   - Abrir o Inspect → Network → Fonts.
   - Verificar se a fonte Inter é carregada via preconnect com prioridade alta.

4. **Coordenação Sidebar/Main:**
   - Alternar o estado da sidebar (Expanded/Collapsed).
   - O conteúdo principal deve se ajustar perfeitamente sem "pular" ou "vazar".
