Trilha de Desafios – SimRob\u00f3tica<\/title>\n <style>\n #success-path-wrapper { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: transparent; padding: 20px; margin: 0; }\n #success-path-wrapper * { box-sizing: border-box; }\n #success-path-wrapper .path-container { background: white; border-radius: 20px; padding: 30px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); max-width: 1200px; margin: 0 auto; }\n #success-path-wrapper .game-layout { display: grid; grid-template-columns: 300px 1fr; gap: 25px; margin-bottom: 20px; align-items: start; }\n #success-path-wrapper .path-title { text-align: center; background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 2.2em; font-weight: bold; margin: 0 0 10px 0; }\n #success-path-wrapper .path-info { display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px; padding: 20px 15px; background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%); border-radius: 15px; color: white; }\n #success-path-wrapper .path-info-top { display: flex; justify-content: space-around; }\n #success-path-wrapper .path-info-value { font-size: 1.3em; font-weight: bold; }\n #success-path-wrapper .progress-bar-container { width: 100%; height: 8px; background: rgba(255,255,255,0.3); border-radius: 10px; overflow: hidden; }\n #success-path-wrapper .progress-bar { height: 100%; background: white; width: 0%; transition: width 0.5s ease; }\n #success-path-wrapper .path-map { position: relative; padding: 20px 10px; border-radius: 15px; height: 550px; overflow-y: auto; background: linear-gradient(to bottom, #e0f2fe 0%, #dbeafe 50%, #bfdbfe 100%); -webkit-overflow-scrolling: touch; }\n #success-path-wrapper .path-step-node { width: 55px; height: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.5em; background: #e5e7eb; color: #9ca3af; border: 3px solid #d1d5db; margin: 0 auto 15px auto; transition: all 0.3s ease; }\n #success-path-wrapper .path-step-node.active { background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%); color: white; transform: scale(1.15); border-color: #fff; box-shadow: 0 6px 15px rgba(16, 185, 129, 0.5); }\n #success-path-wrapper .path-step-node.completed { background: #22c55e; color: white; border-color: #10b981; }\n #success-path-wrapper .challenge-area { background: white; border: 3px solid #e5e7eb; border-radius: 15px; padding: 20px; height: 550px; overflow-y: auto; }\n #success-path-wrapper .challenge-option { padding: 12px 15px; background: #f3f4f6; border: 2px solid #e5e7eb; border-radius: 10px; cursor: pointer; margin-bottom: 10px; transition: 0.3s; text-align: left;}\n #success-path-wrapper .challenge-button { width: 100%; padding: 12px; background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%); color: white; border: none; border-radius: 10px; font-weight: bold; cursor: pointer; margin-top: 10px; }\n #success-path-wrapper .result-message { padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; margin-top: 15px; display: none; }\n .motivational-message { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 30px; border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); z-index: 10000; text-align: center; }\n @media (max-width: 600px) { #success-path-wrapper .game-layout { grid-template-columns: 1fr; } #success-path-wrapper .path-map { height: 300px; } }\n <\/style>\n<\/head>\n<body>\n <div id=\"success-path-wrapper\">\n <div class=\"path-container\">\n <h1 class=\"path-title\">\u2705 Vamos jogar!<\/h1>\n <div class=\"path-info\">\n <div class=\"path-info-top\">\n <div>Desafio: <span id=\"currentStep\">1\/12<\/span><\/div>\n <div>Pontos: <span id=\"score\">0<\/span> <span id=\"stars\"><\/span><\/div>\n <\/div>\n <div class=\"progress-bar-container\"><div class=\"progress-bar\" id=\"progressBar\"><\/div><\/div>\n <\/div>\n <div class=\"game-layout\">\n <div class=\"path-map\"><div id=\"pathSteps\"><\/div><\/div>\n <div class=\"challenge-area\" id=\"challengeArea\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<script>\n(function() {\n \/\/ BANCO DE DADOS INTEGRADO (51 QUEST\u00d5ES)\n const easyPool = [\n { type: 'question', icon: '\ud83e\udd16', title: '\ud83e\udd16 Rob\u00f3tica Educacional', question: 'Qual \u00e9 o principal objetivo da rob\u00f3tica educacional?', options: ['Apenas construir rob\u00f4s', 'Desenvolver habilidades como resolu\u00e7\u00e3o de problemas e criatividade', 'Competir em campeonatos', 'Aprender a programar jogos'], correct: 1, points: 10 },\n { type: 'question', icon: '\u2699\ufe0f', title: '\u2699\ufe0f Componentes', question: 'Qual componente \u00e9 respons\u00e1vel por \"pensar\" no rob\u00f4?', options: ['Motor', 'Sensor', 'Microcontrolador', 'LED'], correct: 2, points: 10 },\n { type: 'question', icon: '\ud83d\udca1', title: '\ud83d\udca1 Algoritmo', question: 'O que significa \"algoritmo\"?', options: ['Um tipo de rob\u00f4', 'Uma sequ\u00eancia l\u00f3gica de passos', 'Uma linguagem', 'Um componente'], correct: 1, points: 10 },\n { type: 'question', icon: '\ud83d\udcbb', title: '\ud83d\udcbb Programa\u00e7\u00e3o', question: 'Qual linguagem visual \u00e9 comum em rob\u00f3tica educacional?', options: ['Python', 'Scratch', 'Java', 'C++'], correct: 1, points: 10 },\n { type: 'question', icon: '\ud83d\udd27', title: '\ud83d\udd27 Planejamento', question: 'Por que planejar antes de construir?', options: ['N\u00e3o \u00e9 importante', 'Economizar tempo e materiais', 'S\u00f3 est\u00e9tica', 'Obriga\u00e7\u00e3o'], correct: 1, points: 10 },\n { type: 'question', icon: '\ud83c\udfa8', title: '\ud83c\udfa8 STEAM', question: 'O que a letra \"A\" representa na sigla STEAM?', options: ['Automa\u00e7\u00e3o', 'Astronomia', 'Administra\u00e7\u00e3o', 'Artes'], correct: 3, points: 10 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 Padr\u00e3o', question: 'Complete a sequ\u00eancia l\u00f3gica: 5, 10, 15, 20, __', answer: '25', points: 10 },\n { type: 'input', icon: '\ud83d\udd0d', title: '\ud83d\udd0d Contagem', question: 'Quantos motores? \u2699\ufe0f \ud83d\udd0b \u2699\ufe0f \ud83d\udca1 \u2699\ufe0f \ud83d\udd0c \u2699\ufe0f', answer: '4', points: 10 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee Soma', question: 'Se X = 5 e Y = 3, quanto \u00e9 X + Y?', answer: '8', points: 10 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee Sensores', question: '3 rob\u00f4s, cada um usa 4 sensores. Quantos sensores no total?', answer: '12', points: 10 },\n { type: 'question', icon: '\ud83d\udd0c', title: '\ud83d\udd0c Circuitos', question: 'O que acontece quando h\u00e1 um curto-circuito?', options: ['A corrente el\u00e9trica flui normalmente', 'A corrente el\u00e9trica aumenta perigosamente', 'O circuito se desliga sozinho', 'Nada acontece'], correct: 1, points: 10 },\n { type: 'question', icon: '\ud83d\udca1', title: '\ud83d\udca1 LED', question: 'O que significa a sigla LED?', options: ['Light Energy Device', 'Diodo Emissor de Luz', 'Luz El\u00e9trica Digital', 'L\u00e2mpada Eletr\u00f4nica Dur\u00e1vel'], correct: 1, points: 10 },\n { type: 'question', icon: '\u26a1', title: '\u26a1 Condutividade', question: 'Qual material conduz melhor a eletricidade?', options: ['Pl\u00e1stico', 'Madeira', 'Cobre', 'Borracha'], correct: 2, points: 10 },\n { type: 'question', icon: '\ud83d\udd0b', title: '\ud83d\udd0b Energia', question: 'Por que \u00e9 importante economizar energia da bateria?', options: ['Para o rob\u00f4 ficar bonito', 'Para o rob\u00f4 funcionar por mais tempo', 'N\u00e3o \u00e9 importante', 'Para ficar pesado'], correct: 1, points: 10 },\n { type: 'question', icon: '\ud83c\udfa8', title: '\ud83c\udfa8 Design', question: 'Por que o design de um rob\u00f4 pode ser importante?', options: ['N\u00e3o tem import\u00e2ncia', 'S\u00f3 est\u00e9tica', 'Facilita a fun\u00e7\u00e3o e torna mais f\u00e1cil de usar', 'Competi\u00e7\u00f5es'], correct: 2, points: 10 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 Sequ\u00eancia \u00cdmpar', question: 'Complete: 1, 3, 5, 7, 9, __', answer: '11', points: 10 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 Sequ\u00eancia Decrescente', question: 'Complete: 100, 90, 80, 70, __', answer: '60', points: 10 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee \u00c1rea', question: 'Um rob\u00f4 quadrado de 5cm de lado. \u00c1rea em cm\u00b2?', answer: '25', points: 10 },\n { type: 'input', icon: '\ud83d\udd0d', title: '\ud83d\udd0d Observa\u00e7\u00e3o', question: 'Quantos LEDs? \ud83d\udca1 \u2699\ufe0f \ud83d\udca1 \ud83d\udd0b \ud83d\udca1 \ud83d\udd0c \ud83d\udca1 \ud83d\udca1', answer: '5', points: 10 },\n { type: 'input', icon: '\ud83d\udd0d', title: '\ud83d\udd0d Aten\u00e7\u00e3o', question: 'Quantas baterias? \ud83d\udd0b \u2699\ufe0f \ud83d\udd0b \ud83d\udca1 \ud83d\udd0b \ud83d\udd0c \u2699\ufe0f \ud83d\udd0b', answer: '4', points: 10 }\n ];\n\n const mediumPool = [\n { type: 'question', icon: '\u2699\ufe0f', title: '\u2699\ufe0f Motor', question: 'Qual \u00e9 a fun\u00e7\u00e3o principal de um motor em um prot\u00f3tipo?', options: ['Processar a programa\u00e7\u00e3o', 'Fazer as partes do rob\u00f4 se moverem', 'Medir inclina\u00e7\u00e3o', 'Detectar objetos'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83e\udde0', title: '\ud83e\udde0 Pensamento Computacional', question: 'Qual dessas melhor descreve o pensamento computacional?', options: ['Dividir um problema complexo em partes menores', 'Construir sem planejamento', 'Copiar projetos', 'Usar o m\u00e1ximo de pe\u00e7as'], correct: 0, points: 15 },\n { type: 'question', icon: '\ud83c\udf1e', title: '\ud83c\udf1e Energia Renov\u00e1vel', question: 'Qual conceito fundamental em prot\u00f3tipos como \"Painel Solar\"?', options: ['Gerar energia de fontes que n\u00e3o se esgotam', 'Cadeias alimentares', 'Fases da Lua', 'Composi\u00e7\u00e3o da \u00e1gua'], correct: 0, points: 15 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee Dist\u00e2ncia', question: 'Rob\u00f4 avan\u00e7a 7 partes de 12cm. Dist\u00e2ncia total em cm?', answer: '84', points: 15 },\n { type: 'question', icon: '\ud83e\udd1d', title: '\ud83e\udd1d Equipe', question: 'Seu colega tem dificuldade. O que fazer?', options: ['Ignorar', 'Fazer por ele', 'Ajudar e explicar', 'Reclamar'], correct: 2, points: 15 },\n { type: 'question', icon: '\ud83c\udfaf', title: '\ud83c\udfaf Abordagem', question: 'Rob\u00f4 n\u00e3o funciona. Melhor abordagem?', options: ['Desistir', 'Analisar passo a passo', 'Esperar professor', 'Trocar tudo'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83c\udf1f', title: '\ud83c\udf1f Criatividade', question: 'Como tornar o projeto mais criativo?', options: ['Copiar exemplo', 'Adicionar suas ideias', 'Fazer simples', 'Cores padr\u00e3o'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83d\ude0a', title: '\ud83d\ude0a Rea\u00e7\u00e3o', question: 'Errou v\u00e1rias vezes. Como reagir?', options: ['Desistir', 'Ver como aprendizado', 'Culpar materiais', 'Fazer f\u00e1cil'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83c\udfc6', title: '\ud83c\udfc6 Sucesso', question: 'Chave do sucesso em rob\u00f3tica?', options: ['Ser r\u00e1pido', 'Nunca errar', 'Persistir e trabalhar em equipe', 'Melhores materiais'], correct: 2, points: 15 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 Bin\u00e1ria', question: 'Complete: 2, 4, 8, 16, __', answer: '32', points: 15 },\n { type: 'question', icon: '\ud83c\udf08', title: '\ud83c\udf08 Sensor RGB', question: 'Como um sensor de cor RGB identifica as cores?', options: ['Por temperatura', 'N\u00edveis de luz vermelha, verde e azul', 'Por peso', 'Por som'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83d\udd0b', title: '\ud83d\udd0b Voltagem', question: 'LED de 3V e baterias de 1.5V. Quantas em s\u00e9rie?', options: ['1', '2', '3', '4'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83e\udd1d', title: '\ud83e\udd1d Colabora\u00e7\u00e3o', question: 'Grupo discorda da solu\u00e7\u00e3o. O que fazer?', options: ['Impor ideia', 'Desistir', 'Testar ambas e avaliar juntos', 'Dividir grupo'], correct: 2, points: 15 },\n { type: 'question', icon: '\ud83d\udcad', title: '\ud83d\udcad Comunica\u00e7\u00e3o', question: 'Como comunicar bem uma ideia t\u00e9cnica?', options: ['Termos complicados', 'Explicar de forma clara com exemplos', 'N\u00e3o explicar', 'Assumir que sabem'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83c\udfaf', title: '\ud83c\udfaf Documenta\u00e7\u00e3o', question: 'Por que documentar o processo \u00e9 importante?', options: ['N\u00e3o \u00e9 importante', 'S\u00f3 para nota', 'Lembrar decis\u00f5es e melhorias', 'Mostrar aos pais'], correct: 2, points: 15 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee Velocidade', question: 'Rob\u00f4 faz 36cm em 4s. Quantos cm por segundo?', answer: '9', points: 15 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee Porcentagem', question: 'Acertou 8 de 10. Qual a porcentagem?', answer: '80', points: 15 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 Fibonacci', question: 'Sequ\u00eancia de Fibonacci: 1, 1, 2, 3, 5, 8, __', answer: '13', points: 15 },\n { type: 'question', icon: '\ud83d\udcca', title: '\ud83d\udcca Ultrass\u00f4nico', question: 'Para que serve um sensor ultrass\u00f4nico?', options: ['Medir temperatura', 'Detectar cores', 'Medir dist\u00e2ncia', 'Gerar sons'], correct: 2, points: 15 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee Multiplica\u00e7\u00e3o', question: 'Se A = 10 e B = 2, quanto \u00e9 A \u00d7 B?', answer: '20', points: 15 }\n ];\n\n const hardPool = [\n { type: 'question', icon: '\ud83c\udf31', title: '\ud83c\udf31 Sustentabilidade', question: 'Qual o objetivo de abordar energia renov\u00e1vel na rob\u00f3tica?', options: ['Provar que resolve tudo', 'Rob\u00f4s est\u00e9ticos', 'Conectar com quest\u00f5es sociais e ambientais', 'Limitar criatividade'], correct: 2, points: 20 },\n { type: 'question', icon: '\ud83c\udf93', title: '\ud83c\udf93 STEAM', question: 'STEAM na rob\u00f3tica integrado representa:', options: ['S\u00f3 programa\u00e7\u00e3o', 'Ci\u00eancia, Tecnologia, Engenharia, Artes e Matem\u00e1tica', 'S\u00f3 mec\u00e2nica', 'S\u00f3 sensores'], correct: 1, points: 20 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 Pot\u00eancias', question: 'Complete: 3, 9, 27, 81, __', answer: '243', points: 20 },\n { type: 'memory', icon: '\ud83e\udde0', title: '\ud83e\udde0 Mem\u00f3ria 1', question: 'Memorize: Motor, Sensor, LED', items: ['Motor', 'Sensor', 'LED', 'Bateria', 'Buzzer'], correct: ['Motor', 'Sensor', 'LED'], points: 20 },\n { type: 'memory', icon: '\ud83e\udde0', title: '\ud83e\udde0 Mem\u00f3ria 2', question: 'Memorize: Capacitor, Resistor, Diodo', items: ['Capacitor', 'Resistor', 'Diodo', 'Transistor', 'Indutor', 'Fus\u00edvel'], correct: ['Capacitor', 'Resistor', 'Diodo'], points: 20 },\n { type: 'order', icon: '\ud83d\udd27', title: '\ud83d\udd27 Projeto', question: 'Ordene as etapas de projeto:', items: ['Planejar', 'Construir', 'Testar', 'Melhorar'], correct: ['Planejar', 'Construir', 'Testar', 'Melhorar'], points: 20 },\n { type: 'order', icon: '\ud83d\udcbb', title: '\ud83d\udcbb Ciclo', question: 'Ordene o ciclo de programa\u00e7\u00e3o:', items: ['Pensar', 'Escrever c\u00f3digo', 'Executar', 'Debugar'], correct: ['Pensar', 'Escrever c\u00f3digo', 'Executar', 'Debugar'], points: 20 },\n { type: 'order', icon: '\ud83d\udccb', title: '\ud83d\udccb M\u00e9todo', question: 'Ordene o m\u00e9todo cient\u00edfico:', items: ['Observa\u00e7\u00e3o', 'Hip\u00f3tese', 'Experimento', 'Conclus\u00e3o'], correct: ['Observa\u00e7\u00e3o', 'Hip\u00f3tese', 'Experimento', 'Conclus\u00e3o'], points: 20 },\n { type: 'memory', icon: '\ud83e\udde0', title: '\ud83e\udde0 Ferramentas', question: 'Memorize: Chave, Alicate, Mult\u00edmetro', items: ['Chave', 'Alicate', 'Mult\u00edmetro', 'Martelo', 'Tesoura'], correct: ['Chave', 'Alicate', 'Mult\u00edmetro'], points: 20 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 LEDs', question: 'Um rob\u00f4 acende LEDs seguindo a sequ\u00eancia: 2, 3, 5, 8, 12, __', answer: '17', points: 20 },\n { type: 'question', icon: '\u2699\ufe0f', title: '\u2699\ufe0f Engrenagens', question: 'Se a engrenagem motora tem 20 dentes e a movida tem 40, o que ocorre?', options: ['Mais velocidade', 'Mais for\u00e7a (torque)', 'Nada muda', 'O rob\u00f4 para'], correct: 1, points: 20 }\n ];\n\n let challenges = [];\n let currentStep = 0;\n let score = 0;\n let maxPossibleScore = 0;\n let answered = false;\n\n function shuffle(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n return array;\n }\n\n function initGame() {\n const selectedEasy = shuffle([...easyPool]).slice(0, 4);\n const selectedMedium = shuffle([...mediumPool]).slice(0, 4);\n const selectedHard = shuffle([...hardPool]).slice(0, 4);\n \n challenges = shuffle([...selectedEasy, ...selectedMedium, ...selectedHard]);\n maxPossibleScore = challenges.reduce((s, c) => s + c.points, 0);\n \n score = 0; currentStep = 0;\n showChallenge();\n createPathSteps();\n }\n\n function createPathSteps() {\n const container = document.getElementById('pathSteps');\n container.innerHTML = '';\n challenges.forEach((c, i) => {\n \/\/ Se i < currentStep, j\u00e1 passou. Se i == 12 (fim), todos passam.\n const status = (i < currentStep) ? 'completed' : (i === currentStep ? 'active' : '');\n container.innerHTML += `<div class=\"path-step\"><div class=\"path-step-node ${status}\">${i < currentStep ? '\u2713' : c.icon}<\/div><\/div>`;\n });\n }\n\n function showChallenge() {\n answered = false;\n const c = challenges[currentStep];\n document.getElementById('currentStep').textContent = `${currentStep + 1}\/12`;\n document.getElementById('progressBar').style.width = (currentStep \/ 12 * 100) + '%';\n const area = document.getElementById('challengeArea');\n \n if (c.type === 'question') {\n let opts = c.options.map((o, i) => `<div class=\"challenge-option\" onclick=\"checkQuest(${i})\">${o}<\/div>`).join('');\n area.innerHTML = `<h3>${c.title}<\/h3><p>${c.question}<\/p>${opts}<div id=\"res\" class=\"result-message\"><\/div>`;\n } else if (c.type === 'input') {\n area.innerHTML = `<h3>${c.title}<\/h3><p>${c.question}<\/p><input type=\"text\" id=\"ans\" style=\"width:100%; padding:10px; border-radius:8px; border:1px solid #ccc; margin-bottom:10px;\"><button class=\"challenge-button\" onclick=\"checkInp()\">Verificar<\/button><div id=\"res\" class=\"result-message\"><\/div>`;\n } else if (c.type === 'order') {\n let items = shuffle([...c.items]);\n let list = items.map((it, i) => `<div class=\"challenge-option\" draggable=\"true\" ondragstart=\"drag(event)\" id=\"o-${i}\" data-val=\"${it}\">${it}<\/div>`).join('');\n area.innerHTML = `<h3>${c.title}<\/h3><p>\ud83d\udca1 Arraste os itens para a ordem correta:<\/p><div id=\"sortable\" ondrop=\"drop(event)\" ondragover=\"allowDrop(event)\">${list}<\/div><button class=\"challenge-button\" onclick=\"checkOrd()\">Confirmar Ordem<\/button><div id=\"res\" class=\"result-message\"><\/div>`;\n } else if (c.type === 'memory') {\n area.innerHTML = `<h3>${c.title}<\/h3><p>Observe por 5 segundos:<\/p><h2 style=\"text-align:center; background:#f0f9ff; padding:20px; border-radius:10px;\">${c.correct.join(' \u2022 ')}<\/h2>`;\n setTimeout(() => {\n let btns = shuffle([...c.items]).map(it => `<div class=\"challenge-option\" onclick=\"this.classList.toggle('sel'); this.style.background=this.classList.contains('sel')?'#dbeafe':'#f3f4f6'\">${it}<\/div>`).join('');\n area.innerHTML = `<h3>${c.title}<\/h3><p>Selecione os itens memorizados:<\/p>${btns}<button class=\"challenge-button\" onclick=\"checkMem()\">Verificar Mem\u00f3ria<\/button><div id=\"res\" class=\"result-message\"><\/div>`;\n }, 5000);\n }\n }\n\n window.checkQuest = (i) => { if(answered) return; answered=true; handleRes(i === challenges[currentStep].correct); };\n window.checkInp = () => { if(answered) return; answered=true; handleRes(document.getElementById('ans').value.trim() === challenges[currentStep].answer); };\n window.checkMem = () => { if(answered) return; answered=true; let sel = Array.from(document.querySelectorAll('.challenge-option.sel')).map(e=>e.textContent).sort(); handleRes(JSON.stringify(sel) === JSON.stringify([...challenges[currentStep].correct].sort())); };\n window.checkOrd = () => { if(answered) return; answered=true; let cur = Array.from(document.querySelectorAll('#sortable div')).map(e=>e.dataset.val); handleRes(JSON.stringify(cur) === JSON.stringify(challenges[currentStep].correct)); };\n\n function handleRes(win) {\n if(win) score += challenges[currentStep].points;\n const r = document.getElementById('res');\n r.innerHTML = win ? \"\ud83c\udf89 Correto!\" : \"\u274c Incorreto\";\n r.style.display = \"block\"; r.style.background = win ? \"#c6f6d5\" : \"#fecaca\";\n document.getElementById('score').textContent = score;\n \n let btn = document.createElement('button'); btn.className = 'challenge-button'; btn.style.background = '#3b82f6'; btn.textContent = 'Pr\u00f3ximo \u2192';\n btn.onclick = () => {\n if(win && (currentStep+1)%3===0) showMotiv();\n \n currentStep++; \/\/ Avan\u00e7a o contador\n \n if(currentStep < 12) { \n showChallenge(); \n createPathSteps(); \/\/ Atualiza mapa durante o jogo\n } else {\n showFinal(); \/\/ Chama tela final\n }\n };\n document.getElementById('challengeArea').appendChild(btn);\n }\n\n window.allowDrop=(e)=>e.preventDefault();\n window.drag=(e)=>e.dataTransfer.setData(\"text\", e.target.id);\n window.drop=(e)=>{e.preventDefault(); let d=e.dataTransfer.getData(\"text\"); let el=document.getElementById(d); let t=e.target.closest('.challenge-option'); if(t && t!==el) t.parentNode.insertBefore(el, t);};\n\n function showMotiv() {\n const div = document.createElement('div'); div.className = 'motivational-message';\n div.innerHTML = `<h2>\ud83c\udf1f Excelente!<\/h2><p>Voc\u00ea est\u00e1 mandando muito bem!<\/p>`;\n document.body.appendChild(div); setTimeout(() => div.remove(), 1500);\n }\n\n function showFinal() {\n \/\/ Atualiza UI para estado final de 100%\n document.getElementById('progressBar').style.width = '100%';\n createPathSteps(); \/\/ Chama uma \u00faltima vez com currentStep em 12 para dar check em tudo\n\n document.getElementById('challengeArea').innerHTML = `\n <div style=\"text-align:center\">\n <h2>\ud83c\udfc6 Fim da Jornada!<\/h2>\n <h1 style=\"font-size:3em; color:#10b981\">${score} Pontos<\/h1>\n <button class=\"challenge-button\" onclick=\"location.reload()\">\ud83d\udd04 Reiniciar<\/button>\n <button class=\"challenge-button\" style=\"background:#8b5cf6\" onclick=\"share()\">\ud83d\udce4 Compartilhar<\/button>\n <\/div>`;\n }\n\n window.share = () => {\n const text = `\ud83d\ude80 Fiz ${score} pontos na Trilha de Desafios! Jogue tamb\u00e9m: ${window.location.href}`;\n if(navigator.share) navigator.share({title:'Trilha', text:text}); else { navigator.clipboard.writeText(text); alert('Link copiado!'); }\n };\n\n initGame();\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p>\u2713 Atividade alinhada \u00e0 Base Nacional Comum Curricular (BNCC), BNCC da Computa\u00e7\u00e3o e aos Objetivos de Desenvolvimento Sustent\u00e1vel (ODS) da ONU. <a style=\"background-color: #e6c15a; color: #2f2f2f; padding: 4px 10px; border-radius: 3px; text-decoration: none; font-weight: 500; display: inline-block;\" href=\"https:\/\/siminova.com.br\/blog\/amigos\/alinhamento\/trilha-de-desafios\/\"> \u203a Saiba mais <\/a><\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Vis\u00e3o Geral do Alinhamento<\/summary>\n<p class=\"has-small-font-size\">EF04MA03, EF05MA12, EF05CI01, EF05CI04, EF15LP18, EF06MA23, EF07MA17, EF08MA04, EF08CI01, EM13MAT507, EM13CNT101, EM13CNT107, EM13CNT301, EF01CO01, EF01CO02, EF01CO03, EF02CO01, EF02CO02, EF02CO03, EF02CO04, EF03CO01, EF03CO03, EF03CO04, EF03CO06, EF04CO04, EF05CO03, EF05CO04, EF05CO05, EF06CO01, EF06CO04, EF06CO05, EF06CO09, EF07CO02, EF07CO03, EF07CO05, EF07CO11, EF08CO07, EM13CO02, EM13CO09, EM13CO11, EM13CO16, EM13CO23, ODS 4, ODS 7, ODS 9 e ODS 12.<\/p>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>Encare uma trilha cheia de conhecimento!<\/p>\n<p><b> N\u00cdVEL DIF\u00cdCIL<\/B><\/p>\n","protected":false},"author":8,"featured_media":4899,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[77],"tags":[79],"class_list":["post-4185","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jogos","tag-notts"],"_links":{"self":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/comments?post=4185"}],"version-history":[{"count":47,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4185\/revisions"}],"predecessor-version":[{"id":5165,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4185\/revisions\/5165"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/media\/4899"}],"wp:attachment":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/media?parent=4185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/categories?post=4185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/tags?post=4185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4185,"date":"2026-03-01T19:20:06","date_gmt":"2026-03-01T22:20:06","guid":{"rendered":"https:\/\/siminova.com.br\/blog\/?p=4185"},"modified":"2026-03-13T09:45:00","modified_gmt":"2026-03-13T12:45:00","slug":"trilha-de-desafios","status":"publish","type":"post","link":"https:\/\/siminova.com.br\/blog\/2026\/03\/trilha-de-desafios\/","title":{"rendered":"Trilha de Desafios"},"content":{"rendered":"\n

