# Regras do estilo vidro-ios (Vidro iOS)

Estas regras valem para QUEM MONTA. Não existe vídeo pronto aqui: só peças (`pecas.json`). Cada cena é escrita do zero, peça a peça.

## Regras do kit: cor
| token | hex | uso |
|---|---|---|
| `fundo` | `#06303A` | base do papel de parede |
| `topo` | `#0B4752` | topo do degradê |
| `lima` | `#C6F432` | **destaque**: palavra-chave, progresso, bloco ligado, endereço |
| `agua` | `#3BE8D0` | mancha, fim do degradê de ícone e de palavra |
| `coral` | `#FF7A59` | mancha, ícone de alerta |
| `amarelo` | `#FFD23F` | mancha, ícone de relógio |
| `branco` | `#FFFFFF` | texto, bloco aceso |
| `tinta` | `#0A1F24` | glifos e texto sobre branco |

- **Vidro** (`VIDRO`): `background: rgba(255,255,255,0.17)`, `backdrop-filter: blur(36px) saturate(1.6)`, `border: 2px solid rgba(255,255,255,0.38)`, `box-shadow: inset 0 2px 0 rgba(255,255,255,0.55), 0 40px 80px rgba(2,24,30,0.35)`. Raio 56–64 px (blocos), 100 px (barra).
- Manchas do fundo: círculos de 460–680 px de raio, `radial-gradient(cor 0%, transparent 68%)`, opacidades 0,55–0,85.
- Ilha dinâmica: `#000` puro.
- O cliente troca lima/água/coral/amarelo; fundo e branco ficam.

## Regras do kit: tipografia
- Fontes: **Inter** 500–800 (tudo que é lido) e **DM Mono** 500 (rótulos, horas, endereço). Registradas como `VI Inter` e `VI DM Mono`.
- Texto sempre branco (`#FFFFFF`) sobre vidro; escuro (`#0A1F24`) só sobre bloco aceso (branco).

| papel | tamanho px | peso | tracking | máx. caracteres |
|---|---|---|---|---|
| título de gancho | 210 (encolhe até 860) | 800 | −0,04 em | 10 |
| título da notificação | 54 | 800 | −0,02 em | 14 |
| texto da notificação | 44 | 500 | −0,01 em | 26 |
| número da ilha | 210 (+ unidade 80) | 800 | −0,05 em | 3 |
| título da ilha | 56 | 800 | −0,02 em | 18 |
| número do widget | 190 | 800 | −0,05 em | 6 |
| rótulo do bloco | 48 | 800 | −0,02 em | 8 |
| rótulo mono | 26–32, +0,1 em, caixa alta | 500 | — | 18 |
| nome da marca | 230 | 800 | −0,04 em | 7 |

## Regras do kit: area-segura
9:16 em 1080×1920: texto em **y 168–1330** e **x 96–984**.

| elemento | y de referência (centro) | tamanho do herói |
|---|---|---|
| TituloVidro | 760 | 2 linhas de 210 px, até 860 de largura |
| PilhaNotificacoes | 760 | 3 × 226 px, 888 de largura |
| IlhaDinamica | 640 (topo em 360) | 888 × 560 px |
| WidgetsGrade | 760 | 888 × 880 px |
| PainelControle | 760 | 888 × 900 px |
| AssinaturaMarca | 560 | ícone 300 px, nome 230 px, botão 440 × 120 px |

Um herói por cena. Espaço vazio: 35–45% do quadro.

## Regras do kit: movimento
**Mola de iPhone** (`mola(t)` = `1 − e^(−7t)·cos(11t)`, t de 0 a 1): sobe, passa ~12%, assenta. Curva `e5` (`cubic-bezier(.2,.8,.2,1)`) só para barras que enchem.

| movimento | quadros | valores |
|---|---|---|
| linha do título | 22 (+8 entre linhas) | scale 1,12 → 1 com mola, desfoque 24 px → 0, opacidade em 7 quadros |
| notificação | 24 (+9 entre) | cai de −700 px com mola; a última cresce 3% |
| ilha dinâmica | 26 | 250×84 → 888×560, raio 42 → 90, com mola; conteúdo aparece 12 quadros depois; barra enche 72% em 26 |
| widget | 24 (+7 entre) | scale 0,6 → 1 com mola; rosca enche em 30; barras sobem com mola (+3 entre) |
| bloco da central | 22 (+5 entre) | scale 0,6 → 1 com mola; ao ligar: enche de branco em 14 quadros com tranco de 6% |
| barra de brilho | 24 + 30 | entra com mola; enche até o valor em `e5` |
| ícone da marca | 24 | cai de −600 px com mola |
| manchas do fundo | contínua | órbitas de 180–300 px, 0,5–0,9 rad/s |
| entrada de cena | 12 | subir 260 px / zoom 1,9x / lateral 760 px |
| câmera | contínua | zoom 1,025 + 0,0004/quadro, deriva 12×10 px, soco +0,02 por batida |
| respiro | 10–14 quadros | depois da mola assentar, só o fundo se mexe |

