` deve ter `gap-[60vh]` | | D4 | Glassmorphism | Deve existir `backdrop-filter: blur(10px)` no CSS | ### E. Tipografia (importante) | # | Verificação | Como checar | |---|------------|-------------| | E1 | Fonte Inter | Buscar `fonts.googleapis.com` com `Inter` no `` | | E2 | Títulos de card | Títulos `

` dentro de cards devem usar `text-3xl` ou `text-4xl`. Buscar `text-5xl` em `

` (não deve existir) | | E3 | Título principal | O `

` do header pode usar `text-5xl` ou `text-7xl` (permitido) | ### F. Estrutura e Navegação (importante) | # | Verificação | Como checar | |---|------------|-------------| | F1 | Barra de progresso | Buscar `id="reading-progress"` | | F2 | Botão próximo card | Buscar `id="next-card"` | | F3 | Botão começar no header | Buscar `id="header-next-btn"` | | F4 | AOS inicializado | Buscar `AOS.init` | | F5 | Lucide inicializado | Buscar `lucide.createIcons` | | F6 | D3.js carregado | Buscar `d3.v7` no `` (se houver cards D3) | | F7 | setupFullScreenWrappers | Buscar `setupFullScreenWrappers` | ### G. Conteúdo e Composição (qualidade) | # | Verificação | Como checar | |---|------------|-------------| | G1 | Mínimo de cards | Contar elementos `glass-card` ou cards dentro de `

`. Mínimo: 8 | | G2 | Variedade de templates | Identificar tipos de cards usados. Mínimo: 3 tipos diferentes | | G3 | CTA presente | Buscar indicadores de card CTA (botão de ação, link para livro/canal) | | G4 | Sem cards repetidos em sequência | Verificar se não há 2 cards do mesmo tipo seguidos | | G5 | Sem placeholders residuais | Buscar `[TITULO]`, `[DESCRICAO]`, `[DELAY]`, `[ICONE]` e outros placeholders não substituídos | | G6 | Sem número de slides no header | Buscar `[DESTAQUE_NUMERICO]` (não deve existir) | ### H. Assets do Capítulo (importante) | # | Verificação | Como checar | |---|------------|-------------| | H1 | Imagens referenciadas existem | Para cada `

` no HTML, verificar se o arquivo existe na pasta | | H2 | Vídeos referenciados existem | Para cada ``, verificar se o arquivo existe na pasta | ### I. Segurança (importante) | # | Verificação | Como checar | |---|------------|-------------| | I1 | Código escapado | Em blocos `

` ou ``, buscar `<` e `>` não escapados (exceto tags HTML internas). Deve usar `<` e `>` |

---

## Passo 4: Gerar o Relatório

Apresente o relatório neste formato:

```
# Relatorio de Validacao: [Capitulo]

**Arquivo:** decks//index.html
**Data:** YYYY-MM-DD
**Total de verificacoes:** XX
**Passou:** XX | **Falhou:** XX | **Avisos:** XX

## Resultados

### Criticos (devem ser corrigidos)
- [FAIL] A1: Cor #FFA203 encontrada nas linhas 45, 112
- [PASS] B1: Logo presente no header

### Importantes (recomendado corrigir)
- [FAIL] D1: Card na linha 89 usa max-w-3xl em vez de max-w-5xl
- [PASS] E1: Fonte Inter carregada

### Qualidade (sugestoes)
- [WARN] G4: Cards 3 e 4 sao ambos card_lista
- [PASS] G1: 12 cards encontrados

## Correcoes Sugeridas

Para cada FAIL, indique:
1. **Linha(s):** onde esta o problema
2. **Atual:** o que esta escrito
3. **Correto:** o que deveria estar
4. **Como corrigir:** instrucao especifica de edicao
```

### Níveis de severidade

- **Crítico** (categorias A, B, C): Problemas visuais graves ou assets faltantes. Não publicar sem corrigir.
- **Importante** (categorias D, E, F, H, I): Desvios do padrão que afetam qualidade mas não impedem o uso.
- **Qualidade** (categoria G): Sugestões de composição e variedade.

## Passo 5: Oferecer correção automática

Após o relatório, pergunte:

> "Encontrei **X problemas**. Quer que eu corrija automaticamente os itens críticos e importantes?"

Se aceitar, aplique as correções no `index.html` com edições pontuais (Edit tool) e rode a validação de novo para confirmar.

## Notas

- NÃO modifica o conteúdo textual dos slides, apenas problemas técnicos e de conformidade
- Problema ambíguo (ex: card poderia ser lista ou grid): classifique como WARN, não FAIL
- Placeholders residuais (G5) são sempre FAIL crítico: indicam montagem incompleta