primocode 10.17.1 → 11.0.0

package/kits/aquarela/regras/area-segura.md

@@ -0,0 +1,17 @@
+# Área segura (9:16, 1080×1920)
+
+- Tudo que se lê fica entre **y = 168** e **y = 1330** e entre **x = 80** e **x = 1000** (920 px úteis).
+- Embaixo de 1330 px ficam a legenda e os botões do Reels/TikTok: ali só fundo e o que sangra.
+- Posições de referência (centro da linha, em px):
+
+| uso | y |
+|---|---|
+| anotação de apoio (topo) | 300 |
+| título de 2 linhas (centro do bloco) | 700–760 |
+| palavra gigante isolada | 749 |
+| papel rasgado (centro) | 740 |
+| anotação com seta (embaixo do título) | 1080–1180 |
+| logo na assinatura | 560–620 |
+| endereço | 1160–1200 |
+
+- Manchas, pingos e o papel sangram a tela; texto nunca.

package/kits/aquarela/regras/cor.md

@@ -0,0 +1,23 @@
+# Cor
+
+| token | hex | uso |
+|---|---|---|
+| `papel` | #F3EBDD | chão (papel cru) |
+| `papelSombra` | #E3D6BE | cantos e vinheta do papel |
+| `tinta` | #2A2833 | texto principal |
+| `coral` | #F0604A | tinta 1, destaque quente |
+| `turquesa` | #1FA5A0 | tinta 2, destaque frio |
+| `ouro` | #F4B63F | tinta 3, luz e fita |
+| `violeta` | #7B5BC9 | tinta 4, anotação à mão |
+| `rosa` | #F59AB4 | mistura suave (só em manchas) |
+
+## Degradês e sombras
+
+- Mancha: preenchimento a 55% + miolo a 35% (raio 70%) + borda da mesma cor a 50%, 10 px, `mix-blend-mode: multiply`.
+- Sombra do papel: `drop-shadow(0 18px 24px rgba(42, 30, 20, 0.28))`.
+- Fita washi: cor da tinta a 80% com listras `repeating-linear-gradient(90deg, rgba(255,255,255,.35) 0 6px, transparent 6px 14px)`.
+- Vinheta: `radial-gradient(120% 90% at 50% 45%, transparent 55%, rgba(227,214,190,.8))`.
+
+## O que o cliente pode trocar
+
+As 4 tintas (coral, turquesa, ouro, violeta) podem ser trocadas pelas cores da marca do cliente, mantendo o papel e a tinta de texto. Papel e grão não mudam.

package/kits/aquarela/regras/movimento.md

@@ -0,0 +1,19 @@
+# Movimento
+
+Curva padrão: `ob(t) = 1 + 2,9·(t−1)³ + 1,9·(t−1)²` (overshoot de ~9%, assenta em 8 quadros) e `e5(t) = 1 − (1 − t)^5` para saídas.
+
+| movimento | duração | valores |
+|---|---|---|
+| mancha floresce | 20 quadros | escala 0 → 1,09 → 1 com overshoot; continua crescendo +8% em 70 quadros |
+| palavra cai | 16 quadros | cai 260 px, gira 8° → 0, escala 1,4 → 1 |
+| lavagem atrás da palavra | 14 quadros | escala X 0 → 1 a partir de 4 quadros depois da palavra |
+| pincelada | 14–22 quadros | traço revelado de ponta a ponta, 7 cerdas, bordas deslocadas 14 px |
+| anotação | 16 quadros + 14 do desenho | texto revelado da esquerda; seta/círculo desenhados depois |
+| papel cai | 22 quadros | cai 900 px, gira ±14° → rotação final, overshoot 1,6 |
+| pingo | 10 quadros de queda + 12 de espirro | cai com aceleração t²; 8 satélites a 60–140 px |
+| entrada de cena | 14 quadros | `circulo` abre a 1600 px · `subir` 300 px · `giro` 16°; desfoque 10 px |
+| saída de cena | 10 quadros | sobe 240 px, escala 1,08, desfoque 10 px |
+| câmera (sempre) | contínuo | zoom 1,03 ± 0,014, deriva ±20/±14 px, giro ±0,5°; soco +0,035 em ~8 quadros |
+
+- Nada fica parado: se uma cena passa de 40 quadros sem elemento novo, ponha um pingo, uma pincelada ou uma anotação.
+- Escalonamento entre palavras: 6–9 quadros.