## Regras do kit: ritmo
- 1 batida = **15 quadros** (100 bpm). Cenas de 1,2 a 1,6 s (36–48 quadros) com respiro de 10–14 quadros no fim.
- Leitura: 3 notificações = 48 quadros; ilha = 42.

| batida | duração s | quadros |
|---|---|---|
| gancho | 1,3–1,6 | 40–48 |
| notificacoes | 1,4–1,7 | 42–52 |
| ilha | 1,3–1,6 | 40–48 |
| widgets | 1,3–1,6 | 40–48 |
| controle | 1,1–1,5 | 33–45 |
| marca | 0,9–1,5 | 28–45 |

Demo 8 s = 240 quadros = 6 cenas: 0, 44, 92, 134, 176, 212.

## Regras do kit: som
- Trilha: `assets/trilha/trilha.mp3` (9 s, 100 bpm, preset calm-punch, tom F, lead marimba), volume **0,45**, fade nos últimos **20 quadros**.
- Com narração: trilha a **0,25**, efeitos a 70%. Pacote de efeitos: MotionCraft `glass`.

| som | volume | quando |
|---|---|---|
| `whoosh-entra` | 0,9 | entrada de cena (−1 quadro) |
| `swoosh` | 1,0 | movimento lateral grande |
| `whoosh-sai` | 0,8 | saída grande |
| `pop-palavra` | 1,0 | palavra-chave que entra |
| `pop-cartao` | 0,9 | peça que pousa |
| `impacto` | 0,85 | clímax da cena |
| `subida` | 0,7 | 1,2 s antes de um impacto (sempre resolve nele) |
| `assinatura` | 0,9 | revelação da marca |
| `clique` | 0,8 | endereço/CTA aparece |

- **`pop-cartao` em cada painel que assenta; `clique` em cada bloco que liga**; sem impacto grave, sem subida (estilo leve).
- Máx. **3 sons/s**; nunca o mesmo arquivo duas vezes seguidas. Alvo **−14 LUFS**, pico −1,5 dBTP.

## Movimento (régua extravagante; liso e calmo é reprovado)
- A câmera nunca para: use `CameraDeriva` (ou a câmera do estilo) com ao menos 4 chaves `{em, z, x, y}` mudando `z` e `x/y`, uma chave a cada cena. Deriva e leve rotação por baixo, sempre.
- Em cada corte, um `CorteImpacto` (clarão + tremida + zoom-pop) casado com o som `impacto` 1 a 2 quadros antes.
- Toda cena tem fundo vivo (`Particulas` + o fundo do estilo), pelo menos 1 herói e 2 apoios em movimento. Cena parada é reprovada.
- Entrada de elemento: 10-18 quadros com overshoot curto; saída: metade da entrada. Stagger entre itens: 2-5 quadros.
- Peças 3D e giros valem: quanto mais profundidade (parallax, perspectiva, rotação), melhor, sem sair da área segura.

## Som (camadas)
- Trilha sempre, volume 0,45, fade de saída 20 quadros.
- SFX em TODO corte e em toda entrada de elemento grande, no mínimo 2 camadas por corte (ex.: `whoosh-sai` + `impacto`, depois `swoosh` no quadro seguinte). Máx. 6 efeitos por segundo. Nunca o mesmo arquivo duas vezes no mesmo quadro.
- Sons deste estilo: assinatura, clique, impacto, pop-cartao, pop-palavra, subida, swoosh, whoosh-entra, whoosh-sai.

## Densidade mínima (o conferir cobra isto)
| medida | mínimo |
|---|---|
| camadas visuais simultâneas por cena | 4 (fundo, partículas, herói, apoio) |
| elementos em movimento por segundo (média da linha do tempo) | 5 |
| chaves de câmera por vídeo | 4 |
| SFX por corte | 1 (alvo 2) |
| peças diferentes usadas no vídeo | 6 |

## Proibido
- Copiar uma cena pronta: cada cena é composta peça a peça, com props novas.
- Cena parada: nenhum quadro em que nada se mexe.
- Elemento com movimento grande sem som.