Que Aprender \u00e9 Sensacional<\/a><\/em> a gente j\u00e1 sabe! \ud83c\udfb5
Que tal encarar uma trilha cheia de conhecimento e divers\u00e3o?<\/p>\n\n\n\n\n\n\n \n \n Trilha de Desafios – SimRob\u00f3tica<\/title>\n <style>\n #success-path-wrapper { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: transparent; padding: 20px; margin: 0; }\n #success-path-wrapper * { box-sizing: border-box; }\n #success-path-wrapper .path-container { background: white; border-radius: 20px; padding: 30px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); max-width: 1200px; margin: 0 auto; }\n #success-path-wrapper .game-layout { display: grid; grid-template-columns: 300px 1fr; gap: 25px; margin-bottom: 20px; align-items: start; }\n #success-path-wrapper .path-title { text-align: center; background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 2.2em; font-weight: bold; margin: 0 0 10px 0; }\n #success-path-wrapper .path-info { display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px; padding: 20px 15px; background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%); border-radius: 15px; color: white; }\n #success-path-wrapper .path-info-top { display: flex; justify-content: space-around; }\n #success-path-wrapper .path-info-value { font-size: 1.3em; font-weight: bold; }\n #success-path-wrapper .progress-bar-container { width: 100%; height: 8px; background: rgba(255,255,255,0.3); border-radius: 10px; overflow: hidden; }\n #success-path-wrapper .progress-bar { height: 100%; background: white; width: 0%; transition: width 0.5s ease; }\n #success-path-wrapper .path-map { position: relative; padding: 20px 10px; border-radius: 15px; height: 550px; overflow-y: auto; background: linear-gradient(to bottom, #e0f2fe 0%, #dbeafe 50%, #bfdbfe 100%); -webkit-overflow-scrolling: touch; }\n #success-path-wrapper .path-step-node { width: 55px; height: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.5em; background: #e5e7eb; color: #9ca3af; border: 3px solid #d1d5db; margin: 0 auto 15px auto; transition: all 0.3s ease; }\n #success-path-wrapper .path-step-node.active { background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%); color: white; transform: scale(1.15); border-color: #fff; box-shadow: 0 6px 15px rgba(16, 185, 129, 0.5); }\n #success-path-wrapper .path-step-node.completed { background: #22c55e; color: white; border-color: #10b981; }\n #success-path-wrapper .challenge-area { background: white; border: 3px solid #e5e7eb; border-radius: 15px; padding: 20px; height: 550px; overflow-y: auto; }\n #success-path-wrapper .challenge-option { padding: 12px 15px; background: #f3f4f6; border: 2px solid #e5e7eb; border-radius: 10px; cursor: pointer; margin-bottom: 10px; transition: 0.3s; text-align: left;}\n #success-path-wrapper .challenge-button { width: 100%; padding: 12px; background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%); color: white; border: none; border-radius: 10px; font-weight: bold; cursor: pointer; margin-top: 10px; }\n #success-path-wrapper .result-message { padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; margin-top: 15px; display: none; }\n .motivational-message { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 30px; border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); z-index: 10000; text-align: center; }\n @media (max-width: 600px) { #success-path-wrapper .game-layout { grid-template-columns: 1fr; } #success-path-wrapper .path-map { height: 300px; } }\n <\/style>\n<\/head>\n<body>\n <div id=\"success-path-wrapper\">\n <div class=\"path-container\">\n <h1 class=\"path-title\">\u2705 Vamos jogar!<\/h1>\n <div class=\"path-info\">\n <div class=\"path-info-top\">\n <div>Desafio: <span id=\"currentStep\">1\/12<\/span><\/div>\n <div>Pontos: <span id=\"score\">0<\/span> <span id=\"stars\"><\/span><\/div>\n <\/div>\n <div class=\"progress-bar-container\"><div class=\"progress-bar\" id=\"progressBar\"><\/div><\/div>\n <\/div>\n <div class=\"game-layout\">\n <div class=\"path-map\"><div id=\"pathSteps\"><\/div><\/div>\n <div class=\"challenge-area\" id=\"challengeArea\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<script>\n(function() {\n \/\/ BANCO DE DADOS INTEGRADO (51 QUEST\u00d5ES)\n const easyPool = [\n { type: 'question', icon: '\ud83e\udd16', title: '\ud83e\udd16 Rob\u00f3tica Educacional', question: 'Qual \u00e9 o principal objetivo da rob\u00f3tica educacional?', options: ['Apenas construir rob\u00f4s', 'Desenvolver habilidades como resolu\u00e7\u00e3o de problemas e criatividade', 'Competir em campeonatos', 'Aprender a programar jogos'], correct: 1, points: 10 },\n { type: 'question', icon: '\u2699\ufe0f', title: '\u2699\ufe0f Componentes', question: 'Qual componente \u00e9 respons\u00e1vel por \"pensar\" no rob\u00f4?', options: ['Motor', 'Sensor', 'Microcontrolador', 'LED'], correct: 2, points: 10 },\n { type: 'question', icon: '\ud83d\udca1', title: '\ud83d\udca1 Algoritmo', question: 'O que significa \"algoritmo\"?', options: ['Um tipo de rob\u00f4', 'Uma sequ\u00eancia l\u00f3gica de passos', 'Uma linguagem', 'Um componente'], correct: 1, points: 10 },\n { type: 'question', icon: '\ud83d\udcbb', title: '\ud83d\udcbb Programa\u00e7\u00e3o', question: 'Qual linguagem visual \u00e9 comum em rob\u00f3tica educacional?', options: ['Python', 'Scratch', 'Java', 'C++'], correct: 1, points: 10 },\n { type: 'question', icon: '\ud83d\udd27', title: '\ud83d\udd27 Planejamento', question: 'Por que planejar antes de construir?', options: ['N\u00e3o \u00e9 importante', 'Economizar tempo e materiais', 'S\u00f3 est\u00e9tica', 'Obriga\u00e7\u00e3o'], correct: 1, points: 10 },\n { type: 'question', icon: '\ud83c\udfa8', title: '\ud83c\udfa8 STEAM', question: 'O que a letra \"A\" representa na sigla STEAM?', options: ['Automa\u00e7\u00e3o', 'Astronomia', 'Administra\u00e7\u00e3o', 'Artes'], correct: 3, points: 10 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 Padr\u00e3o', question: 'Complete a sequ\u00eancia l\u00f3gica: 5, 10, 15, 20, __', answer: '25', points: 10 },\n { type: 'input', icon: '\ud83d\udd0d', title: '\ud83d\udd0d Contagem', question: 'Quantos motores? \u2699\ufe0f \ud83d\udd0b \u2699\ufe0f \ud83d\udca1 \u2699\ufe0f \ud83d\udd0c \u2699\ufe0f', answer: '4', points: 10 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee Soma', question: 'Se X = 5 e Y = 3, quanto \u00e9 X + Y?', answer: '8', points: 10 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee Sensores', question: '3 rob\u00f4s, cada um usa 4 sensores. Quantos sensores no total?', answer: '12', points: 10 },\n { type: 'question', icon: '\ud83d\udd0c', title: '\ud83d\udd0c Circuitos', question: 'O que acontece quando h\u00e1 um curto-circuito?', options: ['A corrente el\u00e9trica flui normalmente', 'A corrente el\u00e9trica aumenta perigosamente', 'O circuito se desliga sozinho', 'Nada acontece'], correct: 1, points: 10 },\n { type: 'question', icon: '\ud83d\udca1', title: '\ud83d\udca1 LED', question: 'O que significa a sigla LED?', options: ['Light Energy Device', 'Diodo Emissor de Luz', 'Luz El\u00e9trica Digital', 'L\u00e2mpada Eletr\u00f4nica Dur\u00e1vel'], correct: 1, points: 10 },\n { type: 'question', icon: '\u26a1', title: '\u26a1 Condutividade', question: 'Qual material conduz melhor a eletricidade?', options: ['Pl\u00e1stico', 'Madeira', 'Cobre', 'Borracha'], correct: 2, points: 10 },\n { type: 'question', icon: '\ud83d\udd0b', title: '\ud83d\udd0b Energia', question: 'Por que \u00e9 importante economizar energia da bateria?', options: ['Para o rob\u00f4 ficar bonito', 'Para o rob\u00f4 funcionar por mais tempo', 'N\u00e3o \u00e9 importante', 'Para ficar pesado'], correct: 1, points: 10 },\n { type: 'question', icon: '\ud83c\udfa8', title: '\ud83c\udfa8 Design', question: 'Por que o design de um rob\u00f4 pode ser importante?', options: ['N\u00e3o tem import\u00e2ncia', 'S\u00f3 est\u00e9tica', 'Facilita a fun\u00e7\u00e3o e torna mais f\u00e1cil de usar', 'Competi\u00e7\u00f5es'], correct: 2, points: 10 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 Sequ\u00eancia \u00cdmpar', question: 'Complete: 1, 3, 5, 7, 9, __', answer: '11', points: 10 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 Sequ\u00eancia Decrescente', question: 'Complete: 100, 90, 80, 70, __', answer: '60', points: 10 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee \u00c1rea', question: 'Um rob\u00f4 quadrado de 5cm de lado. \u00c1rea em cm\u00b2?', answer: '25', points: 10 },\n { type: 'input', icon: '\ud83d\udd0d', title: '\ud83d\udd0d Observa\u00e7\u00e3o', question: 'Quantos LEDs? \ud83d\udca1 \u2699\ufe0f \ud83d\udca1 \ud83d\udd0b \ud83d\udca1 \ud83d\udd0c \ud83d\udca1 \ud83d\udca1', answer: '5', points: 10 },\n { type: 'input', icon: '\ud83d\udd0d', title: '\ud83d\udd0d Aten\u00e7\u00e3o', question: 'Quantas baterias? \ud83d\udd0b \u2699\ufe0f \ud83d\udd0b \ud83d\udca1 \ud83d\udd0b \ud83d\udd0c \u2699\ufe0f \ud83d\udd0b', answer: '4', points: 10 }\n ];\n\n const mediumPool = [\n { type: 'question', icon: '\u2699\ufe0f', title: '\u2699\ufe0f Motor', question: 'Qual \u00e9 a fun\u00e7\u00e3o principal de um motor em um prot\u00f3tipo?', options: ['Processar a programa\u00e7\u00e3o', 'Fazer as partes do rob\u00f4 se moverem', 'Medir inclina\u00e7\u00e3o', 'Detectar objetos'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83e\udde0', title: '\ud83e\udde0 Pensamento Computacional', question: 'Qual dessas melhor descreve o pensamento computacional?', options: ['Dividir um problema complexo em partes menores', 'Construir sem planejamento', 'Copiar projetos', 'Usar o m\u00e1ximo de pe\u00e7as'], correct: 0, points: 15 },\n { type: 'question', icon: '\ud83c\udf1e', title: '\ud83c\udf1e Energia Renov\u00e1vel', question: 'Qual conceito fundamental em prot\u00f3tipos como \"Painel Solar\"?', options: ['Gerar energia de fontes que n\u00e3o se esgotam', 'Cadeias alimentares', 'Fases da Lua', 'Composi\u00e7\u00e3o da \u00e1gua'], correct: 0, points: 15 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee Dist\u00e2ncia', question: 'Rob\u00f4 avan\u00e7a 7 partes de 12cm. Dist\u00e2ncia total em cm?', answer: '84', points: 15 },\n { type: 'question', icon: '\ud83e\udd1d', title: '\ud83e\udd1d Equipe', question: 'Seu colega tem dificuldade. O que fazer?', options: ['Ignorar', 'Fazer por ele', 'Ajudar e explicar', 'Reclamar'], correct: 2, points: 15 },\n { type: 'question', icon: '\ud83c\udfaf', title: '\ud83c\udfaf Abordagem', question: 'Rob\u00f4 n\u00e3o funciona. Melhor abordagem?', options: ['Desistir', 'Analisar passo a passo', 'Esperar professor', 'Trocar tudo'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83c\udf1f', title: '\ud83c\udf1f Criatividade', question: 'Como tornar o projeto mais criativo?', options: ['Copiar exemplo', 'Adicionar suas ideias', 'Fazer simples', 'Cores padr\u00e3o'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83d\ude0a', title: '\ud83d\ude0a Rea\u00e7\u00e3o', question: 'Errou v\u00e1rias vezes. Como reagir?', options: ['Desistir', 'Ver como aprendizado', 'Culpar materiais', 'Fazer f\u00e1cil'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83c\udfc6', title: '\ud83c\udfc6 Sucesso', question: 'Chave do sucesso em rob\u00f3tica?', options: ['Ser r\u00e1pido', 'Nunca errar', 'Persistir e trabalhar em equipe', 'Melhores materiais'], correct: 2, points: 15 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 Bin\u00e1ria', question: 'Complete: 2, 4, 8, 16, __', answer: '32', points: 15 },\n { type: 'question', icon: '\ud83c\udf08', title: '\ud83c\udf08 Sensor RGB', question: 'Como um sensor de cor RGB identifica as cores?', options: ['Por temperatura', 'N\u00edveis de luz vermelha, verde e azul', 'Por peso', 'Por som'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83d\udd0b', title: '\ud83d\udd0b Voltagem', question: 'LED de 3V e baterias de 1.5V. Quantas em s\u00e9rie?', options: ['1', '2', '3', '4'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83e\udd1d', title: '\ud83e\udd1d Colabora\u00e7\u00e3o', question: 'Grupo discorda da solu\u00e7\u00e3o. O que fazer?', options: ['Impor ideia', 'Desistir', 'Testar ambas e avaliar juntos', 'Dividir grupo'], correct: 2, points: 15 },\n { type: 'question', icon: '\ud83d\udcad', title: '\ud83d\udcad Comunica\u00e7\u00e3o', question: 'Como comunicar bem uma ideia t\u00e9cnica?', options: ['Termos complicados', 'Explicar de forma clara com exemplos', 'N\u00e3o explicar', 'Assumir que sabem'], correct: 1, points: 15 },\n { type: 'question', icon: '\ud83c\udfaf', title: '\ud83c\udfaf Documenta\u00e7\u00e3o', question: 'Por que documentar o processo \u00e9 importante?', options: ['N\u00e3o \u00e9 importante', 'S\u00f3 para nota', 'Lembrar decis\u00f5es e melhorias', 'Mostrar aos pais'], correct: 2, points: 15 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee Velocidade', question: 'Rob\u00f4 faz 36cm em 4s. Quantos cm por segundo?', answer: '9', points: 15 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee Porcentagem', question: 'Acertou 8 de 10. Qual a porcentagem?', answer: '80', points: 15 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 Fibonacci', question: 'Sequ\u00eancia de Fibonacci: 1, 1, 2, 3, 5, 8, __', answer: '13', points: 15 },\n { type: 'question', icon: '\ud83d\udcca', title: '\ud83d\udcca Ultrass\u00f4nico', question: 'Para que serve um sensor ultrass\u00f4nico?', options: ['Medir temperatura', 'Detectar cores', 'Medir dist\u00e2ncia', 'Gerar sons'], correct: 2, points: 15 },\n { type: 'input', icon: '\ud83e\uddee', title: '\ud83e\uddee Multiplica\u00e7\u00e3o', question: 'Se A = 10 e B = 2, quanto \u00e9 A \u00d7 B?', answer: '20', points: 15 }\n ];\n\n const hardPool = [\n { type: 'question', icon: '\ud83c\udf31', title: '\ud83c\udf31 Sustentabilidade', question: 'Qual o objetivo de abordar energia renov\u00e1vel na rob\u00f3tica?', options: ['Provar que resolve tudo', 'Rob\u00f4s est\u00e9ticos', 'Conectar com quest\u00f5es sociais e ambientais', 'Limitar criatividade'], correct: 2, points: 20 },\n { type: 'question', icon: '\ud83c\udf93', title: '\ud83c\udf93 STEAM', question: 'STEAM na rob\u00f3tica integrado representa:', options: ['S\u00f3 programa\u00e7\u00e3o', 'Ci\u00eancia, Tecnologia, Engenharia, Artes e Matem\u00e1tica', 'S\u00f3 mec\u00e2nica', 'S\u00f3 sensores'], correct: 1, points: 20 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 Pot\u00eancias', question: 'Complete: 3, 9, 27, 81, __', answer: '243', points: 20 },\n { type: 'memory', icon: '\ud83e\udde0', title: '\ud83e\udde0 Mem\u00f3ria 1', question: 'Memorize: Motor, Sensor, LED', items: ['Motor', 'Sensor', 'LED', 'Bateria', 'Buzzer'], correct: ['Motor', 'Sensor', 'LED'], points: 20 },\n { type: 'memory', icon: '\ud83e\udde0', title: '\ud83e\udde0 Mem\u00f3ria 2', question: 'Memorize: Capacitor, Resistor, Diodo', items: ['Capacitor', 'Resistor', 'Diodo', 'Transistor', 'Indutor', 'Fus\u00edvel'], correct: ['Capacitor', 'Resistor', 'Diodo'], points: 20 },\n { type: 'order', icon: '\ud83d\udd27', title: '\ud83d\udd27 Projeto', question: 'Ordene as etapas de projeto:', items: ['Planejar', 'Construir', 'Testar', 'Melhorar'], correct: ['Planejar', 'Construir', 'Testar', 'Melhorar'], points: 20 },\n { type: 'order', icon: '\ud83d\udcbb', title: '\ud83d\udcbb Ciclo', question: 'Ordene o ciclo de programa\u00e7\u00e3o:', items: ['Pensar', 'Escrever c\u00f3digo', 'Executar', 'Debugar'], correct: ['Pensar', 'Escrever c\u00f3digo', 'Executar', 'Debugar'], points: 20 },\n { type: 'order', icon: '\ud83d\udccb', title: '\ud83d\udccb M\u00e9todo', question: 'Ordene o m\u00e9todo cient\u00edfico:', items: ['Observa\u00e7\u00e3o', 'Hip\u00f3tese', 'Experimento', 'Conclus\u00e3o'], correct: ['Observa\u00e7\u00e3o', 'Hip\u00f3tese', 'Experimento', 'Conclus\u00e3o'], points: 20 },\n { type: 'memory', icon: '\ud83e\udde0', title: '\ud83e\udde0 Ferramentas', question: 'Memorize: Chave, Alicate, Mult\u00edmetro', items: ['Chave', 'Alicate', 'Mult\u00edmetro', 'Martelo', 'Tesoura'], correct: ['Chave', 'Alicate', 'Mult\u00edmetro'], points: 20 },\n { type: 'input', icon: '\ud83d\udd22', title: '\ud83d\udd22 LEDs', question: 'Um rob\u00f4 acende LEDs seguindo a sequ\u00eancia: 2, 3, 5, 8, 12, __', answer: '17', points: 20 },\n { type: 'question', icon: '\u2699\ufe0f', title: '\u2699\ufe0f Engrenagens', question: 'Se a engrenagem motora tem 20 dentes e a movida tem 40, o que ocorre?', options: ['Mais velocidade', 'Mais for\u00e7a (torque)', 'Nada muda', 'O rob\u00f4 para'], correct: 1, points: 20 }\n ];\n\n let challenges = [];\n let currentStep = 0;\n let score = 0;\n let maxPossibleScore = 0;\n let answered = false;\n\n function shuffle(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n return array;\n }\n\n function initGame() {\n const selectedEasy = shuffle([...easyPool]).slice(0, 4);\n const selectedMedium = shuffle([...mediumPool]).slice(0, 4);\n const selectedHard = shuffle([...hardPool]).slice(0, 4);\n \n challenges = shuffle([...selectedEasy, ...selectedMedium, ...selectedHard]);\n maxPossibleScore = challenges.reduce((s, c) => s + c.points, 0);\n \n score = 0; currentStep = 0;\n showChallenge();\n createPathSteps();\n }\n\n function createPathSteps() {\n const container = document.getElementById('pathSteps');\n container.innerHTML = '';\n challenges.forEach((c, i) => {\n \/\/ Se i < currentStep, j\u00e1 passou. Se i == 12 (fim), todos passam.\n const status = (i < currentStep) ? 'completed' : (i === currentStep ? 'active' : '');\n container.innerHTML += `<div class=\"path-step\"><div class=\"path-step-node ${status}\">${i < currentStep ? '\u2713' : c.icon}<\/div><\/div>`;\n });\n }\n\n function showChallenge() {\n answered = false;\n const c = challenges[currentStep];\n document.getElementById('currentStep').textContent = `${currentStep + 1}\/12`;\n document.getElementById('progressBar').style.width = (currentStep \/ 12 * 100) + '%';\n const area = document.getElementById('challengeArea');\n \n if (c.type === 'question') {\n let opts = c.options.map((o, i) => `<div class=\"challenge-option\" onclick=\"checkQuest(${i})\">${o}<\/div>`).join('');\n area.innerHTML = `<h3>${c.title}<\/h3><p>${c.question}<\/p>${opts}<div id=\"res\" class=\"result-message\"><\/div>`;\n } else if (c.type === 'input') {\n area.innerHTML = `<h3>${c.title}<\/h3><p>${c.question}<\/p><input type=\"text\" id=\"ans\" style=\"width:100%; padding:10px; border-radius:8px; border:1px solid #ccc; margin-bottom:10px;\"><button class=\"challenge-button\" onclick=\"checkInp()\">Verificar<\/button><div id=\"res\" class=\"result-message\"><\/div>`;\n } else if (c.type === 'order') {\n let items = shuffle([...c.items]);\n let list = items.map((it, i) => `<div class=\"challenge-option\" draggable=\"true\" ondragstart=\"drag(event)\" id=\"o-${i}\" data-val=\"${it}\">${it}<\/div>`).join('');\n area.innerHTML = `<h3>${c.title}<\/h3><p>\ud83d\udca1 Arraste os itens para a ordem correta:<\/p><div id=\"sortable\" ondrop=\"drop(event)\" ondragover=\"allowDrop(event)\">${list}<\/div><button class=\"challenge-button\" onclick=\"checkOrd()\">Confirmar Ordem<\/button><div id=\"res\" class=\"result-message\"><\/div>`;\n } else if (c.type === 'memory') {\n area.innerHTML = `<h3>${c.title}<\/h3><p>Observe por 5 segundos:<\/p><h2 style=\"text-align:center; background:#f0f9ff; padding:20px; border-radius:10px;\">${c.correct.join(' \u2022 ')}<\/h2>`;\n setTimeout(() => {\n let btns = shuffle([...c.items]).map(it => `<div class=\"challenge-option\" onclick=\"this.classList.toggle('sel'); this.style.background=this.classList.contains('sel')?'#dbeafe':'#f3f4f6'\">${it}<\/div>`).join('');\n area.innerHTML = `<h3>${c.title}<\/h3><p>Selecione os itens memorizados:<\/p>${btns}<button class=\"challenge-button\" onclick=\"checkMem()\">Verificar Mem\u00f3ria<\/button><div id=\"res\" class=\"result-message\"><\/div>`;\n }, 5000);\n }\n }\n\n window.checkQuest = (i) => { if(answered) return; answered=true; handleRes(i === challenges[currentStep].correct); };\n window.checkInp = () => { if(answered) return; answered=true; handleRes(document.getElementById('ans').value.trim() === challenges[currentStep].answer); };\n window.checkMem = () => { if(answered) return; answered=true; let sel = Array.from(document.querySelectorAll('.challenge-option.sel')).map(e=>e.textContent).sort(); handleRes(JSON.stringify(sel) === JSON.stringify([...challenges[currentStep].correct].sort())); };\n window.checkOrd = () => { if(answered) return; answered=true; let cur = Array.from(document.querySelectorAll('#sortable div')).map(e=>e.dataset.val); handleRes(JSON.stringify(cur) === JSON.stringify(challenges[currentStep].correct)); };\n\n function handleRes(win) {\n if(win) score += challenges[currentStep].points;\n const r = document.getElementById('res');\n r.innerHTML = win ? \"\ud83c\udf89 Correto!\" : \"\u274c Incorreto\";\n r.style.display = \"block\"; r.style.background = win ? \"#c6f6d5\" : \"#fecaca\";\n document.getElementById('score').textContent = score;\n \n let btn = document.createElement('button'); btn.className = 'challenge-button'; btn.style.background = '#3b82f6'; btn.textContent = 'Pr\u00f3ximo \u2192';\n btn.onclick = () => {\n if(win && (currentStep+1)%3===0) showMotiv();\n \n currentStep++; \/\/ Avan\u00e7a o contador\n \n if(currentStep < 12) { \n showChallenge(); \n createPathSteps(); \/\/ Atualiza mapa durante o jogo\n } else {\n showFinal(); \/\/ Chama tela final\n }\n };\n document.getElementById('challengeArea').appendChild(btn);\n }\n\n window.allowDrop=(e)=>e.preventDefault();\n window.drag=(e)=>e.dataTransfer.setData(\"text\", e.target.id);\n window.drop=(e)=>{e.preventDefault(); let d=e.dataTransfer.getData(\"text\"); let el=document.getElementById(d); let t=e.target.closest('.challenge-option'); if(t && t!==el) t.parentNode.insertBefore(el, t);};\n\n function showMotiv() {\n const div = document.createElement('div'); div.className = 'motivational-message';\n div.innerHTML = `<h2>\ud83c\udf1f Excelente!<\/h2><p>Voc\u00ea est\u00e1 mandando muito bem!<\/p>`;\n document.body.appendChild(div); setTimeout(() => div.remove(), 1500);\n }\n\n function showFinal() {\n \/\/ Atualiza UI para estado final de 100%\n document.getElementById('progressBar').style.width = '100%';\n createPathSteps(); \/\/ Chama uma \u00faltima vez com currentStep em 12 para dar check em tudo\n\n document.getElementById('challengeArea').innerHTML = `\n <div style=\"text-align:center\">\n <h2>\ud83c\udfc6 Fim da Jornada!<\/h2>\n <h1 style=\"font-size:3em; color:#10b981\">${score} Pontos<\/h1>\n <button class=\"challenge-button\" onclick=\"location.reload()\">\ud83d\udd04 Reiniciar<\/button>\n <button class=\"challenge-button\" style=\"background:#8b5cf6\" onclick=\"share()\">\ud83d\udce4 Compartilhar<\/button>\n <\/div>`;\n }\n\n window.share = () => {\n const text = `\ud83d\ude80 Fiz ${score} pontos na Trilha de Desafios! Jogue tamb\u00e9m: ${window.location.href}`;\n if(navigator.share) navigator.share({title:'Trilha', text:text}); else { navigator.clipboard.writeText(text); alert('Link copiado!'); }\n };\n\n initGame();\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p>\u2713 Atividade alinhada \u00e0 Base Nacional Comum Curricular (BNCC), BNCC da Computa\u00e7\u00e3o e aos Objetivos de Desenvolvimento Sustent\u00e1vel (ODS) da ONU. <a style=\"background-color: #e6c15a; color: #2f2f2f; padding: 4px 10px; border-radius: 3px; text-decoration: none; font-weight: 500; display: inline-block;\" href=\"https:\/\/siminova.com.br\/blog\/amigos\/alinhamento\/trilha-de-desafios\/\"> \u203a Saiba mais <\/a><\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Vis\u00e3o Geral do Alinhamento<\/summary>\n<p class=\"has-small-font-size\">EF04MA03, EF05MA12, EF05CI01, EF05CI04, EF15LP18, EF06MA23, EF07MA17, EF08MA04, EF08CI01, EM13MAT507, EM13CNT101, EM13CNT107, EM13CNT301, EF01CO01, EF01CO02, EF01CO03, EF02CO01, EF02CO02, EF02CO03, EF02CO04, EF03CO01, EF03CO03, EF03CO04, EF03CO06, EF04CO04, EF05CO03, EF05CO04, EF05CO05, EF06CO01, EF06CO04, EF06CO05, EF06CO09, EF07CO02, EF07CO03, EF07CO05, EF07CO11, EF08CO07, EM13CO02, EM13CO09, EM13CO11, EM13CO16, EM13CO23, ODS 4, ODS 7, ODS 9 e ODS 12.<\/p>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>Encare uma trilha cheia de conhecimento!<\/p>\n<p><b> N\u00cdVEL DIF\u00cdCIL<\/B><\/p>\n","protected":false},"author":8,"featured_media":4899,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[77],"tags":[79],"class_list":["post-4185","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jogos","tag-notts"],"_links":{"self":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/comments?post=4185"}],"version-history":[{"count":47,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4185\/revisions"}],"predecessor-version":[{"id":5165,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/posts\/4185\/revisions\/5165"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/media\/4899"}],"wp:attachment":[{"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/media?parent=4185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/categories?post=4185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/siminova.com.br\/blog\/wp-json\/wp\/v2\/tags?post=4185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}