package/kits/aquarela/regras/ritmo.md

@@ -0,0 +1,17 @@
+# Ritmo
+
+- 30 fps. Uma batida da trilha = **16.667 quadros** (108 bpm). Cortes em múltiplos de 16,7 (arredonde): 0, 17, 33, 50, 67, 83, 100, 117, 133, 150, 167, 183, 200, 217, 233.
+
+| batida | duração (s) | quadros |
+|---|---|---|
+| gancho | 1,2–2,2 | 36–66 |
+| problema | 1,2–2,5 | 36–75 |
+| virada | 1,4–2,2 | 42–66 |
+| prova (cada) | 0,9–1,8 | 27–54 |
+| lista | 1,2–2,2 | 36–66 |
+| data | 1,1–1,8 | 33–54 |
+| oferta | 1,2–2,0 | 36–60 |
+| marca | 1,6–3,0 | 48–90 |
+
+- Preview do kit: 8 s, 7 cenas.
+- Leitura: uma anotação precisa de **≥ 24 quadros** na tela depois de escrita; um título de 2 linhas, **≥ 36**.

package/kits/aquarela/regras/som.md

@@ -0,0 +1,20 @@
+# Som
+
+- Trilha: `assets/trilha/calma-com-punch-108bpm.mp3` (8,6 s, 108 bpm), volume **0.5**, fade de saída nos últimos **20 quadros**. Vídeo maior que 8,6 s: gere uma trilha nova no MotionCraft (`music make`, preset `calm-punch`, 108 bpm, tom F), não faça loop deste trecho.
+- Com narração: trilha a **0.25** e efeitos a 70% do volume da tabela.
+- Efeitos (todos sintetizados) e volume padrão:
+
+| som | volume | quando |
+|---|---|---|
+| `whoosh-pincel` | 0.9 | pincelada que atravessa a tela (−1 quadro) |
+| `pop-mancha` | 0.9 | mancha de tinta que floresce |
+| `gota` | 0.85 | pingo que bate no papel |
+| `papel-cai` | 0.9 | cartão de papel rasgado que cai |
+| `palavra` | 1.0 | palavra do título que cai |
+| `risco` | 0.7 | anotação à mão que se escreve |
+| `impacto` | 0.8 | a palavra final da virada e a data |
+| `assinatura` | 0.9 | revelação da marca |
+
+- Um som por movimento que importa; no máximo **3 sons por segundo**; nunca o mesmo arquivo duas vezes seguidas.
+- Som entra **1 a 2 quadros antes** do visual.
+- O render nivela o mix em **−14 LUFS**, pico −1,5 dBTP.

package/kits/aquarela/regras/tipografia.md

@@ -0,0 +1,16 @@
+# Tipografia
+
+Duas fontes: **Fraunces** (serifada macia) para título e **Caveat** (letra de mão) para anotação.
+
+| papel | fonte | peso | tamanho (px) | máx. caracteres |
+|---|---|---|---|---|
+| título gigante | Fraunces | 700 | 190–260 | 14 |
+| título de apoio | Fraunces | 700 | 120–150 | 22 |
+| texto de cartão | Fraunces | 500 | 56–72 | 28 |
+| anotação à mão | Caveat | 700 | 84–120 | 18 |
+| endereço / detalhe | Caveat | 600 | 64–76 | 30 |
+
+- Tracking: −0,02 em no título, 0 no resto.
+- Line-height: 1,02 no título; 1,25 no cartão.
+- Caixa: frase normal (maiúscula só na primeira letra); nada em caixa-alta.
+- Texto que cresce encolhe sozinho (`caber()` em `base.ts`) até caber em 920 px; nunca palavra cortada.

package/kits/aurora/SKILL.md

