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

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

` (nao deve existir) | | E3 | Titulo principal | O `

` do header pode usar `text-5xl` ou `text-7xl` (permitido) | ### F. Estrutura e Navegacao (importante) | # | Verificacao | Como checar | |---|------------|-------------| | F1 | Barra de progresso | Buscar `id="reading-progress"` | | F2 | Botao proximo card | Buscar `id="next-card"` | | F3 | Botao comecar 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. Conteudo e Composicao (qualidade) | # | Verificacao | Como checar | |---|------------|-------------| | G1 | Minimo de cards | Contar elementos `glass-card` ou cards dentro de `

`. Minimo: 8 | | G2 | Variedade de templates | Identificar tipos de cards usados. Minimo: 3 tipos diferentes | | G3 | CTA presente | Buscar indicadores de card CTA (botao de acao, link para livro/canal) | | G4 | Sem cards repetidos em sequencia | Verificar se nao ha 2 cards do mesmo tipo seguidos | | G5 | Sem placeholders residuais | Buscar `[TITULO]`, `[DESCRICAO]`, `[DELAY]`, `[ICONE]` e outros placeholders nao substituidos | | G6 | Sem numero de slides no header | Buscar `[DESTAQUE_NUMERICO]` (nao deve existir) | ### H. Assets do Capitulo (importante) | # | Verificacao | Como checar | |---|------------|-------------| | H1 | Imagens referenciadas existem | Para cada `

` no HTML, verificar se o arquivo existe na pasta | | H2 | Videos referenciados existem | Para cada ``, verificar se o arquivo existe na pasta | ### I. Seguranca (importante) | # | Verificacao | Como checar | |---|------------|-------------| | I1 | Codigo escapado | Em blocos `

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

---

## Passo 4: Gerar o Relatorio

Apresente o relatorio neste formato:

```
# Relatorio de Validacao: [Capitulo]

**Arquivo:** slides//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
```

### Niveis de severidade

- **Critico** (categorias A, B, C): Problemas visuais graves ou assets faltantes. Nao publicar sem corrigir.
- **Importante** (categorias D, E, F, H, I): Desvios do padrao que afetam qualidade mas nao impedem o uso.
- **Qualidade** (categoria G): Sugestoes de composicao e variedade.

## Passo 5: Oferecer correcao automatica

Apos o relatorio, pergunte:

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

Se aceitar, aplique as correcoes no `index.html` com edicoes pontuais (Edit tool) e rode a validacao de novo para confirmar.

## Notas

- NAO modifica o conteudo textual dos slides, apenas problemas tecnicos e de conformidade
- Problema ambiguo (ex: card poderia ser lista ou grid): classifique como WARN, nao FAIL
- Placeholders residuais (G5) sao sempre FAIL critico: indicam montagem incompleta