# CSS Audit — Eliminar Código Morto

CSS morto aumenta parse time e TBT diretamente.

## Como auditar

1. Extrair classes definidas no `<style>`: `\.([a-z][a-z0-9\-]+)\s*\{`
2. Extrair classes usadas no HTML: `class="([^"]+)"`
3. Verificar classes adicionadas via JS (`classList.add()`)
4. Diferença = CSS morto → deletar

## Classes que parecem mortas mas não são

| Classe | Motivo |
|--------|--------|
| `btn-loading` | Adicionada via JS |
| `animate-spin` | Adicionada via JS |
| `::placeholder`, `:focus`, `:hover` | Pseudo-seletores |
| Classes em `@media` | Verificar se HTML usa |

## Minificação

```css
/* Antes */
.card {
    background: rgba(15, 58, 58, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.75rem;
    padding: 2rem;
}

/* Depois */
.card{background:rgba(15,58,58,.85);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:2rem}
```

Atalhos: `0.5` → `.5`, `#FFFFFF` → `#fff`, `rgba(0,0,0,0)` → `transparent`

## Meta de redução

| CSS inicial | Meta |
|-------------|------|
| > 500 linhas | < 150 |
| > 300 linhas | < 100 |
| < 300 linhas | < 80 |

## Checklist

- [ ] Listou classes definidas vs usadas
- [ ] Verificou `classList.add()` nos scripts
- [ ] Verificou pseudo-seletores
- [ ] Deletou apenas classes confirmadamente mortas
- [ ] Minificou CSS restante
- [ ] Testou visualmente que nada quebrou