@@ -0,0 +1,52 @@
+---
+slug: aurora
+nome: Aurora
+descricao: céu noturno azul-petróleo com faixas de aurora verde, turquesa e violeta ondulando devagar, título serifado grande e cartão de vidro fosco
+familia: 3D e abstrato
+versao: 1
+quando:
+  - "vídeo calmo de marca de bem-estar, hotel, spa, viagem ou meditação"
+  - "convite elegante para evento tranquilo, retiro ou lançamento delicado"
+  - "reels de pouca informação, muito ar e uma frase forte"
+  - "anúncio de turismo, cabana, natureza ou astronomia"
+  - "abertura de podcast, curso ou série com tom sereno"
+nao_serve:
+  - "vídeo de promoção, urgência ou energia alta (use tiktok-energia ou adesivos)"
+  - "muito texto ou muitos números (a calma pede 1 ideia por cena)"
+---
+
+# Aurora
+
+Um céu noturno **azul-petróleo** com **faixas de aurora** (verde `#5BFFB0`, turquesa `#2DD4D0`, violeta `#8B7BFF`, rosa `#FF9BD2`) que ondulam em câmera lenta e mudam de matiz ao longo do vídeo; estrelas que piscam, um meteoro de vez em quando e **montanhas em camadas** lá embaixo. O texto é **Instrument Serif** grande, claro e solto, com **uma palavra em degradê verde → turquesa**; entra devagar (24 quadros, sobe 40 px, desfoque que limpa). Dados moram num **cartão de vidro fosco** (blur 26 px) e rótulos pequenos em Manrope espaçada com um fio fino que se desenha. Uma cortina de raios de luz sobe do horizonte como herói de abertura. É o kit mais quieto: 40–50% de ar em toda cena.
+
+## Como montar um vídeo com este kit
+
+1. **Leia o pedido e o roteiro.** Corte cada fala em frases curtas. Uma frase = uma cena.
+2. **Escolha as batidas** em `receita.json` (gancho → virada → prova → data → marca). Cada batida diz quanto dura e quais elementos servem.
+3. **Escreva o plano de cenas** (`plano.json`, mesmo formato de `exemplos/plano.json`): para cada cena, `de`/`ate` em quadros, a `entrada`, as `camadas` (elemento + props) e os `sons`. Os cortes seguem a voz (se houver) ou a batida da trilha: 1 batida = 20.4545 quadros.
+4. **Renderize** com `<Montagem plano={...} arquivos={...} />` ou escreva o TSX direto combinando `Fundo`, `Camera`, `Cena` e os elementos (tudo sai de `elementos/index.ts`).
+5. **Confira** os quadros (um por cena) contra `regras/`: área segura, nada cortado, um herói por cena, nenhum quadro parado.
+
+## Elementos
+
+| elemento | o que faz | batidas |
+|---|---|---|
+| `CortinaDeLuz` | 36 raios de luz que sobem do horizonte e balançam | gancho |
+| `TituloSerif` | título em Instrument Serif que entra devagar, uma palavra em degradê verde → turquesa | virada, prova |
+| `CartaoVidro` | cartão de vidro fosco (blur 26 px) com número/palavra grande e legenda | prova, data |
+| `Legenda` | rótulo em caixa-alta espaçada com um fio fino que se desenha | apoio de qualquer batida |
+| `CeuEstrelado` | 90 estrelas que piscam e um meteoro de vez em quando | ambiente |
+| `Montanhas` | 3 camadas de montanhas com parallax lento embaixo | ambiente, marca |
+| `AssinaturaMarca` | logo suave + nome em serifado + endereço | marca |
+| `Fundo`, `Camera`, `Cena` | céu azul-petróleo com 4 faixas de aurora que ondulam e mudam de matiz | todas |
+| `Efeito`, `Trilha` | sons e trilha do kit | todas |
+
+## Proibido
+
+- Movimento brusco: nada se move mais rápido que 30 px/quadro e nenhuma entrada passa de 45 px de deslocamento.
+- Mais de 1 ideia por cena: 1 herói + no máximo 1 apoio, com 40% de ar.
+- Texto em caixa-alta no serifado, em negrito ou com sombra; o brilho só vive no céu.
+- Cor fora da paleta ou degradê em letra além da palavra de destaque.
+- Foto, ícone ou emoji.
+- Céu parado: as faixas sempre ondulam, o matiz sempre derrapa, as estrelas sempre piscam; a câmera nunca para.
+- Texto fora da área segura (168–1330 px na vertical, 96 px nas laterais).

package/kits/aurora/assets/ASSETS.md

