{"data":{"type":"carousel","slides":[{"title":"Capa: O que é uma função do 2º grau?","bg_sample":"#0F172A","accent_color":"#38BDF8","overlay_color":"#0F172A","overlay_opacity":0.55,"html_content":"
8º ANO
Funções do
2º Grau
Matemática · Parábolas e mais
","bg_image":"https://images.pexels.com/photos/2268589/pexels-photo-2268589.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"},{"title":"Slide 2: A forma geral","bg_sample":"#0F172A","accent_color":"#38BDF8","image_query":null,"overlay_color":"#0F172A","overlay_opacity":0,"html_content":"
01
FÓRMULA GERAL
f(x) = ax² + bx + c
Onde a, b e c são números reais e a ≠ 0.

EXEMPLO:

f(x) = 2x² - 4x + 1

a=2 · b=-4 · c=1

"},{"title":"Slide 3: A parábola e o vértice","bg_sample":"#0F172A","accent_color":"#38BDF8","image_query":null,"overlay_color":"#0F172A","overlay_opacity":0,"html_content":"
02
O GRÁFICO
A Parábola
O gráfico de uma função do 2º grau é uma parábola. Ela tem um ponto máximo ou mínimo chamado vértice.

COORDENADAS DO VÉRTICE

V ( -b/2a , -Δ/4a )

Δ = b² - 4ac (discriminante)

"},{"title":"Slide 4: Concavidade e discriminante","bg_sample":"#0F172A","accent_color":"#38BDF8","image_query":null,"overlay_color":"#0F172A","overlay_opacity":0,"html_content":"
03
CONCAVIDADE
Para cima ou para baixo?
a > 0
Concavidade para cima
↗️ (mínimo)
a < 0
Concavidade para baixo
↘️ (máximo)
DISCRIMINANTE (Δ)
Δ > 0 · Δ = 0 · Δ < 0
2 raízes · 1 raiz · nenhuma raiz real
4/5
"},{"title":"Slide 5: Como resolver (Passo a passo)","bg_sample":"#0F172A","accent_color":"#38BDF8","overlay_color":"#0F172A","overlay_opacity":0.5,"html_content":"
MÉTODO PRÁTICO
Passo a passo
  1. Identificar a, b, c na expressão
  2. Calcular Δ = b² - 4ac
  3. Aplicar fórmula resolvente:
    x = (-b ± √Δ) / (2a)
  4. Interpretar as soluções

PRATICA COM EXEMPLOS!

f(x) = x² - 5x + 6 → Δ=1 → x=2 ou x=3

","bg_image":"https://images.pexels.com/photos/29737184/pexels-photo-29737184.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"}]},"chatHistory":[{"role":"system","content":"Você é um diretor de arte sênior especializado em conteúdo visual para Instagram. Cria carrosseis com design PROFISSIONAL e ORIGINAL — não templates genéricos.\n\nFORMATO DE RESPOSTA:\nComentário criativo curto (1-2 frases) + bloco JSON.\n\nESTRUTURA JSON:\n{\n \"type\": \"single\" | \"carousel\",\n \"slides\": [\n {\n \"title\": \"string curto (para metadados)\",\n \"bg_sample\": \"#hexcolor (cor dominante do slide, para miniatura)\",\n \"accent_color\": \"#hex\",\n \"image_query\": \"termos em inglês para foto stock (OPCIONAL)\",\n \"overlay_color\": \"#hex\",\n \"overlay_opacity\": 0.0-1.0,\n \"html_content\": \"HTML COMPLETO do interior do slide\"\n }\n ]\n}\n\nREGRAS PARA html_content:\n• O slide tem EXATAMENTE 360×450px (formato 4:5 portrait do Instagram 2026). html_content ocupa esse espaço.\n• Use position:absolute para posicionamento criativo e livre\n• Pode usar qualquer CSS inline: gradientes, clip-path, pseudo-elements via style tags internos, transforms, mix-blend-mode, backdrop-filter\n• Tipografia com CONTRASTE EXTREMO de tamanhos (ex: 8px ao lado de 72px)\n• Elementos decorativos: linhas, formas geométricas, bordas parciais, grids, padrões SVG inline\n• ZERO emojis no conteúdo visual\n• Fontes Google Fonts via @import no style tag (ex: Bebas Neue, DM Sans, Playfair Display, Oswald, Space Mono, Clash Display, etc)\n• Cada slide deve ter identidade visual coesa com os outros MAS com composição única\n\nEXEMPLOS DE TÉCNICAS AVANÇADAS:\n- Número enorme como elemento decorativo de fundo (opacity baixa)\n- Texto rotacionado (-90deg) como elemento lateral\n- Linha diagonal como divisor\n- Círculo/elipse como shape decorativo\n- Grid de pontos em SVG como textura de fundo\n- Gradiente de texto (-webkit-background-clip: text)\n- Bordas com traço duplo ou parcial\n- Overlay com mix-blend-mode\n- Tipografia condensed + bold em contraste com body light\n\nIMAGENS STOCK:\n• image_query: termos em inglês (Pexels/Pixabay)\n• Use em: cover com foto de impacto, CTA final\n• Com imagem: overlay_opacity entre 0.45-0.65\n• Sem imagem: html_content define próprio background via CSS\n\nPALETA E FONTE:\n• Define UMA paleta no início, usa em todos os slides\n• Mesma família tipográfica em todos\n• Nunca mistura claro e escuro no mesmo carrossel\n\nCARROSSEL: cover impactante → conteúdo → CTA poderoso. Mínimo 4 slides, máximo 8.\n\nREGRA CRÍTICA PARA EDIÇÕES:\nSe o utilizador pedir uma EDIÇÃO em slides existentes (ex: \"muda a cor\", \"aumenta contraste\", \"troca fonte\"):\n• PRESERVA o html_content de CADA slide EXATAMENTE como está — apenas aplica a mudança pedida\n• NÃO regenera o design do zero — isso destrói edições manuais do utilizador\n• Só altere o que for explicitamente pedido (ex: se pedir contraste, só muda os valores de cor/filter)\n• Se o pedido for criar slides novos (não edição), aí sim gera html_content original"},{"role":"user","content":"Faça cinco slides explicando como resolver funções do segundo grau para uma turma de matemática do oitavo ano em Portugal."},{"role":"assistant","content":"Aqui está um carrossel visual e pedagógico para explicar funções do segundo grau no 8º ano, com uma identidade moderna e focada no raciocínio visual.\n\n\n\n**Comentário criativo:** Um design escuro e minimalista que transforma a álgebra num puzzle visual — cada slide revela uma peça do quebra-cabeça matemático, com destaque ciano para as fórmulas e uma estrutura que guia o olhar do aluno do geral para o específico."}],"undoStack":["{\"type\":\"carousel\",\"slides\":[{\"title\":\"Capa: O que é uma função do 2º grau?\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0.55,\"html_content\":\"
8º ANO
Funções do
2º Grau
Matemática · Parábolas e mais
\",\"bg_image\":\"https://images.pexels.com/photos/2268589/pexels-photo-2268589.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\"},{\"title\":\"Slide 2: A forma geral\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"image_query\":null,\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0,\"html_content\":\"
01
FÓRMULA GERAL
f(x) = ax² + bx + c
Onde a, b e c são números reais e a ≠ 0.

EXEMPLO:

f(x) = 2x² - 4x + 1

a=2 · b=-4 · c=1

\"},{\"title\":\"Slide 3: A parábola e o vértice\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"image_query\":null,\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0,\"html_content\":\"
02
O GRÁFICO
A Parábola
O gráfico de uma função do 2º grau é uma parábola. Ela tem um ponto máximo ou mínimo chamado vértice.

COORDENADAS DO VÉRTICE

V ( -b/2a , -Δ/4a )

Δ = b² - 4ac (discriminante)

\"},{\"title\":\"Slide 4: Concavidade e discriminante\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"image_query\":null,\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0,\"html_content\":\"
03
CONCAVIDADE
Para cima ou para baixo?
a > 0
Concavidade para cima
↗️ (mínimo)
a < 0
Concavidade para baixo
↘️ (máximo)
DISCRIMINANTE (Δ)
Δ > 0 · Δ = 0 · Δ < 0
2 raízes · 1 raiz · nenhuma raiz real
4/5
\"},{\"title\":\"Slide 5: Como resolver (Passo a passo)\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0.5,\"html_content\":\"
MÉTODO PRÁTICO
Passo a passo
  1. Identificar a, b, c na expressão
  2. Calcular Δ = b² - 4ac
  3. Aplicar fórmula resolvente:
    x = (-b ± √Δ) / (2a)
  4. Interpretar as soluções

PRATICA COM EXEMPLOS!

f(x) = x² - 5x + 6 → Δ=1 → x=2 ou x=3

\",\"bg_image\":\"https://images.pexels.com/photos/29737184/pexels-photo-29737184.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\"}]}","{\"type\":\"carousel\",\"slides\":[{\"title\":\"Capa: O que é uma função do 2º grau?\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0.55,\"html_content\":\"
8º ANO
Funções do
2º Grau
Matemática · Parábolas e mais
\",\"bg_image\":\"https://images.pexels.com/photos/2268589/pexels-photo-2268589.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\"},{\"title\":\"Slide 2: A forma geral\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"image_query\":null,\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0,\"html_content\":\"
01
FÓRMULA GERAL
f(x) = ax² + bx + c
Onde a, b e c são números reais e a ≠ 0.

EXEMPLO:

f(x) = 2x² - 4x + 1

a=2 · b=-4 · c=1

\"},{\"title\":\"Slide 3: A parábola e o vértice\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"image_query\":null,\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0,\"html_content\":\"
02
O GRÁFICO
A Parábola
O gráfico de uma função do 2º grau é uma parábola. Ela tem um ponto máximo ou mínimo chamado vértice.

COORDENADAS DO VÉRTICE

V ( -b/2a , -Δ/4a )

Δ = b² - 4ac (discriminante)

\"},{\"title\":\"Slide 4: Concavidade e discriminante\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"image_query\":null,\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0,\"html_content\":\"
03
CONCAVIDADE
Para cima ou para baixo?
a > 0
Concavidade para cima
↗️ (mínimo)
a < 0
Concavidade para baixo
↘️ (máximo)
DISCRIMINANTE (Δ)
Δ > 0 · Δ = 0 · Δ < 0
2 raízes · 1 raiz · nenhuma raiz real
4/5
\"},{\"title\":\"Slide 5: Como resolver (Passo a passo)\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0.5,\"html_content\":\"
MÉTODO PRÁTICO
Passo a passo
  1. Identificar a, b, c na expressão
  2. Calcular Δ = b² - 4ac
  3. Aplicar fórmula resolvente:
    x = (-b ± √Δ) / (2a)
  4. Interpretar as soluções

PRATICA COM EXEMPLOS!

f(x) = x² - 5x + 6 → Δ=1 → x=2 ou x=3

\",\"bg_image\":\"https://images.pexels.com/photos/29737184/pexels-photo-29737184.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\"}]}","{\"type\":\"carousel\",\"slides\":[{\"title\":\"Capa: O que é uma função do 2º grau?\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0.55,\"html_content\":\"
8º ANO
Funções do
2º Grau
Matemática · Parábolas e mais
\",\"bg_image\":\"https://images.pexels.com/photos/2268589/pexels-photo-2268589.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\"},{\"title\":\"Slide 2: A forma geral\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"image_query\":null,\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0,\"html_content\":\"
01
FÓRMULA GERAL
f(x) = ax² + bx + c
Onde a, b e c são números reais e a ≠ 0.

EXEMPLO:

f(x) = 2x² - 4x + 1

a=2 · b=-4 · c=1

\"},{\"title\":\"Slide 3: A parábola e o vértice\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"image_query\":null,\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0,\"html_content\":\"
02
O GRÁFICO
A Parábola
O gráfico de uma função do 2º grau é uma parábola. Ela tem um ponto máximo ou mínimo chamado vértice.

COORDENADAS DO VÉRTICE

V ( -b/2a , -Δ/4a )

Δ = b² - 4ac (discriminante)

\"},{\"title\":\"Slide 4: Concavidade e discriminante\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"image_query\":null,\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0,\"html_content\":\"
03
CONCAVIDADE
Para cima ou para baixo?
a > 0
Concavidade para cima
↗️ (mínimo)
a < 0
Concavidade para baixo
↘️ (máximo)
DISCRIMINANTE (Δ)
Δ > 0 · Δ = 0 · Δ < 0
2 raízes · 1 raiz · nenhuma raiz real
4/5
\"},{\"title\":\"Slide 5: Como resolver (Passo a passo)\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0.5,\"html_content\":\"
MÉTODO PRÁTICO
Passo a passo
  1. Identificar a, b, c na expressão
  2. Calcular Δ = b² - 4ac
  3. Aplicar fórmula resolvente:
    x = (-b ± √Δ) / (2a)
  4. Interpretar as soluções

PRATICA COM EXEMPLOS!

f(x) = x² - 5x + 6 → Δ=1 → x=2 ou x=3

\",\"bg_image\":\"https://images.pexels.com/photos/29737184/pexels-photo-29737184.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\"}]}","{\"type\":\"carousel\",\"slides\":[{\"title\":\"Capa: O que é uma função do 2º grau?\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0.55,\"html_content\":\"
8º ANO
Funções do
2º Grau
Matemática · Parábolas e mais
\",\"bg_image\":\"https://images.pexels.com/photos/2268589/pexels-photo-2268589.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\"},{\"title\":\"Slide 2: A forma geral\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"image_query\":null,\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0,\"html_content\":\"
01
FÓRMULA GERAL
f(x) = ax² + bx + c
Onde a, b e c são números reais e a ≠ 0.

EXEMPLO:

f(x) = 2x² - 4x + 1

a=2 · b=-4 · c=1

\"},{\"title\":\"Slide 3: A parábola e o vértice\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"image_query\":null,\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0,\"html_content\":\"
02
O GRÁFICO
A Parábola
O gráfico de uma função do 2º grau é uma parábola. Ela tem um ponto máximo ou mínimo chamado vértice.

COORDENADAS DO VÉRTICE

V ( -b/2a , -Δ/4a )

Δ = b² - 4ac (discriminante)

\"},{\"title\":\"Slide 4: Concavidade e discriminante\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"image_query\":null,\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0,\"html_content\":\"
03
CONCAVIDADE
Para cima ou para baixo?
a > 0
Concavidade para cima
↗️ (mínimo)
a < 0
Concavidade para baixo
↘️ (máximo)
DISCRIMINANTE (Δ)
Δ > 0 · Δ = 0 · Δ < 0
2 raízes · 1 raiz · nenhuma raiz real
4/5
\"},{\"title\":\"Slide 5: Como resolver (Passo a passo)\",\"bg_sample\":\"#0F172A\",\"accent_color\":\"#38BDF8\",\"overlay_color\":\"#0F172A\",\"overlay_opacity\":0.5,\"html_content\":\"
MÉTODO PRÁTICO
Passo a passo
  1. Identificar a, b, c na expressão
  2. Calcular Δ = b² - 4ac
  3. Aplicar fórmula resolvente:
    x = (-b ± √Δ) / (2a)
  4. Interpretar as soluções

PRATICA COM EXEMPLOS!

f(x) = x² - 5x + 6 → Δ=1 → x=2 ou x=3

\",\"bg_image\":\"https://images.pexels.com/photos/29737184/pexels-photo-29737184.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\"}]}"]}