Bootcamp Idea\u00e7\u00e3o 2026 | Ip\u00eaTech<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n <script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n <script type=\"text\/javascript\">\r\n (function(){ emailjs.init(\"IK3d5cmy1bv13ZBEl\"); })();\r\n <\/script>\r\n\r\n <style>\r\n :root { \r\n --amarelo: #F2C94C; \r\n --roxo: #7B5DFF; \r\n --preto: #050505; \r\n --branco: #FFFFFF; \r\n --glass: rgba(0, 0, 0, 0.75);\r\n --border: rgba(255, 255, 255, 0.15);\r\n }\r\n \r\n body { \r\n margin: 0; padding: 0; font-family: 'Manrope', sans-serif; \r\n background: var(--preto); color: var(--branco); overflow-x: hidden;\r\n background-image: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url('https:\/\/github.com\/ipestart-design\/BootCamp\/blob\/main\/background.png?raw=true');\r\n background-size: cover; \r\n background-position: center; \r\n background-attachment: fixed;\r\n }\r\n\r\n .container { width: 100%; max-width: 900px; margin: 0 auto; padding: 20px; box-sizing: border-box; }\r\n \r\n .reveal { opacity: 0; transform: translateY(30px); transition: 0.8s all ease; }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n\r\n \/* HEADER *\/\r\n header { text-align: center; padding: 80px 0 40px; }\r\n h1 { font-size: clamp(38px, 9vw, 68px); font-weight: 800; line-height: 1; margin: 0; letter-spacing: -2px; }\r\n h1 span { color: var(--amarelo); }\r\n .subtitle { font-size: 18px; opacity: 0.8; max-width: 600px; margin: 25px auto; line-height: 1.6; }\r\n\r\n \/* GRIDS E CARDS *\/\r\n .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 40px 0; }\r\n .card { \r\n background: var(--glass); \r\n backdrop-filter: blur(15px);\r\n -webkit-backdrop-filter: blur(15px);\r\n border: 1px solid var(--border); \r\n padding: 30px; \r\n border-radius: 24px; \r\n transition: 0.3s;\r\n }\r\n .card:hover { border-color: var(--amarelo); background: rgba(0,0,0,0.85); }\r\n .card h3 { color: var(--amarelo); text-transform: uppercase; font-size: 13px; letter-spacing: 2px; margin-top: 0; }\r\n .card p { font-size: 15px; line-height: 1.5; margin-bottom: 0; opacity: 0.9; }\r\n\r\n .card-list-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px; }\r\n .card-list-item svg { flex-shrink: 0; margin-top: 2px; }\r\n\r\n \/* CAIXA DE DESTAQUE PARA O M\u00c9TODO *\/\r\n .highlight-box {\r\n background: rgba(242, 201, 76, 0.08);\r\n border: 1px solid rgba(242, 201, 76, 0.5);\r\n padding: 20px;\r\n border-radius: 16px;\r\n margin-bottom: 25px;\r\n transition: 0.3s;\r\n }\r\n .highlight-box:hover { background: rgba(242, 201, 76, 0.15); border-color: var(--amarelo); }\r\n\r\n \/* MENTORES *\/\r\n .mentor-row { display: flex; align-items: center; gap: 20px; background: var(--glass); backdrop-filter: blur(10px); padding: 20px; border-radius: 20px; border: 1px solid var(--border); margin-bottom: 15px; transition: 0.3s; }\r\n .mentor-row:hover { border-color: var(--amarelo); background: rgba(0,0,0,0.85); }\r\n .mentor-img { width: 70px; height: 70px; border-radius: 12px; object-fit: cover; border: 1px solid var(--border); transition: 0.3s; }\r\n .mentor-row:hover .mentor-img { border-color: var(--amarelo); }\r\n .mentor-info h4 { margin: 0; color: var(--amarelo); font-size: 18px; }\r\n .mentor-info p { margin: 5px 0 0; font-size: 13px; opacity: 0.8; }\r\n\r\n .locked { border: 1px dashed rgba(255,255,255,0.3); opacity: 0.6; justify-content: center; font-weight: 800; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; }\r\n\r\n \/* BOT\u00d5ES CTA *\/\r\n .cta { \r\n background: var(--amarelo); color: var(--preto); padding: 22px 45px; border-radius: 100px; \r\n font-weight: 800; text-transform: uppercase; border: none; cursor: pointer; transition: 0.4s;\r\n display: inline-block; width: 100%; max-width: 450px; text-align: center; font-size: 15px;\r\n }\r\n .cta:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(242, 201, 76, 0.3); }\r\n\r\n .badge-locked { \r\n background: rgba(0,0,0,0.6); border: 1px solid var(--border); padding: 8px 15px; \r\n border-radius: 8px; font-size: 11px; font-weight: 800; display: inline-block; margin-bottom: 15px;\r\n }\r\n\r\n \/* FORMUL\u00c1RIO *\/\r\n #form-area { display: none; flex-direction: column; align-items: center; justify-content: center; min-height: 85vh; }\r\n \r\n .progress-wrap { width: 100%; max-width: 350px; height: 6px; background: rgba(255,255,255,0.1); border-radius: 10px; margin-bottom: 30px; }\r\n .progress-bar { height: 100%; width: 10%; background: var(--amarelo); transition: 0.6s; border-radius: 10px; box-shadow: 0 0 15px var(--amarelo); }\r\n \r\n .step-card { background: rgba(0,0,0,0.85); padding: 40px; border-radius: 32px; border: 1px solid var(--border); width: 100%; max-width: 480px; display: none; box-sizing: border-box; backdrop-filter: blur(20px); }\r\n .step-card.active { display: flex; flex-direction: column; animation: slideUp 0.4s ease; }\r\n \r\n input, textarea { width: 100%; background: transparent; border: none; border-bottom: 2px solid #333; color: #fff; padding: 15px 0; font-size: 18px; outline: none; margin: 20px 0; font-family: 'Manrope'; }\r\n input:focus { border-bottom-color: var(--amarelo); }\r\n \r\n .opt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; }\r\n .option { border: 1px solid #333; padding: 15px; border-radius: 12px; cursor: pointer; text-align: center; font-size: 14px; transition: 0.2s; background: rgba(255,255,255,0.03); }\r\n .option.selected { background: var(--amarelo); color: #000; font-weight: 800; border-color: var(--amarelo); }\r\n .option.full { grid-column: span 2; }\r\n\r\n .nav { display: flex; gap: 10px; margin-top: 10px; }\r\n .btn-n { background: var(--amarelo); color: #000; border: none; padding: 18px; border-radius: 15px; font-weight: 800; flex: 2; cursor: pointer; text-transform: uppercase; }\r\n .btn-b { background: transparent; color: #fff; border: 1px solid #444; border-radius: 15px; flex: 1; cursor: pointer; text-transform: uppercase; }\r\n\r\n @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"container\">\r\n <div id=\"lp-content\">\r\n <header class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/ipetech.ufla.br\/wp-content\/uploads\/2026\/03\/Logo-Bootcamp-Branco-1.png\" style=\"width: 200px; margin-bottom: 30px;\" alt=\"Ip\u00eaTech\">\r\n <h1>Pare de imaginar e<br><span>comece a validar!<\/span><\/h1>\r\n <p class=\"subtitle\">Encontre um problema real e finalize o Bootcamp com uma solu\u00e7\u00e3o testada sob a mentoria do Ip\u00eaTech UFLA.<\/p>\r\n <button class=\"cta\" onclick=\"goToForm()\">Quero evoluir minha ideia<\/button>\r\n <\/header>\r\n\r\n <div class=\"grid reveal\">\r\n <div class=\"card\">\r\n <h3>Problema Primeiro<\/h3>\r\n <p>Mapeamos dores latentes e buscamos evid\u00eancias reais antes de criar qualquer solu\u00e7\u00e3o t\u00e9cnica.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <h3>Dados de Mercado<\/h3>\r\n <p>Substitu\u00edmos suposi\u00e7\u00f5es por fatos. Valide a dor e a abertura do cliente para a mudan\u00e7a.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <section class=\"reveal\">\r\n <h2 style=\"text-align:center; font-size: 24px; text-transform: uppercase;\">Ativos da Jornada<\/h2>\r\n <div class=\"card\" style=\"max-width: 650px; margin: 0 auto; padding: 35px;\">\r\n <h3 style=\"color: #fff; margin-bottom: 25px;\">O que voc\u00ea vai construir e receber:<\/h3>\r\n \r\n <div class=\"highlight-box\">\r\n <div class=\"card-list-item\" style=\"margin-bottom: 0;\">\r\n <svg width=\"24\" height=\"24\" fill=\"var(--amarelo)\" viewBox=\"0 0 24 24\"><path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/><\/svg>\r\n <p style=\"margin: 0;\">\r\n <strong style=\"color: var(--amarelo); font-size: 16px;\">M\u00e9todo Exclusivo:<\/strong> \r\n Uma jornada imersiva de 12 encontros desenhada para estruturar a sua ideia e deix\u00e1-la 100% preparada para os desafios do mundo real.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-list-item\">\r\n <svg width=\"20\" height=\"20\" fill=\"var(--amarelo)\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n <p style=\"margin: 0;\"><strong>Estrat\u00e9gia:<\/strong> Mapa do Problema, Persona, Jobs to be Done e rascunho de Lean Canvas.<\/p>\r\n <\/div>\r\n \r\n <div class=\"card-list-item\">\r\n <svg width=\"20\" height=\"20\" fill=\"var(--amarelo)\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n <p style=\"margin: 0;\"><strong>Valida\u00e7\u00e3o:<\/strong> Prot\u00f3tipo V2 e Relat\u00f3rio de Testes baseado em feedbacks reais de campo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <center><button class=\"cta\" onclick=\"goToForm()\" style=\"margin-top: 30px;\">Iniciar Jornada Agora<\/button><\/center>\r\n <\/section>\r\n\r\n <section class=\"reveal\" style=\"margin-top: 60px;\">\r\n <h2 style=\"text-align:center; font-size: 24px; text-transform: uppercase; margin-bottom: 30px;\">Mentoria Especializada<\/h2>\r\n \r\n <div class=\"mentor-row\">\r\n <img decoding=\"async\" src=\"https:\/\/github.com\/ipestart-design\/BootCamp\/blob\/main\/foto-decio.jpg?raw=true\" class=\"mentor-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/70'\">\r\n <div class=\"mentor-info\">\r\n <h4>D\u00e9cio Ant\u00f4nio Mendon\u00e7a<\/h4>\r\n <p>Especialista em Inova\u00e7\u00e3o. Foco em transformar incertezas em neg\u00f3cios validados.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mentor-row\">\r\n <img decoding=\"async\" src=\"https:\/\/ipetech.ufla.br\/wp-content\/uploads\/2025\/12\/Ernani.jpg\" class=\"mentor-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/70'\">\r\n <div class=\"mentor-info\">\r\n <h4>Ernani Marques<\/h4>\r\n <p>Especialista em Gest\u00e3o Estrat\u00e9gica, PMO e KPIs. Lidera projetos de alta complexidade focados em governan\u00e7a, efici\u00eancia e entrega de valor.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mentor-row\">\r\n <img decoding=\"async\" src=\"https:\/\/ipetech.ufla.br\/wp-content\/uploads\/2025\/01\/3.png\" class=\"mentor-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/70'\">\r\n <div class=\"mentor-info\">\r\n <h4>Alex Bager<\/h4>\r\n <p>Pesquisador e Empreendedor. PhD em Ecologia e fundador da EnvironBIT, uma startup socioambiental focada em transformar ci\u00eancia em solu\u00e7\u00f5es para salvar vidas nas rodovias.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mentor-row\">\r\n <img decoding=\"async\" src=\"https:\/\/ipetech.ufla.br\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-03-at-10.02.35.jpeg\" class=\"mentor-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/70'\">\r\n <div class=\"mentor-info\">\r\n <h4>Bruna Ferreira<\/h4>\r\n <p>Especialista em Gest\u00e3o de RH, Estrategista de Projetos e Consultora em Inova\u00e7\u00e3o<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <section class=\"reveal\" style=\"text-align: center; padding: 80px 0;\">\r\n <div class=\"badge-locked\">PR\u00d3XIMO N\u00cdVEL: MVP E TRA\u00c7\u00c3O (BLOQUEADO)<\/div>\r\n <p style=\"max-width: 500px; margin: 0 auto 30px auto; opacity: 0.9;\">O Bootcamp \u00e9 o filtro para o ecossistema de acelera\u00e7\u00e3o. Defina o problema, valide a solu\u00e7\u00e3o e desbloqueie seu crescimento.<\/p>\r\n <button class=\"cta\" onclick=\"goToForm()\">Inscreva-se e saia do zero<\/button>\r\n <\/section>\r\n <\/div>\r\n\r\n <div id=\"form-area\">\r\n <div class=\"progress-wrap\"><div class=\"progress-bar\" id=\"bar\"><\/div><\/div>\r\n\r\n <div class=\"step-card active\" id=\"s1\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 01<\/h3>\r\n <h2>Qual seu nome completo?<\/h2>\r\n <input type=\"text\" id=\"nome\" placeholder=\"Nome completo\" onkeyup=\"checkEnter(event, 1)\">\r\n <button class=\"btn-n\" onclick=\"next(1)\" style=\"margin-top: 10px;\">Pr\u00f3ximo<\/button>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s2\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 02<\/h3>\r\n <h2>Seu melhor e-mail?<\/h2>\r\n <input type=\"email\" id=\"email\" placeholder=\"email@exemplo.com\" onkeyup=\"checkEnter(event, 2)\">\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(2)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(2)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s3\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 03<\/h3>\r\n <h2>WhatsApp de contato:<\/h2>\r\n <input type=\"tel\" id=\"tel\" placeholder=\"(00) 00000-0000\" maxlength=\"15\">\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(3)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(3)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s4\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 04<\/h3>\r\n <h2>Informe seu CPF:<\/h2>\r\n <input type=\"text\" id=\"cpf\" placeholder=\"000.000.000-00\" maxlength=\"14\">\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(4)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(4)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s5\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 05<\/h3>\r\n <h2>Qual seu perfil?<\/h2>\r\n <div class=\"opt-grid\">\r\n <div class=\"option p-opt\" onclick=\"toggleMulti(this, 'ALUNO')\">Aluno<\/div>\r\n <div class=\"option p-opt\" onclick=\"toggleMulti(this, 'PROFESSOR')\">Professor<\/div>\r\n <div class=\"option p-opt\" onclick=\"toggleMulti(this, 'EMPREENDEDOR')\">Empreendedor<\/div>\r\n <div class=\"option p-opt\" onclick=\"toggleMulti(this, 'Outros')\">Outros<\/div>\r\n <\/div>\r\n <input type=\"text\" id=\"perfil_outro\" placeholder=\"Especifique seu perfil\" style=\"display:none;\">\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(5)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(5)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s6\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 06<\/h3>\r\n <h2>Como soube do evento?<\/h2>\r\n <div class=\"opt-grid\">\r\n <div class=\"option m-opt\" onclick=\"selectSingle('m-opt', this, 'Instagram Ipetech', 'midia')\">Instagram<\/div>\r\n <div class=\"option m-opt\" onclick=\"selectSingle('m-opt', this, 'Pacto de Lavras', 'midia')\">Pacto<\/div>\r\n <div class=\"option m-opt\" onclick=\"selectSingle('m-opt', this, 'Prefeitura', 'midia')\">Prefeitura<\/div>\r\n <div class=\"option m-opt\" onclick=\"selectSingle('m-opt', this, 'Parceiros', 'midia')\">Parceiros<\/div>\r\n <\/div>\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(6)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(6)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s7\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 07<\/h3>\r\n <h2>O Bootcamp ser\u00e1 dia 23 de Mar\u00e7o. Qual seu turno de prefer\u00eancia?<\/h2>\r\n <div class=\"opt-grid\">\r\n <div class=\"option h-opt\" onclick=\"selectSingle('h-opt', this, 'Manh\u00e3', 'turno')\">Manh\u00e3<\/div>\r\n <div class=\"option h-opt\" onclick=\"selectSingle('h-opt', this, 'Tarde', 'turno')\">Tarde<\/div>\r\n <div class=\"option h-opt full\" onclick=\"selectSingle('h-opt', this, 'Noite', 'turno')\">Noite<\/div>\r\n <\/div>\r\n <input type=\"text\" id=\"horario_sugerido\" placeholder=\"Sugira um hor\u00e1rio (Ex: 14h \u00e0s 18h)\" style=\"margin-top: 10px;\">\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(7)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(7)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s8\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 08<\/h3>\r\n <h2>Suas expectativas:<\/h2>\r\n <textarea id=\"expectativas\" placeholder=\"O que deseja alcan\u00e7ar?\" style=\"height: 80px;\"><\/textarea>\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(8)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(8)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s9\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 09<\/h3>\r\n <h2>Acessibilidade?<\/h2>\r\n <div class=\"opt-grid\">\r\n <div class=\"option a-opt\" onclick=\"selectSingle('a-opt', this, 'N\u00e3o', 'acesso')\">N\u00e3o<\/div>\r\n <div class=\"option a-opt\" onclick=\"selectSingle('a-opt', this, 'Sim', 'acesso')\">Sim<\/div>\r\n <\/div>\r\n <input type=\"text\" id=\"acesso_detalhe\" placeholder=\"Como ajudar?\" style=\"display:none;\">\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(9)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(9)\">Revisar<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s10\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Revis\u00e3o<\/h3>\r\n <h2>Confirme seus dados:<\/h2>\r\n <div id=\"review-content\" style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 15px; margin-bottom: 20px; font-size: 13px; line-height: 1.6;\"><\/div>\r\n \r\n <div style=\"display: flex; align-items: flex-start; gap: 10px; margin-bottom: 20px; font-size: 12px; opacity: 0.8; text-align: left;\">\r\n <input type=\"checkbox\" id=\"lgpd\" style=\"width: auto; margin: 3px 0 0 0; outline: none; cursor: pointer;\">\r\n <label for=\"lgpd\" style=\"cursor: pointer; line-height: 1.4; margin: 0;\">Concordo com a coleta e processamento dos meus dados para fins de organiza\u00e7\u00e3o do evento, em conformidade com a LGPD.<\/label>\r\n <\/div>\r\n\r\n <div class=\"nav\">\r\n <button class=\"btn-b\" onclick=\"back(10)\">Corrigir<\/button>\r\n <button class=\"btn-n\" id=\"confirm-btn\" onclick=\"finish()\">Finalizar<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"sFinal\" style=\"text-align: center; padding: 60px 40px; align-items: center; flex-direction: column;\">\r\n <h2 style=\"font-size: 32px; margin-bottom: 10px;\">INSCRI\u00c7\u00c3O REALIZADA!<\/h2>\r\n <p style=\"font-size: 16px; margin-bottom: 40px; opacity: 0.9;\">Verifique seu e-mail para os pr\u00f3ximos passos.<\/p>\r\n <button class=\"btn-n\" onclick=\"location.reload()\" style=\"max-width: 300px; width: 100%; flex: none;\">VOLTAR<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let form = { midia: \"\", acesso: \"\", turno: \"\" };\r\n let perfisSelecionados = [];\r\n const totalSteps = 10;\r\n\r\n function reveal() {\r\n document.querySelectorAll(\".reveal\").forEach(el => {\r\n if (el.getBoundingClientRect().top < window.innerHeight - 50) el.classList.add(\"active\");\r\n });\r\n }\r\n window.addEventListener(\"scroll\", reveal);\r\n window.onload = reveal;\r\n\r\n function goToForm() {\r\n document.getElementById('lp-content').style.display = 'none';\r\n document.getElementById('form-area').style.display = 'flex';\r\n window.scrollTo(0,0);\r\n }\r\n\r\n function toggleMulti(btn, val) {\r\n if (perfisSelecionados.includes(val)) {\r\n perfisSelecionados = perfisSelecionados.filter(i => i !== val);\r\n btn.classList.remove('selected');\r\n } else {\r\n perfisSelecionados.push(val);\r\n btn.classList.add('selected');\r\n }\r\n document.getElementById('perfil_outro').style.display = perfisSelecionados.includes('Outros') ? 'block' : 'none';\r\n }\r\n\r\n function selectSingle(group, btn, val, field) {\r\n document.querySelectorAll('.'+group).forEach(b => b.classList.remove('selected'));\r\n btn.classList.add('selected');\r\n form[field] = val;\r\n if(field === 'acesso') document.getElementById('acesso_detalhe').style.display = (val === 'Sim') ? 'block' : 'none';\r\n }\r\n\r\n document.getElementById('tel').addEventListener('input', e => {\r\n let x = e.target.value.replace(\/\\D\/g, '').match(\/(\\d{0,2})(\\d{0,5})(\\d{0,4})\/);\r\n e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : '');\r\n });\r\n document.getElementById('cpf').addEventListener('input', e => {\r\n let v = e.target.value.replace(\/\\D\/g, '').replace(\/(\\d{3})(\\d)\/, \"$1.$2\").replace(\/(\\d{3})(\\d)\/, \"$1.$2\").replace(\/(\\d{3})(\\d{1,2})$\/, \"$1-$2\");\r\n e.target.value = v;\r\n });\r\n\r\n function checkEnter(e, s) { if(e.key === \"Enter\") next(s); }\r\n\r\n function next(s) {\r\n \/\/ VALIDA\u00c7\u00d5ES OBRIGAT\u00d3RIAS\r\n if (s === 1) {\r\n if (document.getElementById('nome').value.trim() === \"\") return alert(\"Por favor, preencha o seu nome completo.\");\r\n }\r\n if (s === 2) {\r\n const email = document.getElementById('email').value.trim();\r\n if (email === \"\" || !email.includes('@')) return alert(\"Por favor, informe um e-mail v\u00e1lido.\");\r\n }\r\n if (s === 3) {\r\n if (document.getElementById('tel').value.trim().length < 14) return alert(\"Por favor, informe o seu WhatsApp.\");\r\n }\r\n if (s === 4) {\r\n if (document.getElementById('cpf').value.trim().length !== 14) return alert(\"Por favor, informe um CPF v\u00e1lido.\");\r\n }\r\n if (s === 5) {\r\n if (perfisSelecionados.length === 0) return alert(\"Por favor, selecione pelo menos um perfil.\");\r\n if (perfisSelecionados.includes('Outros') && document.getElementById('perfil_outro').value.trim() === \"\") return alert(\"Por favor, especifique o seu perfil.\");\r\n }\r\n if (s === 6) {\r\n if (!form.midia) return alert(\"Por favor, informe como soube do evento.\");\r\n }\r\n if (s === 7) {\r\n if (!form.turno) return alert(\"Por favor, selecione um turno de prefer\u00eancia.\");\r\n }\r\n if (s === 8) {\r\n if (document.getElementById('expectativas').value.trim() === \"\") return alert(\"Por favor, preencha as suas expectativas.\");\r\n }\r\n if (s === 9) {\r\n if (!form.acesso) return alert(\"Por favor, informe se precisa de acessibilidade.\");\r\n if (form.acesso === 'Sim' && document.getElementById('acesso_detalhe').value.trim() === \"\") return alert(\"Por favor, especifique como podemos ajudar na acessibilidade.\");\r\n renderReview();\r\n }\r\n \r\n document.getElementById('s'+s).style.display = 'none';\r\n document.getElementById('s'+s).classList.remove('active');\r\n \r\n const nxt = document.getElementById('s'+(s+1));\r\n nxt.style.display = 'flex';\r\n nxt.classList.add('active');\r\n \r\n document.getElementById('bar').style.width = ((s+1)\/totalSteps)*100 + '%';\r\n }\r\n\r\n function back(s) {\r\n document.getElementById('s'+s).style.display = 'none';\r\n document.getElementById('s'+s).classList.remove('active');\r\n \r\n const prv = document.getElementById('s'+(s-1));\r\n prv.style.display = 'flex';\r\n prv.classList.add('active');\r\n \r\n document.getElementById('bar').style.width = ((s-1)\/totalSteps)*100 + '%';\r\n }\r\n\r\n function renderReview() {\r\n let pFinal = [...perfisSelecionados];\r\n if(pFinal.includes('Outros')) pFinal = pFinal.map(x => x === 'Outros' ? `Outro (${document.getElementById('perfil_outro').value})` : x);\r\n \r\n let horarioInfo = (form.turno ? form.turno : 'N\u00e3o informado');\r\n if (document.getElementById('horario_sugerido').value) {\r\n horarioInfo += ' - ' + document.getElementById('horario_sugerido').value;\r\n }\r\n\r\n const dados = [\r\n {l: 'Nome', v: document.getElementById('nome').value},\r\n {l: 'E-mail', v: document.getElementById('email').value},\r\n {l: 'WhatsApp', v: document.getElementById('tel').value},\r\n {l: 'CPF', v: document.getElementById('cpf').value},\r\n {l: 'Perfis', v: pFinal.join(', ')},\r\n {l: 'Disponibilidade (23\/03)', v: horarioInfo},\r\n {l: 'Expectativas', v: document.getElementById('expectativas').value}\r\n ];\r\n\r\n document.getElementById('review-content').innerHTML = dados.map(i => `\r\n <div style=\"border-bottom: 1px solid rgba(255,255,255,0.1); padding: 5px 0;\">\r\n <span style=\"color:var(--amarelo); font-weight:800; font-size:10px; text-transform:uppercase;\">${i.l}<\/span><br>${i.v || '---'}\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n async function finish() {\r\n if (!document.getElementById('lgpd').checked) {\r\n return alert(\"Por favor, concorde com os termos da LGPD para finalizar a inscri\u00e7\u00e3o.\");\r\n }\r\n\r\n const btn = document.getElementById('confirm-btn');\r\n btn.innerText = \"Processando...\"; btn.disabled = true;\r\n\r\n const payload = {\r\n \"NOME COMPLETO\": document.getElementById('nome').value,\r\n \"E-MAIL\": document.getElementById('email').value,\r\n \"TELEFONE (WHATSAPP)\": document.getElementById('tel').value,\r\n \"CPF\": document.getElementById('cpf').value,\r\n \"ALUNO\": perfisSelecionados.includes('ALUNO') ? 'X' : '',\r\n \"PROFESSOR\": perfisSelecionados.includes('PROFESSOR') ? 'X' : '',\r\n \"EMPREENDEDOR\": perfisSelecionados.includes('EMPREENDEDOR') ? 'X' : '',\r\n \"PERFIL OUTROS\": perfisSelecionados.includes('Outros') ? document.getElementById('perfil_outro').value : '',\r\n \"COMO_SOUBE\": form.midia,\r\n \"TURNO\": form.turno,\r\n \"HORARIO_SUGERIDO\": document.getElementById('horario_sugerido').value,\r\n \"EXPECTATIVAS\": document.getElementById('expectativas').value,\r\n \"ACESSIBILIDADE\": form.acesso === 'Sim' ? document.getElementById('acesso_detalhe').value : 'N\u00e3o'\r\n };\r\n\r\n try {\r\n await fetch('https:\/\/sheetdb.io\/api\/v1\/ip3jj7bkpknn3', {\r\n method: 'POST', headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({ data: [payload] })\r\n });\r\n \r\n if(payload[\"E-MAIL\"]) {\r\n await emailjs.send(\"service_clqnr6o\", \"template_13fmvbj\", {\r\n nome: payload[\"NOME COMPLETO\"], email: payload[\"E-MAIL\"]\r\n });\r\n }\r\n \r\n document.getElementById('s10').style.display = 'none';\r\n document.getElementById('s10').classList.remove('active');\r\n \r\n document.getElementById('sFinal').style.display = 'flex';\r\n document.getElementById('sFinal').classList.add('active');\r\n \r\n } catch (e) { alert(\"Erro de rede.\"); btn.disabled = false; btn.innerText = \"Finalizar\"; }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bootcamp Idea\u00e7\u00e3o 2026 | Ip\u00eaTech Pare de imaginar ecomece a validar! Encontre um problema real e finalize o Bootcamp com uma solu\u00e7\u00e3o testada sob a mentoria do Ip\u00eaTech UFLA. Quero evoluir minha ideia Problema Primeiro Mapeamos dores latentes e buscamos evid\u00eancias reais antes de criar qualquer solu\u00e7\u00e3o t\u00e9cnica. Dados de Mercado Substitu\u00edmos suposi\u00e7\u00f5es por fatos. […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-1260","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/pages\/1260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/comments?post=1260"}],"version-history":[{"count":32,"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/pages\/1260\/revisions"}],"predecessor-version":[{"id":3084,"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/pages\/1260\/revisions\/3084"}],"wp:attachment":[{"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/media?parent=1260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Bootcamp Idea\u00e7\u00e3o 2026 | Ip\u00eaTech<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n <script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n <script type=\"text\/javascript\">\r\n (function(){ emailjs.init(\"IK3d5cmy1bv13ZBEl\"); })();\r\n <\/script>\r\n\r\n <style>\r\n :root { \r\n --amarelo: #F2C94C; \r\n --roxo: #7B5DFF; \r\n --preto: #050505; \r\n --branco: #FFFFFF; \r\n --glass: rgba(0, 0, 0, 0.75);\r\n --border: rgba(255, 255, 255, 0.15);\r\n }\r\n \r\n body { \r\n margin: 0; padding: 0; font-family: 'Manrope', sans-serif; \r\n background: var(--preto); color: var(--branco); overflow-x: hidden;\r\n background-image: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url('https:\/\/github.com\/ipestart-design\/BootCamp\/blob\/main\/background.png?raw=true');\r\n background-size: cover; \r\n background-position: center; \r\n background-attachment: fixed;\r\n }\r\n\r\n .container { width: 100%; max-width: 900px; margin: 0 auto; padding: 20px; box-sizing: border-box; }\r\n \r\n .reveal { opacity: 0; transform: translateY(30px); transition: 0.8s all ease; }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n\r\n \/* HEADER *\/\r\n header { text-align: center; padding: 80px 0 40px; }\r\n h1 { font-size: clamp(38px, 9vw, 68px); font-weight: 800; line-height: 1; margin: 0; letter-spacing: -2px; }\r\n h1 span { color: var(--amarelo); }\r\n .subtitle { font-size: 18px; opacity: 0.8; max-width: 600px; margin: 25px auto; line-height: 1.6; }\r\n\r\n \/* GRIDS E CARDS *\/\r\n .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 40px 0; }\r\n .card { \r\n background: var(--glass); \r\n backdrop-filter: blur(15px);\r\n -webkit-backdrop-filter: blur(15px);\r\n border: 1px solid var(--border); \r\n padding: 30px; \r\n border-radius: 24px; \r\n transition: 0.3s;\r\n }\r\n .card:hover { border-color: var(--amarelo); background: rgba(0,0,0,0.85); }\r\n .card h3 { color: var(--amarelo); text-transform: uppercase; font-size: 13px; letter-spacing: 2px; margin-top: 0; }\r\n .card p { font-size: 15px; line-height: 1.5; margin-bottom: 0; opacity: 0.9; }\r\n\r\n .card-list-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px; }\r\n .card-list-item svg { flex-shrink: 0; margin-top: 2px; }\r\n\r\n \/* CAIXA DE DESTAQUE PARA O M\u00c9TODO *\/\r\n .highlight-box {\r\n background: rgba(242, 201, 76, 0.08);\r\n border: 1px solid rgba(242, 201, 76, 0.5);\r\n padding: 20px;\r\n border-radius: 16px;\r\n margin-bottom: 25px;\r\n transition: 0.3s;\r\n }\r\n .highlight-box:hover { background: rgba(242, 201, 76, 0.15); border-color: var(--amarelo); }\r\n\r\n \/* MENTORES *\/\r\n .mentor-row { display: flex; align-items: center; gap: 20px; background: var(--glass); backdrop-filter: blur(10px); padding: 20px; border-radius: 20px; border: 1px solid var(--border); margin-bottom: 15px; transition: 0.3s; }\r\n .mentor-row:hover { border-color: var(--amarelo); background: rgba(0,0,0,0.85); }\r\n .mentor-img { width: 70px; height: 70px; border-radius: 12px; object-fit: cover; border: 1px solid var(--border); transition: 0.3s; }\r\n .mentor-row:hover .mentor-img { border-color: var(--amarelo); }\r\n .mentor-info h4 { margin: 0; color: var(--amarelo); font-size: 18px; }\r\n .mentor-info p { margin: 5px 0 0; font-size: 13px; opacity: 0.8; }\r\n\r\n .locked { border: 1px dashed rgba(255,255,255,0.3); opacity: 0.6; justify-content: center; font-weight: 800; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; }\r\n\r\n \/* BOT\u00d5ES CTA *\/\r\n .cta { \r\n background: var(--amarelo); color: var(--preto); padding: 22px 45px; border-radius: 100px; \r\n font-weight: 800; text-transform: uppercase; border: none; cursor: pointer; transition: 0.4s;\r\n display: inline-block; width: 100%; max-width: 450px; text-align: center; font-size: 15px;\r\n }\r\n .cta:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(242, 201, 76, 0.3); }\r\n\r\n .badge-locked { \r\n background: rgba(0,0,0,0.6); border: 1px solid var(--border); padding: 8px 15px; \r\n border-radius: 8px; font-size: 11px; font-weight: 800; display: inline-block; margin-bottom: 15px;\r\n }\r\n\r\n \/* FORMUL\u00c1RIO *\/\r\n #form-area { display: none; flex-direction: column; align-items: center; justify-content: center; min-height: 85vh; }\r\n \r\n .progress-wrap { width: 100%; max-width: 350px; height: 6px; background: rgba(255,255,255,0.1); border-radius: 10px; margin-bottom: 30px; }\r\n .progress-bar { height: 100%; width: 10%; background: var(--amarelo); transition: 0.6s; border-radius: 10px; box-shadow: 0 0 15px var(--amarelo); }\r\n \r\n .step-card { background: rgba(0,0,0,0.85); padding: 40px; border-radius: 32px; border: 1px solid var(--border); width: 100%; max-width: 480px; display: none; box-sizing: border-box; backdrop-filter: blur(20px); }\r\n .step-card.active { display: flex; flex-direction: column; animation: slideUp 0.4s ease; }\r\n \r\n input, textarea { width: 100%; background: transparent; border: none; border-bottom: 2px solid #333; color: #fff; padding: 15px 0; font-size: 18px; outline: none; margin: 20px 0; font-family: 'Manrope'; }\r\n input:focus { border-bottom-color: var(--amarelo); }\r\n \r\n .opt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; }\r\n .option { border: 1px solid #333; padding: 15px; border-radius: 12px; cursor: pointer; text-align: center; font-size: 14px; transition: 0.2s; background: rgba(255,255,255,0.03); }\r\n .option.selected { background: var(--amarelo); color: #000; font-weight: 800; border-color: var(--amarelo); }\r\n .option.full { grid-column: span 2; }\r\n\r\n .nav { display: flex; gap: 10px; margin-top: 10px; }\r\n .btn-n { background: var(--amarelo); color: #000; border: none; padding: 18px; border-radius: 15px; font-weight: 800; flex: 2; cursor: pointer; text-transform: uppercase; }\r\n .btn-b { background: transparent; color: #fff; border: 1px solid #444; border-radius: 15px; flex: 1; cursor: pointer; text-transform: uppercase; }\r\n\r\n @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"container\">\r\n <div id=\"lp-content\">\r\n <header class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/ipetech.ufla.br\/wp-content\/uploads\/2026\/03\/Logo-Bootcamp-Branco-1.png\" style=\"width: 200px; margin-bottom: 30px;\" alt=\"Ip\u00eaTech\">\r\n <h1>Pare de imaginar e<br><span>comece a validar!<\/span><\/h1>\r\n <p class=\"subtitle\">Encontre um problema real e finalize o Bootcamp com uma solu\u00e7\u00e3o testada sob a mentoria do Ip\u00eaTech UFLA.<\/p>\r\n <button class=\"cta\" onclick=\"goToForm()\">Quero evoluir minha ideia<\/button>\r\n <\/header>\r\n\r\n <div class=\"grid reveal\">\r\n <div class=\"card\">\r\n <h3>Problema Primeiro<\/h3>\r\n <p>Mapeamos dores latentes e buscamos evid\u00eancias reais antes de criar qualquer solu\u00e7\u00e3o t\u00e9cnica.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <h3>Dados de Mercado<\/h3>\r\n <p>Substitu\u00edmos suposi\u00e7\u00f5es por fatos. Valide a dor e a abertura do cliente para a mudan\u00e7a.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <section class=\"reveal\">\r\n <h2 style=\"text-align:center; font-size: 24px; text-transform: uppercase;\">Ativos da Jornada<\/h2>\r\n <div class=\"card\" style=\"max-width: 650px; margin: 0 auto; padding: 35px;\">\r\n <h3 style=\"color: #fff; margin-bottom: 25px;\">O que voc\u00ea vai construir e receber:<\/h3>\r\n \r\n <div class=\"highlight-box\">\r\n <div class=\"card-list-item\" style=\"margin-bottom: 0;\">\r\n <svg width=\"24\" height=\"24\" fill=\"var(--amarelo)\" viewBox=\"0 0 24 24\"><path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/><\/svg>\r\n <p style=\"margin: 0;\">\r\n <strong style=\"color: var(--amarelo); font-size: 16px;\">M\u00e9todo Exclusivo:<\/strong> \r\n Uma jornada imersiva de 12 encontros desenhada para estruturar a sua ideia e deix\u00e1-la 100% preparada para os desafios do mundo real.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-list-item\">\r\n <svg width=\"20\" height=\"20\" fill=\"var(--amarelo)\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n <p style=\"margin: 0;\"><strong>Estrat\u00e9gia:<\/strong> Mapa do Problema, Persona, Jobs to be Done e rascunho de Lean Canvas.<\/p>\r\n <\/div>\r\n \r\n <div class=\"card-list-item\">\r\n <svg width=\"20\" height=\"20\" fill=\"var(--amarelo)\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n <p style=\"margin: 0;\"><strong>Valida\u00e7\u00e3o:<\/strong> Prot\u00f3tipo V2 e Relat\u00f3rio de Testes baseado em feedbacks reais de campo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <center><button class=\"cta\" onclick=\"goToForm()\" style=\"margin-top: 30px;\">Iniciar Jornada Agora<\/button><\/center>\r\n <\/section>\r\n\r\n <section class=\"reveal\" style=\"margin-top: 60px;\">\r\n <h2 style=\"text-align:center; font-size: 24px; text-transform: uppercase; margin-bottom: 30px;\">Mentoria Especializada<\/h2>\r\n \r\n <div class=\"mentor-row\">\r\n <img decoding=\"async\" src=\"https:\/\/github.com\/ipestart-design\/BootCamp\/blob\/main\/foto-decio.jpg?raw=true\" class=\"mentor-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/70'\">\r\n <div class=\"mentor-info\">\r\n <h4>D\u00e9cio Ant\u00f4nio Mendon\u00e7a<\/h4>\r\n <p>Especialista em Inova\u00e7\u00e3o. Foco em transformar incertezas em neg\u00f3cios validados.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mentor-row\">\r\n <img decoding=\"async\" src=\"https:\/\/ipetech.ufla.br\/wp-content\/uploads\/2025\/12\/Ernani.jpg\" class=\"mentor-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/70'\">\r\n <div class=\"mentor-info\">\r\n <h4>Ernani Marques<\/h4>\r\n <p>Especialista em Gest\u00e3o Estrat\u00e9gica, PMO e KPIs. Lidera projetos de alta complexidade focados em governan\u00e7a, efici\u00eancia e entrega de valor.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mentor-row\">\r\n <img decoding=\"async\" src=\"https:\/\/ipetech.ufla.br\/wp-content\/uploads\/2025\/01\/3.png\" class=\"mentor-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/70'\">\r\n <div class=\"mentor-info\">\r\n <h4>Alex Bager<\/h4>\r\n <p>Pesquisador e Empreendedor. PhD em Ecologia e fundador da EnvironBIT, uma startup socioambiental focada em transformar ci\u00eancia em solu\u00e7\u00f5es para salvar vidas nas rodovias.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mentor-row\">\r\n <img decoding=\"async\" src=\"https:\/\/ipetech.ufla.br\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-03-at-10.02.35.jpeg\" class=\"mentor-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/70'\">\r\n <div class=\"mentor-info\">\r\n <h4>Bruna Ferreira<\/h4>\r\n <p>Especialista em Gest\u00e3o de RH, Estrategista de Projetos e Consultora em Inova\u00e7\u00e3o<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <section class=\"reveal\" style=\"text-align: center; padding: 80px 0;\">\r\n <div class=\"badge-locked\">PR\u00d3XIMO N\u00cdVEL: MVP E TRA\u00c7\u00c3O (BLOQUEADO)<\/div>\r\n <p style=\"max-width: 500px; margin: 0 auto 30px auto; opacity: 0.9;\">O Bootcamp \u00e9 o filtro para o ecossistema de acelera\u00e7\u00e3o. Defina o problema, valide a solu\u00e7\u00e3o e desbloqueie seu crescimento.<\/p>\r\n <button class=\"cta\" onclick=\"goToForm()\">Inscreva-se e saia do zero<\/button>\r\n <\/section>\r\n <\/div>\r\n\r\n <div id=\"form-area\">\r\n <div class=\"progress-wrap\"><div class=\"progress-bar\" id=\"bar\"><\/div><\/div>\r\n\r\n <div class=\"step-card active\" id=\"s1\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 01<\/h3>\r\n <h2>Qual seu nome completo?<\/h2>\r\n <input type=\"text\" id=\"nome\" placeholder=\"Nome completo\" onkeyup=\"checkEnter(event, 1)\">\r\n <button class=\"btn-n\" onclick=\"next(1)\" style=\"margin-top: 10px;\">Pr\u00f3ximo<\/button>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s2\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 02<\/h3>\r\n <h2>Seu melhor e-mail?<\/h2>\r\n <input type=\"email\" id=\"email\" placeholder=\"email@exemplo.com\" onkeyup=\"checkEnter(event, 2)\">\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(2)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(2)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s3\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 03<\/h3>\r\n <h2>WhatsApp de contato:<\/h2>\r\n <input type=\"tel\" id=\"tel\" placeholder=\"(00) 00000-0000\" maxlength=\"15\">\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(3)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(3)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s4\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 04<\/h3>\r\n <h2>Informe seu CPF:<\/h2>\r\n <input type=\"text\" id=\"cpf\" placeholder=\"000.000.000-00\" maxlength=\"14\">\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(4)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(4)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s5\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 05<\/h3>\r\n <h2>Qual seu perfil?<\/h2>\r\n <div class=\"opt-grid\">\r\n <div class=\"option p-opt\" onclick=\"toggleMulti(this, 'ALUNO')\">Aluno<\/div>\r\n <div class=\"option p-opt\" onclick=\"toggleMulti(this, 'PROFESSOR')\">Professor<\/div>\r\n <div class=\"option p-opt\" onclick=\"toggleMulti(this, 'EMPREENDEDOR')\">Empreendedor<\/div>\r\n <div class=\"option p-opt\" onclick=\"toggleMulti(this, 'Outros')\">Outros<\/div>\r\n <\/div>\r\n <input type=\"text\" id=\"perfil_outro\" placeholder=\"Especifique seu perfil\" style=\"display:none;\">\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(5)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(5)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s6\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 06<\/h3>\r\n <h2>Como soube do evento?<\/h2>\r\n <div class=\"opt-grid\">\r\n <div class=\"option m-opt\" onclick=\"selectSingle('m-opt', this, 'Instagram Ipetech', 'midia')\">Instagram<\/div>\r\n <div class=\"option m-opt\" onclick=\"selectSingle('m-opt', this, 'Pacto de Lavras', 'midia')\">Pacto<\/div>\r\n <div class=\"option m-opt\" onclick=\"selectSingle('m-opt', this, 'Prefeitura', 'midia')\">Prefeitura<\/div>\r\n <div class=\"option m-opt\" onclick=\"selectSingle('m-opt', this, 'Parceiros', 'midia')\">Parceiros<\/div>\r\n <\/div>\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(6)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(6)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s7\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 07<\/h3>\r\n <h2>O Bootcamp ser\u00e1 dia 23 de Mar\u00e7o. Qual seu turno de prefer\u00eancia?<\/h2>\r\n <div class=\"opt-grid\">\r\n <div class=\"option h-opt\" onclick=\"selectSingle('h-opt', this, 'Manh\u00e3', 'turno')\">Manh\u00e3<\/div>\r\n <div class=\"option h-opt\" onclick=\"selectSingle('h-opt', this, 'Tarde', 'turno')\">Tarde<\/div>\r\n <div class=\"option h-opt full\" onclick=\"selectSingle('h-opt', this, 'Noite', 'turno')\">Noite<\/div>\r\n <\/div>\r\n <input type=\"text\" id=\"horario_sugerido\" placeholder=\"Sugira um hor\u00e1rio (Ex: 14h \u00e0s 18h)\" style=\"margin-top: 10px;\">\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(7)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(7)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s8\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 08<\/h3>\r\n <h2>Suas expectativas:<\/h2>\r\n <textarea id=\"expectativas\" placeholder=\"O que deseja alcan\u00e7ar?\" style=\"height: 80px;\"><\/textarea>\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(8)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(8)\">Pr\u00f3ximo<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s9\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Passo 09<\/h3>\r\n <h2>Acessibilidade?<\/h2>\r\n <div class=\"opt-grid\">\r\n <div class=\"option a-opt\" onclick=\"selectSingle('a-opt', this, 'N\u00e3o', 'acesso')\">N\u00e3o<\/div>\r\n <div class=\"option a-opt\" onclick=\"selectSingle('a-opt', this, 'Sim', 'acesso')\">Sim<\/div>\r\n <\/div>\r\n <input type=\"text\" id=\"acesso_detalhe\" placeholder=\"Como ajudar?\" style=\"display:none;\">\r\n <div class=\"nav\"><button class=\"btn-b\" onclick=\"back(9)\">Voltar<\/button><button class=\"btn-n\" onclick=\"next(9)\">Revisar<\/button><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"s10\">\r\n <h3 style=\"margin:0; font-size:12px; opacity:0.6; text-transform:uppercase;\">Revis\u00e3o<\/h3>\r\n <h2>Confirme seus dados:<\/h2>\r\n <div id=\"review-content\" style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 15px; margin-bottom: 20px; font-size: 13px; line-height: 1.6;\"><\/div>\r\n \r\n <div style=\"display: flex; align-items: flex-start; gap: 10px; margin-bottom: 20px; font-size: 12px; opacity: 0.8; text-align: left;\">\r\n <input type=\"checkbox\" id=\"lgpd\" style=\"width: auto; margin: 3px 0 0 0; outline: none; cursor: pointer;\">\r\n <label for=\"lgpd\" style=\"cursor: pointer; line-height: 1.4; margin: 0;\">Concordo com a coleta e processamento dos meus dados para fins de organiza\u00e7\u00e3o do evento, em conformidade com a LGPD.<\/label>\r\n <\/div>\r\n\r\n <div class=\"nav\">\r\n <button class=\"btn-b\" onclick=\"back(10)\">Corrigir<\/button>\r\n <button class=\"btn-n\" id=\"confirm-btn\" onclick=\"finish()\">Finalizar<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"step-card\" id=\"sFinal\" style=\"text-align: center; padding: 60px 40px; align-items: center; flex-direction: column;\">\r\n <h2 style=\"font-size: 32px; margin-bottom: 10px;\">INSCRI\u00c7\u00c3O REALIZADA!<\/h2>\r\n <p style=\"font-size: 16px; margin-bottom: 40px; opacity: 0.9;\">Verifique seu e-mail para os pr\u00f3ximos passos.<\/p>\r\n <button class=\"btn-n\" onclick=\"location.reload()\" style=\"max-width: 300px; width: 100%; flex: none;\">VOLTAR<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let form = { midia: \"\", acesso: \"\", turno: \"\" };\r\n let perfisSelecionados = [];\r\n const totalSteps = 10;\r\n\r\n function reveal() {\r\n document.querySelectorAll(\".reveal\").forEach(el => {\r\n if (el.getBoundingClientRect().top < window.innerHeight - 50) el.classList.add(\"active\");\r\n });\r\n }\r\n window.addEventListener(\"scroll\", reveal);\r\n window.onload = reveal;\r\n\r\n function goToForm() {\r\n document.getElementById('lp-content').style.display = 'none';\r\n document.getElementById('form-area').style.display = 'flex';\r\n window.scrollTo(0,0);\r\n }\r\n\r\n function toggleMulti(btn, val) {\r\n if (perfisSelecionados.includes(val)) {\r\n perfisSelecionados = perfisSelecionados.filter(i => i !== val);\r\n btn.classList.remove('selected');\r\n } else {\r\n perfisSelecionados.push(val);\r\n btn.classList.add('selected');\r\n }\r\n document.getElementById('perfil_outro').style.display = perfisSelecionados.includes('Outros') ? 'block' : 'none';\r\n }\r\n\r\n function selectSingle(group, btn, val, field) {\r\n document.querySelectorAll('.'+group).forEach(b => b.classList.remove('selected'));\r\n btn.classList.add('selected');\r\n form[field] = val;\r\n if(field === 'acesso') document.getElementById('acesso_detalhe').style.display = (val === 'Sim') ? 'block' : 'none';\r\n }\r\n\r\n document.getElementById('tel').addEventListener('input', e => {\r\n let x = e.target.value.replace(\/\\D\/g, '').match(\/(\\d{0,2})(\\d{0,5})(\\d{0,4})\/);\r\n e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : '');\r\n });\r\n document.getElementById('cpf').addEventListener('input', e => {\r\n let v = e.target.value.replace(\/\\D\/g, '').replace(\/(\\d{3})(\\d)\/, \"$1.$2\").replace(\/(\\d{3})(\\d)\/, \"$1.$2\").replace(\/(\\d{3})(\\d{1,2})$\/, \"$1-$2\");\r\n e.target.value = v;\r\n });\r\n\r\n function checkEnter(e, s) { if(e.key === \"Enter\") next(s); }\r\n\r\n function next(s) {\r\n \/\/ VALIDA\u00c7\u00d5ES OBRIGAT\u00d3RIAS\r\n if (s === 1) {\r\n if (document.getElementById('nome').value.trim() === \"\") return alert(\"Por favor, preencha o seu nome completo.\");\r\n }\r\n if (s === 2) {\r\n const email = document.getElementById('email').value.trim();\r\n if (email === \"\" || !email.includes('@')) return alert(\"Por favor, informe um e-mail v\u00e1lido.\");\r\n }\r\n if (s === 3) {\r\n if (document.getElementById('tel').value.trim().length < 14) return alert(\"Por favor, informe o seu WhatsApp.\");\r\n }\r\n if (s === 4) {\r\n if (document.getElementById('cpf').value.trim().length !== 14) return alert(\"Por favor, informe um CPF v\u00e1lido.\");\r\n }\r\n if (s === 5) {\r\n if (perfisSelecionados.length === 0) return alert(\"Por favor, selecione pelo menos um perfil.\");\r\n if (perfisSelecionados.includes('Outros') && document.getElementById('perfil_outro').value.trim() === \"\") return alert(\"Por favor, especifique o seu perfil.\");\r\n }\r\n if (s === 6) {\r\n if (!form.midia) return alert(\"Por favor, informe como soube do evento.\");\r\n }\r\n if (s === 7) {\r\n if (!form.turno) return alert(\"Por favor, selecione um turno de prefer\u00eancia.\");\r\n }\r\n if (s === 8) {\r\n if (document.getElementById('expectativas').value.trim() === \"\") return alert(\"Por favor, preencha as suas expectativas.\");\r\n }\r\n if (s === 9) {\r\n if (!form.acesso) return alert(\"Por favor, informe se precisa de acessibilidade.\");\r\n if (form.acesso === 'Sim' && document.getElementById('acesso_detalhe').value.trim() === \"\") return alert(\"Por favor, especifique como podemos ajudar na acessibilidade.\");\r\n renderReview();\r\n }\r\n \r\n document.getElementById('s'+s).style.display = 'none';\r\n document.getElementById('s'+s).classList.remove('active');\r\n \r\n const nxt = document.getElementById('s'+(s+1));\r\n nxt.style.display = 'flex';\r\n nxt.classList.add('active');\r\n \r\n document.getElementById('bar').style.width = ((s+1)\/totalSteps)*100 + '%';\r\n }\r\n\r\n function back(s) {\r\n document.getElementById('s'+s).style.display = 'none';\r\n document.getElementById('s'+s).classList.remove('active');\r\n \r\n const prv = document.getElementById('s'+(s-1));\r\n prv.style.display = 'flex';\r\n prv.classList.add('active');\r\n \r\n document.getElementById('bar').style.width = ((s-1)\/totalSteps)*100 + '%';\r\n }\r\n\r\n function renderReview() {\r\n let pFinal = [...perfisSelecionados];\r\n if(pFinal.includes('Outros')) pFinal = pFinal.map(x => x === 'Outros' ? `Outro (${document.getElementById('perfil_outro').value})` : x);\r\n \r\n let horarioInfo = (form.turno ? form.turno : 'N\u00e3o informado');\r\n if (document.getElementById('horario_sugerido').value) {\r\n horarioInfo += ' - ' + document.getElementById('horario_sugerido').value;\r\n }\r\n\r\n const dados = [\r\n {l: 'Nome', v: document.getElementById('nome').value},\r\n {l: 'E-mail', v: document.getElementById('email').value},\r\n {l: 'WhatsApp', v: document.getElementById('tel').value},\r\n {l: 'CPF', v: document.getElementById('cpf').value},\r\n {l: 'Perfis', v: pFinal.join(', ')},\r\n {l: 'Disponibilidade (23\/03)', v: horarioInfo},\r\n {l: 'Expectativas', v: document.getElementById('expectativas').value}\r\n ];\r\n\r\n document.getElementById('review-content').innerHTML = dados.map(i => `\r\n <div style=\"border-bottom: 1px solid rgba(255,255,255,0.1); padding: 5px 0;\">\r\n <span style=\"color:var(--amarelo); font-weight:800; font-size:10px; text-transform:uppercase;\">${i.l}<\/span><br>${i.v || '---'}\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n async function finish() {\r\n if (!document.getElementById('lgpd').checked) {\r\n return alert(\"Por favor, concorde com os termos da LGPD para finalizar a inscri\u00e7\u00e3o.\");\r\n }\r\n\r\n const btn = document.getElementById('confirm-btn');\r\n btn.innerText = \"Processando...\"; btn.disabled = true;\r\n\r\n const payload = {\r\n \"NOME COMPLETO\": document.getElementById('nome').value,\r\n \"E-MAIL\": document.getElementById('email').value,\r\n \"TELEFONE (WHATSAPP)\": document.getElementById('tel').value,\r\n \"CPF\": document.getElementById('cpf').value,\r\n \"ALUNO\": perfisSelecionados.includes('ALUNO') ? 'X' : '',\r\n \"PROFESSOR\": perfisSelecionados.includes('PROFESSOR') ? 'X' : '',\r\n \"EMPREENDEDOR\": perfisSelecionados.includes('EMPREENDEDOR') ? 'X' : '',\r\n \"PERFIL OUTROS\": perfisSelecionados.includes('Outros') ? document.getElementById('perfil_outro').value : '',\r\n \"COMO_SOUBE\": form.midia,\r\n \"TURNO\": form.turno,\r\n \"HORARIO_SUGERIDO\": document.getElementById('horario_sugerido').value,\r\n \"EXPECTATIVAS\": document.getElementById('expectativas').value,\r\n \"ACESSIBILIDADE\": form.acesso === 'Sim' ? document.getElementById('acesso_detalhe').value : 'N\u00e3o'\r\n };\r\n\r\n try {\r\n await fetch('https:\/\/sheetdb.io\/api\/v1\/ip3jj7bkpknn3', {\r\n method: 'POST', headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({ data: [payload] })\r\n });\r\n \r\n if(payload[\"E-MAIL\"]) {\r\n await emailjs.send(\"service_clqnr6o\", \"template_13fmvbj\", {\r\n nome: payload[\"NOME COMPLETO\"], email: payload[\"E-MAIL\"]\r\n });\r\n }\r\n \r\n document.getElementById('s10').style.display = 'none';\r\n document.getElementById('s10').classList.remove('active');\r\n \r\n document.getElementById('sFinal').style.display = 'flex';\r\n document.getElementById('sFinal').classList.add('active');\r\n \r\n } catch (e) { alert(\"Erro de rede.\"); btn.disabled = false; btn.innerText = \"Finalizar\"; }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bootcamp Idea\u00e7\u00e3o 2026 | Ip\u00eaTech Pare de imaginar ecomece a validar! Encontre um problema real e finalize o Bootcamp com uma solu\u00e7\u00e3o testada sob a mentoria do Ip\u00eaTech UFLA. Quero evoluir minha ideia Problema Primeiro Mapeamos dores latentes e buscamos evid\u00eancias reais antes de criar qualquer solu\u00e7\u00e3o t\u00e9cnica. Dados de Mercado Substitu\u00edmos suposi\u00e7\u00f5es por fatos. […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-1260","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/pages\/1260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/comments?post=1260"}],"version-history":[{"count":32,"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/pages\/1260\/revisions"}],"predecessor-version":[{"id":3084,"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/pages\/1260\/revisions\/3084"}],"wp:attachment":[{"href":"https:\/\/ipetech.ufla.br\/index.php\/wp-json\/wp\/v2\/media?parent=1260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}