@@ -0,0 +1,21 @@
+# Assets do kit aurora
+
+| arquivo | o que é | origem | licença |
+|---|---|---|---|
+| `fontes/instrument-latin.woff2` | Instrument Serif (400), subset latino | Google Fonts (`fonts.googleapis.com/css2?family=Instrument+Serif`), baixado em 26/10/2026 | SIL OFL 1.1, texto em `fontes/OFL-InstrumentSerif.txt` |
+| `fontes/manrope-latin.woff2` | Manrope (300 700), subset latino | Google Fonts (`fonts.googleapis.com/css2?family=Manrope`), baixado em 26/10/2026 | SIL OFL 1.1, texto em `fontes/OFL-Manrope.txt` |
+| `sons/brilho.mp3` | palavra de destaque que se acende | sintetizado: MotionCraft `sfx make`, tipo `icon_pop`, pacote `glass` | sem samples; síntese própria (CC0) |
+| `sons/sino.mp3` | cartão de vidro que chega | sintetizado: MotionCraft `sfx make`, tipo `success`, pacote `glass` | sem samples; síntese própria (CC0) |
+| `sons/onda.mp3` | entrada de cena | sintetizado: MotionCraft `sfx make`, tipo `whoosh_in`, pacote `glass` | sem samples; síntese própria (CC0) |
+| `sons/subida.mp3` | cortina de luz subindo | sintetizado: MotionCraft `sfx make`, tipo `riser`, pacote `glass` | sem samples; síntese própria (CC0) |
+| `sons/toque.mp3` | rótulo / endereço | sintetizado: MotionCraft `sfx make`, tipo `button`, pacote `glass` | sem samples; síntese própria (CC0) |
+| `sons/meteoro.mp3` | estrela cadente | sintetizado: MotionCraft `sfx make`, tipo `swoosh`, pacote `glass` | sem samples; síntese própria (CC0) |
+| `sons/sopro.mp3` | saída de cena | sintetizado: MotionCraft `sfx make`, tipo `whoosh_out`, pacote `soft-pop` | sem samples; síntese própria (CC0) |
+| `sons/assinatura.mp3` | revelação da marca | sintetizado: MotionCraft `sfx make`, tipo `logo_sting`, pacote `glass` | sem samples; síntese própria (CC0) |
+| `trilha/suave-88bpm.mp3` | 8,6 s a partir de 2.7273 s da trilha gerada | MotionCraft `music make` (preset `cinematic-soft`, 88 bpm, tom Bb) | sem samples; síntese própria (CC0). MotionCraft é MIT |
+
+Conteúdo de demonstração (não faz parte do estilo, fica em `exemplos/`):
+
+| arquivo | origem | licença |
+|---|---|---|
+| `exemplos/logo-boreal.svg` | logo fictício desenhado para a demo | próprio |

package/kits/aurora/assets/fontes/OFL-InstrumentSerif.txt

@@ -0,0 +1,92 @@
+Copyright (c) Instrument Serif Project Authors (Google Fonts)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/kits/aurora/assets/fontes/OFL-Manrope.txt

@@ -0,0 +1,92 @@
+Copyright (c) Manrope Project Authors (Google Fonts)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/kits/aurora/elementos/AssinaturaMarca.tsx

@@ -0,0 +1,24 @@
+// AssinaturaMarca: a última cena. O logo sobe suave (24 quadros), o nome entra em Instrument Serif e o endereço
+// aparece em Manrope; um fio fino se desenha entre eles.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, FAM_A, FAM_B, FONTE_A, FONTE_B, caber, c01, e5, ob, seg} from './base';
+
+export type AssinaturaMarcaProps = {
+  logo: string;
+  nome: string;
+  endereco?: string;
+  inicio?: number;
+};
+
+export const AssinaturaMarca: React.FC<AssinaturaMarcaProps> = ({logo, nome, endereco, inicio = 0}) => {
+  const f = useCurrentFrame() - inicio;
+  const lg = ob(seg(f, 0, 24), 1.15), nm = ob(seg(f, 10, 34), 1.15), fio = e5(seg(f, 30, 50)), en = e5(seg(f, 36, 54));
+  const tn = caber(nome, 190, FAM_A, 888, 400, -0.01), te = caber(endereco ?? '', 48, FAM_B, 800, 400, 0.04);
+  return <>
+    <img src={logo} style={{position: 'absolute', left: 540 - 170, top: 520 - 170, width: 340, height: 340, transform: `translateY(${(1 - lg) * 40}px)`, opacity: c01(f / 14)}} />
+    <div style={{position: 'absolute', left: 0, width: 1080, top: 860 - tn * 0.6, textAlign: 'center', fontFamily: FONTE_A, fontSize: tn, lineHeight: 1.2, letterSpacing: '-0.01em', color: COR.luz, whiteSpace: 'nowrap', transform: `translateY(${(1 - nm) * 40}px)`, opacity: c01((f - 9) / 14)}}>{nome}</div>
+    <div style={{position: 'absolute', left: 540 - 90 * fio, top: 1000, width: 180 * fio, height: 2, background: COR.verde, opacity: 0.8}} />
+    {endereco && <div style={{position: 'absolute', left: 0, width: 1080, top: 1040, textAlign: 'center', fontFamily: FONTE_B, fontWeight: 400, fontSize: te, letterSpacing: '0.04em', color: COR.gelo, opacity: en, transform: `translateY(${(1 - en) * 20}px)`}}>{endereco}</div>}
+  </>;
+};

package/kits/aurora/elementos/Camera.tsx

@@ -0,0 +1,22 @@
+// Camera: deriva constante por baixo de tudo (zoom, deslize e giro) e um soco em cada batida.
+// O quadro nunca fica parado. `batidas` são quadros absolutos do vídeo.
+import React from 'react';
+import {AbsoluteFill, useCurrentFrame} from 'remotion';
+
+export type CameraProps = {batidas?: number[]; forca?: number; children: React.ReactNode};
+
+export const posCamera = (f: number, batidas: number[], forca = 1) => {
+  let z = 1.02 + 0.014 * Math.sin(f / 160) + f * 0.00025, dx = Math.sin(f / 37) * 16, dy = Math.cos(f / 51) * 12;
+  let rot = Math.sin(f / 83) * 0.004;
+  for (const h of batidas) if (f >= h) {
+    const d = Math.exp(-(f - h) / 14) * forca;
+    z += 0.012 * d; dx += 2 * d * Math.sin((f - h) * 2.7 + h); dy += 2 * d * Math.cos((f - h) * 3.3 + h);
+    rot += 0.001 * d * Math.sin((f - h) * 1.9 + h);
+  }
+  return {z, dx, dy, rot};
+};
+
+export const Camera: React.FC<CameraProps> = ({batidas = [], forca = 1, children}) => {
+  const c = posCamera(useCurrentFrame(), batidas, forca);
+  return <AbsoluteFill style={{transform: `translate(${c.dx}px, ${c.dy}px) rotate(${c.rot}rad) scale(${c.z})`, transformOrigin: '50% 44%'}}>{children}</AbsoluteFill>;
+};

package/kits/aurora/elementos/CartaoVidro.tsx

@@ -0,0 +1,29 @@
+// CartaoVidro: cartão de vidro fosco (backdrop-filter: blur 26 px, 8% branco, borda de 1,5 px) com uma palavra ou número
+// grande em Instrument Serif e uma legenda em Manrope. Sobe 40 px com escala 0,94 → 1 em 24 quadros.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, FAM_A, FAM_B, FONTE_A, FONTE_B, caber, c01, e5, ob, seg} from './base';
+
+export type CartaoVidroProps = {
+  /** número ou palavra grande */
+  grande: string;
+  legenda?: string;
+  y?: number;
+  largura?: number;
+  altura?: number;
+  tamanho?: number;
+  inicio?: number;
+  fim?: number;
+};
+
+export const CartaoVidro: React.FC<CartaoVidroProps> = ({grande, legenda, y = 700, largura = 780, altura = 640, tamanho = 300, inicio = 0, fim}) => {
+  const f = useCurrentFrame();
+  const p = ob(seg(f, inicio, inicio + 24), 1.2), sai = fim === undefined ? 0 : e5(seg(f, fim, fim + 16));
+  if (f < inicio - 1 || sai >= 1) return null;
+  const tam = caber(grande, tamanho, FAM_A, largura - 120, 400, -0.01), tl = legenda ? caber(legenda.toUpperCase(), 44, FAM_B, largura - 100, 600, 0.22) : 0;
+  const leg = e5(seg(f, inicio + 14, inicio + 30));
+  return <div style={{position: 'absolute', left: 540 - largura / 2, top: y - altura / 2, width: largura, height: altura, borderRadius: 48, background: 'rgba(255,255,255,0.08)', border: '1.5px solid rgba(255,255,255,0.28)', boxSizing: 'border-box', backdropFilter: 'blur(26px)', WebkitBackdropFilter: 'blur(26px)', boxShadow: '0 30px 80px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.25)', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', transform: `translateY(${(1 - p) * 40 - sai * 30}px) scale(${0.94 + 0.06 * p})`, opacity: c01((f - inicio + 1) / 14) * (1 - sai)}}>
+    <div style={{fontFamily: FONTE_A, fontSize: tam, lineHeight: 1, letterSpacing: '-0.01em', color: COR.luz, whiteSpace: 'nowrap'}}>{grande}</div>
+    {legenda && <div style={{fontFamily: FONTE_B, fontWeight: 600, fontSize: tl, letterSpacing: '0.22em', color: COR.gelo, marginTop: 28, opacity: leg, transform: `translateY(${(1 - leg) * 20}px)`, whiteSpace: 'nowrap'}}>{legenda.toUpperCase()}</div>}
+  </div>;
+};

package/kits/aurora/elementos/Cena.tsx

@@ -0,0 +1,48 @@
+// Cena: janela de tempo de um plano. Entra com movimento (nunca corte seco) e a saída cruza 14 quadros
+// com a entrada da próxima. Dentro dela, useCurrentFrame() começa em 0.
+import React, {createContext, useContext} from 'react';
+import {AbsoluteFill, Sequence, useCurrentFrame} from 'remotion';
+import {c01, e5, ob, seg} from './base';
+
+export type Entrada = 'subir' | 'zoom' | 'direita' | 'esquerda' | 'giro' | 'queda' | 'circulo' | 'nenhuma';
+export type Saida = 'sobe' | 'esquerda' | 'zoom' | 'gira' | 'encolhe';
+export const SOBREPOE = 14; // quadros em que a saída desta cena cruza a entrada da próxima
+export const QUADROS_ENTRADA = 24;
+
+const CenaCtx = createContext({duracao: 60});
+/** duração da cena atual em quadros (sem a sobreposição) */
+export const useDuracaoCena = () => useContext(CenaCtx).duracao;
+
+export type CenaProps = {de: number; ate: number; entrada?: Entrada; saida?: Saida; ultima?: boolean; children: React.ReactNode};
+
+const Janela: React.FC<{duracao: number; entrada: Entrada; saida: Saida; ultima: boolean; children: React.ReactNode}> = ({duracao, entrada, saida, ultima, children}) => {
+  const f = useCurrentFrame();
+  const p = seg(f, 0, QUADROS_ENTRADA);
+  const en = entrada === 'nenhuma' ? 0 : 1 - ob(p, 1.15);
+  const xo = ultima ? 0 : e5(seg(f, duracao, duracao + SOBREPOE));
+  let tf = '';
+  let clip: string | undefined;
+  if (entrada === 'subir') tf += `translateY(${en * 300}px) `;
+  if (entrada === 'queda') tf += `translateY(${-en * 520}px) `;
+  if (entrada === 'zoom') tf += `scale(${1 + en * 0.9}) `;
+  if (entrada === 'direita') tf += `translateX(${en * 800}px) `;
+  if (entrada === 'esquerda') tf += `translateX(${-en * 800}px) `;
+  if (entrada === 'giro') tf += `rotate(${-en * 16}deg) scale(${1 + en * 0.6}) `;
+  if (entrada === 'circulo') clip = `circle(${e5(p) * 1700 + 4}px at 50% 52%)`;
+  if (saida === 'sobe') tf += `translateY(${-xo * 240}px) scale(${1 + xo * 0.08})`;
+  if (saida === 'esquerda') tf += `translateX(${-xo * 820}px) rotate(${-xo * 4}deg)`;
+  if (saida === 'zoom') tf += `scale(${1 + xo * 0.9})`;
+  if (saida === 'gira') tf += `rotate(${xo * 12}deg) scale(${1 - xo * 0.25}) translateY(${xo * 300}px)`;
+  if (saida === 'encolhe') tf += `scale(${1 - xo * 0.35})`;
+  const blur = c01(en) * 10 + xo * 10;
+  return <AbsoluteFill style={{transform: tf, clipPath: clip, opacity: (1 - c01(en) * 0.85) * (1 - xo), filter: blur > 0.3 ? `blur(${blur}px)` : undefined}}>{children}</AbsoluteFill>;
+};
+
+export const Cena: React.FC<CenaProps> = ({de, ate, entrada = 'subir', saida = 'sobe', ultima = false, children}) => {
+  const duracao = ate - de;
+  return <Sequence from={de} durationInFrames={duracao + (ultima ? 0 : SOBREPOE)} layout="none">
+    <CenaCtx.Provider value={{duracao}}>
+      <Janela duracao={duracao} entrada={entrada} saida={saida} ultima={ultima}>{children}</Janela>
+    </CenaCtx.Provider>
+  </Sequence>;
+};

package/kits/aurora/elementos/CeuEstrelado.tsx

@@ -0,0 +1,22 @@
+// CeuEstrelado: 90 estrelas que piscam entre 15% e 70% (cada uma no seu ritmo) e, em `meteoro`, um risco de 220 px
+// que cruza 520 px na diagonal em 14 quadros. É ambiente: fica por trás do texto.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, e5, rnd, seg} from './base';
+
+export type CeuEstreladoProps = {
+  quantidade?: number;
+  /** quadro (da cena) em que passa um meteoro; vazio = nenhum */
+  meteoro?: number;
+  /** y máximo das estrelas */
+  ate?: number;
+};
+
+export const CeuEstrelado: React.FC<CeuEstreladoProps> = ({quantidade = 90, meteoro, ate = 1150}) => {
+  const f = useCurrentFrame();
+  const p = meteoro === undefined ? -1 : seg(f, meteoro, meteoro + 14);
+  return <svg width={1080} height={1920} viewBox="0 0 1080 1920" style={{position: 'absolute', inset: 0}}>
+    {Array.from({length: quantidade}, (_, i) => <circle key={i} cx={60 + rnd(i * 3 + 1) * 960} cy={170 + rnd(i * 5 + 2) * (ate - 170)} r={1.3 + rnd(i + 9) * 2.2} fill={COR.luz} opacity={0.15 + 0.55 * Math.abs(Math.sin(f / (18 + rnd(i) * 40) + i * 1.7))} />)}
+    {p > 0 && p < 1 && <line x1={760 - 520 * e5(p) - 150} y1={260 + 300 * e5(p) - 90} x2={760 - 520 * e5(p)} y2={260 + 300 * e5(p)} stroke={COR.luz} strokeWidth={5} strokeLinecap="round" opacity={1 - p} />}
+  </svg>;
+};

package/kits/aurora/elementos/CortinaDeLuz.tsx

@@ -0,0 +1,36 @@
+// CortinaDeLuz: 36 raios verticais de luz que sobem do horizonte (y base) em sequência da esquerda pra direita
+// e depois balançam ±14 px, com altura e brilho variando. Cores do verde ao turquesa e ao violeta ao longo de x.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, c01, lerp, ob, rnd, seg} from './base';
+
+export type CortinaDeLuzProps = {
+  /** y da base dos raios */
+  base?: number;
+  /** altura máxima dos raios, em px */
+  altura?: number;
+  inicio?: number;
+  quantidade?: number;
+  cores?: [string, string, string];
+};
+
+export const CortinaDeLuz: React.FC<CortinaDeLuzProps> = ({base = 1180, altura = 820, inicio = 0, quantidade = 36, cores = [COR.verde, COR.turquesa, COR.violeta]}) => {
+  const f = useCurrentFrame();
+  return <svg width={1080} height={1920} viewBox="0 0 1080 1920" style={{position: 'absolute', inset: 0, overflow: 'visible', mixBlendMode: 'screen'}}>
+    <defs>
+      <filter id="au-raio" x="-100%" y="-5%" width="300%" height="110%"><feGaussianBlur stdDeviation="9 2" /></filter>
+      {cores.map((c, i) => <linearGradient key={i} id={`au-r${i}`} x1="0" y1="0" x2="0" y2="1"><stop offset="0" stopColor={c} stopOpacity="0" /><stop offset="0.55" stopColor={c} stopOpacity="0.55" /><stop offset="0.95" stopColor="#fff" stopOpacity="0.9" /><stop offset="1" stopColor={c} stopOpacity="0" /></linearGradient>)}
+    </defs>
+    <g filter="url(#au-raio)">
+      {Array.from({length: quantidade}, (_, i) => {
+        const u = i / (quantidade - 1), x = 120 + u * 840 + Math.sin(f / 40 + i) * 14 * seg(f, inicio + 40, inicio + 60);
+        const em = inicio + i * 1.0, p = ob(seg(f, em, em + 28), 1.2);
+        const h = altura * lerp(0.45, 1, rnd(i + 3)) * Math.sin(Math.PI * (0.15 + 0.7 * u)) * (0.9 + 0.1 * Math.sin(f / 25 + i)) * p;
+        const w = lerp(16, 42, rnd(i + 9));
+        const cor = u < 0.5 ? 0 : 1, g = u < 0.5 ? c01(u * 2) : c01((u - 0.5) * 2);
+        void g;
+        return <rect key={i} x={x - w / 2} y={base - h} width={w} height={h} fill={`url(#au-r${u < 0.38 ? 0 : u < 0.72 ? 1 : 2})`} opacity={0.55 + 0.3 * rnd(i + 5)} />;
+      })}
+    </g>
+  </svg>;
+};

package/kits/aurora/elementos/Fundo.tsx

@@ -0,0 +1,35 @@
+// Fundo: céu azul-petróleo com 4 faixas de aurora (verde, turquesa, violeta, rosa) que ondulam e cujo matiz derrapa
+// ±40° a cada 400 quadros. As faixas são polígonos com degradê vertical, desfocados (34 px) e misturados em screen.
+import React from 'react';
+import {AbsoluteFill, useCurrentFrame} from 'remotion';
+import {COR} from './base';
+
+export type FundoProps = {
+  /** cores das 4 faixas (padrão: verde, turquesa, violeta, rosa) */
+  cores?: string[];
+  /** 0..1.5 */
+  intensidade?: number;
+  velocidade?: number;
+};
+
+const FAIXAS = [{y: 520, h: 520, a: 120, k: 0.0042, s: 0.011, op: 0.6}, {y: 640, h: 480, a: 150, k: 0.0035, s: -0.009, op: 0.5}, {y: 420, h: 420, a: 90, k: 0.006, s: 0.014, op: 0.42}, {y: 760, h: 380, a: 110, k: 0.0048, s: -0.012, op: 0.34}];
+
+export const Fundo: React.FC<FundoProps> = ({cores = [COR.verde, COR.turquesa, COR.violeta, COR.rosa], intensidade = 1, velocidade = 1}) => {
+  const f = useCurrentFrame() * velocidade;
+  return <AbsoluteFill style={{background: `linear-gradient(180deg, ${COR.ceu} 0%, #08162A 55%, ${COR.horizonte} 100%)`}}>
+    <svg width={1080} height={1920} viewBox="0 0 1080 1920" style={{position: 'absolute', inset: 0, mixBlendMode: 'screen', filter: `hue-rotate(${Math.sin(f / 64) * 40}deg)`}}>
+      <defs>
+        <filter id="au-desfoque" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="34" /></filter>
+        {cores.map((c, i) => <linearGradient key={i} id={`au-g${i}`} x1="0" y1="0" x2="0" y2="1"><stop offset="0" stopColor={c} stopOpacity="0" /><stop offset="0.35" stopColor={c} stopOpacity="0.85" /><stop offset="1" stopColor={c} stopOpacity="0" /></linearGradient>)}
+      </defs>
+      <g filter="url(#au-desfoque)">
+        {FAIXAS.map((b, i) => {
+          const pts: string[] = [];
+          for (let x = -40; x <= 1120; x += 40) pts.push(`${x},${(b.y + Math.sin(x * b.k * 2.2 + f * b.s + i * 2) * b.a + Math.sin(x * b.k * 5 + f * b.s * 1.7) * b.a * 0.3).toFixed(1)}`);
+          const baixo = [...pts].reverse().map((p) => {const [x, y] = p.split(',').map(Number); return `${x},${(y + b.h + Math.sin(x * 0.004 + f * b.s) * 60).toFixed(1)}`;});
+          return <polygon key={i} points={[...pts, ...baixo].join(' ')} fill={`url(#au-g${i % cores.length})`} opacity={b.op * intensidade} />;
+        })}
+      </g>
+    </svg>
+  </AbsoluteFill>;
+};