Solicita\u00e7\u00e3o de Or\u00e7amento | Martech & Data | aunica<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n \n <style>\n body { font-family: 'Inter', sans-serif; }\n .form-section, .dynamic-step-template { display: none; }\n .form-section.active { display: block; }\n .progress-container { display: flex; align-items: flex-start; width: 100%; }\n .progress-node { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; width: 90px; }\n .progress-circle { width: 2.5rem; height: 2.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; transition: all 0.3s ease; border: 2px solid #d1d5db; background-color: #fff; color: #6b7280; }\n .progress-label { font-size: 0.75rem; margin-top: 0.5rem; color: #6b7280; text-align: center; height: 2.5rem; }\n .progress-node.active .progress-circle { background-color: #2563eb; border-color: #2563eb; color: #fff; }\n .progress-node.active .progress-label { font-weight: 600; color: #111827; }\n .progress-node.completed .progress-circle { background-color: #16a34a; border-color: #16a34a; color: #fff; }\n .progress-line { flex-grow: 1; height: 2px; background-color: #e5e7eb; transition: all 0.3s ease; margin-top: 1.25rem; }\n .progress-line.completed { background-color: #16a34a; }\n .conditional-field { display: none; }\n\n \/* Tag Input Styles *\/\n .tag-suggestion { background-color: #eef2ff; color: #4338ca; border: 1px solid #c7d2fe; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; cursor: pointer; transition: all 0.2s ease; }\n .tag-suggestion:hover { background-color: #e0e7ff; }\n .selected-tag { display: inline-flex; align-items: center; background-color: #2563eb; color: white; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; margin: 0.25rem; }\n .remove-tag { margin-left: 0.5rem; cursor: pointer; font-weight: bold; }\n \n \/* Loading Spinner *\/\n .loader { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #3498db; width: 40px; height: 40px; animation: spin 2s linear infinite; }\n @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 text-gray-800\">\n\n <div class=\"container mx-auto p-4 sm:p-6 md:p-8 max-w-6xl\">\n \n <div id=\"form-container\">\n <header class=\"mb-8 text-center\">\n <h1 class=\"text-3xl font-bold text-gray-900\">Solicita\u00e7\u00e3o de Or\u00e7amento Martech & An\u00e1lises<\/h1>\n <p class=\"mt-2 text-lg text-gray-600\">Um formul\u00e1rio inteligente que se adapta \u00e0s suas necessidades.<\/p>\n <\/header>\n\n <div id=\"progress-bar-container\" class=\"mb-12 w-full overflow-x-auto pb-4\">\n <div id=\"progress-bar\" class=\"progress-container min-w-[1200px]\">\n \n <\/div>\n <\/div>\n\n <form id=\"quote-form\" class=\"bg-white p-6 sm:p-8 rounded-xl shadow-lg\">\n <div id=\"form-steps-container\">\n \n <fieldset class=\"form-section\" data-step-name=\"Contato\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 1: Contato<\/legend>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <input type=\"text\" name=\"Nome Completo\" placeholder=\"Nome Completo\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"text\" name=\"Empresa\" placeholder=\"Empresa\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"text\" name=\"Cargo \/ Fun\u00e7\u00e3o\" placeholder=\"Cargo \/ Fun\u00e7\u00e3o\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"email\" name=\"E-mail\" placeholder=\"E-mail *\" class=\"w-full p-3 border border-gray-300 rounded-lg\" required>\n <input type=\"tel\" id=\"phone\" name=\"Telefone \/ WhatsApp\" placeholder=\"Telefone \/ WhatsApp *\" class=\"w-full p-3 border border-gray-300 rounded-lg\" required>\n <div>\n <select name=\"Segmento de atua\u00e7\u00e3o\" id=\"segmento\" class=\"w-full p-3 border border-gray-300 rounded-lg bg-white\">\n <option value=\"\">Selecione o Segmento<\/option>\n <option value=\"Varejo \/ E-commerce\">Varejo \/ E-commerce<\/option><option value=\"Servi\u00e7os Financeiros\">Servi\u00e7os Financeiros<\/option><option value=\"Educa\u00e7\u00e3o\">Educa\u00e7\u00e3o<\/option><option value=\"Sa\u00fade\">Sa\u00fade<\/option><option value=\"Ind\u00fastria\">Ind\u00fastria<\/option><option value=\"Outro\">Outro<\/option>\n <\/select>\n <input type=\"text\" name=\"Segmento Outro\" id=\"segmento-outro\" placeholder=\"Especifique o segmento\" class=\"conditional-field mt-2 w-full p-3 border border-gray-300 rounded-lg\">\n <\/div>\n <\/div>\n <\/fieldset>\n \n <fieldset class=\"form-section\" data-step-name=\"Objetivos\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 2: Objetivos e Desafios<\/legend>\n <div class=\"space-y-6\">\n <div class=\"tag-input-container\">\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais casos de uso s\u00e3o priorit\u00e1rios?<\/label>\n <div class=\"selected-tags border p-2 rounded-lg min-h-[48px] flex flex-wrap gap-2\"><\/div>\n <div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\">\n <button type=\"button\" class=\"tag-suggestion\">Redu\u00e7\u00e3o de Abandono<\/button><button type=\"button\" class=\"tag-suggestion\">Onboarding de Clientes<\/button><button type=\"button\" class=\"tag-suggestion\">Upsell\/Cross-sell<\/button><button type=\"button\" class=\"tag-suggestion\">Reativa\u00e7\u00e3o de Inativos<\/button>\n <\/div>\n <input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite e pressione Enter...\"><input type=\"hidden\" name=\"Casos de Uso Priorit\u00e1rios\">\n <\/div>\n <textarea name=\"Desafio Urgente\" placeholder=\"Qual desafio espec\u00edfico ou urgente precisa ser resolvido?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Possuem visibilidade completa da jornada dos clientes?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Visibilidade Completa Jornada\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Visibilidade Completa Jornada\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Plataformas\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 3: Plataformas de Interesse<\/legend>\n <div class=\"space-y-6\">\n <label class=\"block text-sm font-medium text-gray-700\">Quais plataformas ou ferramentas deseja or\u00e7ar? (Isto ir\u00e1 gerar novas etapas no formul\u00e1rio)<\/label>\n <div id=\"platform-selection\" class=\"grid grid-cols-2 md:grid-cols-3 gap-4\">\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Tealium\" class=\"mr-2\"> CDP Tealium<\/label>\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Resulticks\" class=\"mr-2\"> Resulticks<\/label>\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Insider\" class=\"mr-2\"> Insider<\/label>\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Amplitude\" class=\"mr-2\"> Amplitude<\/label>\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Adobe\" class=\"mr-2\"> Adobe Real-Time CDP<\/label>\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Domo\" class=\"mr-2\"> Domo<\/label>\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Outros\" class=\"mr-2\"> Outros<\/label>\n <\/div>\n <\/div>\n <\/fieldset>\n \n \n\n <fieldset class=\"form-section\" data-step-name=\"Audi\u00eancia\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 4: Visitas, Audi\u00eancia e Atividades<\/legend>\n <div class=\"space-y-6\">\n <div class=\"tag-input-container\">\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais canais digitais est\u00e3o ativos hoje?<\/label>\n <div class=\"selected-tags border p-2 rounded-lg min-h-[48px] flex flex-wrap gap-2\"><\/div>\n <div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\"><button type=\"button\" class=\"tag-suggestion\">Website<\/button><button type=\"button\" class=\"tag-suggestion\">App Mobile<\/button><button type=\"button\" class=\"tag-suggestion\">M\u00eddias Sociais<\/button><button type=\"button\" class=\"tag-suggestion\">Loja F\u00edsica<\/button><button type=\"button\" class=\"tag-suggestion\">E-mail Marketing<\/button><\/div>\n <input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite e pressione Enter...\"><input type=\"hidden\" name=\"Canais Ativos\">\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <input type=\"number\" name=\"Volume Sessoes Anual\" placeholder=\"Volume anual de sess\u00f5es\/visitas\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"number\" name=\"Visitantes Unicos Mensal\" placeholder=\"Visitantes \u00fanicos mensais (site)\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"number\" name=\"Screenviews Anual App\" placeholder=\"Volume anual de screenviews (app)\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"number\" name=\"MAUs Total\" placeholder=\"MAUs (app, site, etc.)\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"text\" name=\"Canais IoT\" placeholder=\"Canais IoT e estimativa de eventos\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"number\" name=\"Eventos Anual Total\" placeholder=\"Estimativa total de eventos anuais\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <\/div>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Possuem um aplicativo mobile?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Possui App\" value=\"Sim\" class=\"conditional-radio\"> Sim<\/label><label><input type=\"radio\" name=\"Possui App\" value=\"N\u00e3o\" class=\"conditional-radio\"> N\u00e3o<\/label><\/div><\/div>\n <textarea name=\"App Funcionalidades\" placeholder=\"Quais funcionalidades do app desejam evoluir ou integrar?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg conditional-field\" data-condition-target=\"Possui App\" data-condition-value=\"Sim\"><\/textarea>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Infraestrutura\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 5: Infraestrutura e Tecnologias<\/legend>\n <div class=\"space-y-6\">\n <div class=\"tag-input-container\">\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais sistemas ou ferramentas de marketing voc\u00eas utilizam hoje?<\/label>\n <div class=\"selected-tags border p-2 rounded-lg min-h-[48px] flex flex-wrap gap-2\"><\/div>\n <div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\"><button type=\"button\" class=\"tag-suggestion\">Salesforce CRM<\/button><button type=\"button\" class=\"tag-suggestion\">Adobe Analytics<\/button><button type=\"button\" class=\"tag-suggestion\">Google Analytics<\/button><button type=\"button\" class=\"tag-suggestion\">VTEX<\/button><button type=\"button\" class=\"tag-suggestion\">SAP<\/button><\/div>\n <input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite e pressione Enter...\"><input type=\"hidden\" name=\"Ferramentas Marketing Atuais\">\n <\/div>\n <input type=\"text\" name=\"Banco Dados Clientes\" placeholder=\"Banco de dados que armazena dados de clientes\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"text\" name=\"CMS Website\" placeholder=\"Possui CMS para o website? Qual?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">A empresa possui Data Lake, DWH, CRM?<\/label>\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-2\">\n <label><input type=\"checkbox\" name=\"Solucoes Dados\" value=\"Data Lake\" class=\"conditional-checkbox\" data-target=\"solucoes-detalhes\"> Data Lake<\/label>\n <label><input type=\"checkbox\" name=\"Solucoes Dados\" value=\"DWH\" class=\"conditional-checkbox\" data-target=\"solucoes-detalhes\"> DWH<\/label>\n <label><input type=\"checkbox\" name=\"Solucoes Dados\" value=\"CRM\" class=\"conditional-checkbox\" data-target=\"solucoes-detalhes\"> CRM<\/label>\n <\/div>\n <input type=\"text\" id=\"solucoes-detalhes\" name=\"Solucoes Dados Detalhes\" placeholder=\"Quais?\" class=\"w-full p-3 mt-2 border border-gray-300 rounded-lg conditional-field\">\n <\/div>\n <\/div>\n <\/fieldset>\n \n <fieldset class=\"form-section\" data-step-name=\"Integra\u00e7\u00e3o\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 6: Integra\u00e7\u00e3o de Dados<\/legend>\n <div class=\"space-y-4\">\n <textarea name=\"Fontes Dados Importantes\" placeholder=\"Quais fontes de dados s\u00e3o mais importantes para integrar? (Ex: CRM, e-commerce, etc.)\" rows=\"3\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">H\u00e1 necessidade de consolidar dados de m\u00faltiplos canais em tempo real?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Consolidacao Realtime\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Consolidacao Realtime\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Eventos\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 7: Eventos e Monitoramento<\/legend>\n <div class=\"space-y-4\">\n <input type=\"number\" name=\"MTUs Mensal\" placeholder=\"Volume mensal de usu\u00e1rios rastreados (MTUs)\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <textarea name=\"Eventos Criticos\" placeholder=\"Quais tipos de eventos s\u00e3o mais cr\u00edticos para o neg\u00f3cio? (Ex: cliques, logins, compras)\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Necessidade de dashboards personalizados ou relat\u00f3rios detalhados?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Necessidade Dashboards\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Necessidade Dashboards\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Alertas em tempo real para eventos espec\u00edficos s\u00e3o importantes?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Importancia Alertas\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Importancia Alertas\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Segmenta\u00e7\u00e3o\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 8: Segmenta\u00e7\u00e3o e An\u00e1lises<\/legend>\n <div class=\"space-y-4\">\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Qual o n\u00edvel de segmenta\u00e7\u00e3o atual?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Nivel Segmentacao\" value=\"B\u00e1sico\"> B\u00e1sico<\/label><label><input type=\"radio\" name=\"Nivel Segmentacao\" value=\"Avan\u00e7ado\"> Avan\u00e7ado<\/label><label><input type=\"radio\" name=\"Nivel Segmentacao\" value=\"Preditivo\"> Preditivo<\/label><\/div><\/div>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">H\u00e1 interesse ou necessidade de an\u00e1lises preditivas?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Interesse Preditivo\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Interesse Preditivo\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Personaliza\u00e7\u00e3o\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 9: Personaliza\u00e7\u00e3o e Orquestra\u00e7\u00e3o<\/legend>\n <div class=\"space-y-4\">\n <input type=\"text\" name=\"Ferramentas TesteAB\" placeholder=\"Utilizam ferramentas de testes A\/B ou multivariados? Qual?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"text\" name=\"Plataforma Orquestracao\" placeholder=\"Possuem alguma plataforma de orquestra\u00e7\u00e3o de jornadas? Qual?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Existe roadmap para escalar personaliza\u00e7\u00e3o e ativa\u00e7\u00f5es?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Roadmap Personalizacao\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Roadmap Personalizacao\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Ativa\u00e7\u00e3o\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 10: Ativa\u00e7\u00e3o de Dados e Canais<\/legend>\n <div class=\"space-y-4\">\n <div class=\"tag-input-container\">\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais canais ou ferramentas utilizam para ativar dados?<\/label>\n <div class=\"selected-tags border p-2 rounded-lg min-h-[48px]\"><\/div>\n <div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\"><button type=\"button\" class=\"tag-suggestion\">E-mail<\/button><button type=\"button\" class=\"tag-suggestion\">M\u00eddia Paga<\/button><button type=\"button\" class=\"tag-suggestion\">App Push<\/button><button type=\"button\" class=\"tag-suggestion\">WhatsApp<\/button><button type=\"button\" class=\"tag-suggestion\">SMS<\/button><\/div>\n <input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite...\"><input type=\"hidden\" name=\"Canais Ativacao Dados\">\n <\/div>\n <input type=\"text\" name=\"CRM Disparos\" placeholder=\"O CRM atual j\u00e1 realiza disparos? Qual ferramenta?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"M\u00e9tricas\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 11: Opera\u00e7\u00e3o e M\u00e9tricas<\/legend>\n <div class=\"space-y-4\">\n <input type=\"number\" name=\"Campanhas Automatizadas Ativas\" placeholder=\"Quantas campanhas automatizadas est\u00e3o ativas hoje?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Conseguem medir a efici\u00eancia e contribui\u00e7\u00e3o de cada canal?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Mede Eficiencia Canal\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Mede Eficiencia Canal\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Analisam jornadas com m\u00faltiplos toques (first\/last click)?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Analise Jornada Complexa\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Analise Jornada Complexa\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Neg\u00f3cio\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 12: Produtos e Neg\u00f3cio<\/legend>\n <div class=\"space-y-4\">\n <input type=\"text\" name=\"Produtos Principais\" placeholder=\"Quais os principais produtos ou servi\u00e7os hoje?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"text\" name=\"Distribuicao Receita\" placeholder=\"Qual a distribui\u00e7\u00e3o de receita entre canais offline e online?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Seguran\u00e7a\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 13: Seguran\u00e7a e Governan\u00e7a<\/legend>\n <div class=\"space-y-4\">\n <input type=\"text\" name=\"Requisitos Seguranca\" placeholder=\"Requisitos de seguran\u00e7a e conformidade (LGPD, GDPR, etc.)\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"number\" name=\"Qtd Usuarios Plataforma\" placeholder=\"Quantos usu\u00e1rios da equipe precisariam acessar a plataforma?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Suporte\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 14: Escalabilidade e Suporte<\/legend>\n <div class=\"space-y-4\">\n <div class=\"tag-input-container\">\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais tipos de suporte ou capacita\u00e7\u00e3o seriam mais importantes?<\/label>\n <div class=\"selected-tags border p-2 rounded-lg min-h-[48px]\"><\/div>\n <div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\"><button type=\"button\" class=\"tag-suggestion\">Suporte T\u00e9cnico<\/button><button type=\"button\" class=\"tag-suggestion\">Treinamento<\/button><button type=\"button\" class=\"tag-suggestion\">Consultoria Estrat\u00e9gica<\/button><\/div>\n <input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite...\"><input type=\"hidden\" name=\"Tipo Suporte Importante\">\n <\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Or\u00e7amento\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 15: Or\u00e7amento, KPIs e ROI<\/legend>\n <div class=\"space-y-4\">\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Existe um or\u00e7amento j\u00e1 definido?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Orcamento Definido\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Orcamento Definido\" value=\"N\u00e3o\"> N\u00e3o<\/label><label><input type=\"radio\" name=\"Orcamento Definido\" value=\"Em defini\u00e7\u00e3o\"> Em defini\u00e7\u00e3o<\/label><\/div><\/div>\n <div class=\"tag-input-container\">\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais KPIs ser\u00e3o utilizados para medir sucesso?<\/label>\n <div class=\"selected-tags border p-2 rounded-lg min-h-[48px]\"><\/div>\n <div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\"><button type=\"button\" class=\"tag-suggestion\">Convers\u00e3o<\/button><button type=\"button\" class=\"tag-suggestion\">Engajamento<\/button><button type=\"button\" class=\"tag-suggestion\">CAC<\/button><button type=\"button\" class=\"tag-suggestion\">LTV<\/button><button type=\"button\" class=\"tag-suggestion\">Reten\u00e7\u00e3o<\/button><\/div>\n <input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite...\"><input type=\"hidden\" name=\"KPIs Sucesso\">\n <\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Finaliza\u00e7\u00e3o\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa Final: Anexos e Consentimento<\/legend>\n <div class=\"space-y-6\">\n <div><label class=\"block text-sm font-medium text-gray-700 mb-1\">Deseja anexar briefing, arquitetura ou documentos de apoio?<\/label><input type=\"file\" name=\"Anexo\" class=\"w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100\"><\/div>\n <div class=\"pt-4\"><label class=\"flex items-center\"><input type=\"checkbox\" name=\"Consentimento\" value=\"Sim\" class=\"h-4 w-4 mr-3\" required><span class=\"text-sm text-gray-600\">Eu concordo em receber contato e comunica\u00e7\u00f5es da Aunica sobre esta solicita\u00e7\u00e3o. *<\/span><\/label><\/div>\n <\/div>\n <\/fieldset>\n <\/div>\n\n \n <div class=\"pt-6 mt-8 border-t flex justify-between items-center\">\n <button type=\"button\" id=\"prevBtn\" class=\"bg-gray-200 text-gray-800 font-bold py-2 px-6 rounded-lg hover:bg-gray-300\">Voltar<\/button>\n <button type=\"button\" id=\"nextBtn\" class=\"bg-blue-600 text-white font-bold py-2 px-6 rounded-lg hover:bg-blue-700\">Avan\u00e7ar<\/button>\n <button type=\"submit\" id=\"submitBtn\" class=\"hidden w-full bg-green-600 text-white font-bold text-lg py-3 px-6 rounded-lg hover:bg-green-700\">Enviar e Ver An\u00e1lise<\/button>\n <\/div>\n <\/form>\n <\/div>\n\n <div id=\"summary-container\" class=\"hidden\">\n <div id=\"loading-analysis\" class=\"text-center p-8\">\n <div class=\"loader mx-auto\"><\/div>\n <p class=\"mt-4 text-lg font-semibold text-gray-700\">Gerando an\u00e1lise com IA... Por favor, aguarde.<\/p>\n <\/div>\n <div id=\"analysis-results\" class=\"hidden\">\n <div id=\"analysis-summary\" class=\"bg-white p-8 rounded-xl shadow-lg mb-6\">\n <h2 class=\"text-2xl font-bold text-gray-900 mb-6 text-center\">An\u00e1lise e Oportunidades<\/h2>\n <div id=\"gemini-analysis-content\" class=\"prose max-w-none\">\n \n <\/div>\n <\/div>\n <div class=\"text-center bg-white p-8 rounded-xl shadow-lg\">\n <h2 class=\"text-3xl font-bold text-green-600\">Obrigado!<\/h2>\n <p class=\"mt-4 text-lg text-gray-700\">Recebemos seu pedido de or\u00e7amento. Nosso time comercial ir\u00e1 analisar e entraremos em contato em breve.<\/p>\n <button id=\"download-pdf\" class=\"mt-6 bg-blue-600 text-white font-bold py-2 px-6 rounded-lg hover:bg-blue-700\">\n Baixar Resumo (PDF)\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"dynamic-step-templates\" class=\"hidden\">\n <fieldset class=\"dynamic-step-template\" data-platform=\"Tealium\" data-step-name=\"Tealium\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es: CDP Tealium<\/legend><div class=\"space-y-4\"><div class=\"tag-input-container\"><label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais canais ser\u00e3o usados para ativa\u00e7\u00e3o?<\/label><div class=\"selected-tags border p-2 rounded-lg min-h-[48px]\"><\/div><div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\"><button type=\"button\" class=\"tag-suggestion\">M\u00eddia Paga<\/button><button type=\"button\" class=\"tag-suggestion\">CRM<\/button><button type=\"button\" class=\"tag-suggestion\">E-mail<\/button><button type=\"button\" class=\"tag-suggestion\">Push<\/button><\/div><input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite...\"><input type=\"hidden\" name=\"Tealium_Canais_Ativacao\"><\/div><input type=\"text\" name=\"Tealium_Retencao\" placeholder=\"Necessita de reten\u00e7\u00e3o de dados por mais de 13 meses?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <fieldset class=\"dynamic-step-template\" data-platform=\"Resulticks\" data-step-name=\"Resulticks\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es: Resulticks<\/legend><div class=\"space-y-4\"><label class=\"block text-sm font-medium text-gray-700\">A personaliza\u00e7\u00e3o se estende por todos os canais ou \u00e9 a n\u00edvel de p\u00fablico?<\/label><input type=\"text\" name=\"Resulticks_Personalizacao_Nivel\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><label class=\"block text-sm font-medium text-gray-700\">Possui ferramenta centralizada para os canais ou s\u00e3o v\u00e1rias ferramentas\/logins?<\/label><input type=\"text\" name=\"Resulticks_Ferramenta_Centralizada\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <fieldset class=\"dynamic-step-template\" data-platform=\"Insider\" data-step-name=\"Insider\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es: Insider<\/legend><div class=\"space-y-4\"><textarea name=\"Insider_Objetivos_Personalizacao\" placeholder=\"Principais objetivos com a personaliza\u00e7\u00e3o no website?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><textarea name=\"Insider_Jornadas_Orquestrar\" placeholder=\"Quais jornadas principais gostariam de orquestrar?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><input type=\"text\" name=\"Insider_Provedores_Ativacao\" placeholder=\"J\u00e1 possuem provedor para WhatsApp, SMS ou Web Push? Qual?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <fieldset class=\"dynamic-step-template\" data-platform=\"Amplitude\" data-step-name=\"Amplitude\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es: Amplitude<\/legend><div class=\"space-y-4\"><textarea name=\"Amplitude_Objetivos_Analise\" placeholder=\"Principais objetivos com uma ferramenta de an\u00e1lise de produto?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><input type=\"text\" name=\"Amplitude_Usuarios\" placeholder=\"Quem seriam os principais usu\u00e1rios da Amplitude na empresa?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><input type=\"text\" name=\"Amplitude_KPIs\" placeholder=\"Quais m\u00e9tricas-chave (KPIs) voc\u00eas monitoram atualmente?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <fieldset class=\"dynamic-step-template\" data-platform=\"Adobe\" data-step-name=\"Adobe\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es: Adobe Real-Time CDP<\/legend><div class=\"space-y-4\"><textarea name=\"Adobe_Casos_Uso\" placeholder=\"Quais s\u00e3o os casos de uso mais importantes que gostariam de implementar?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><textarea name=\"Adobe_Desafios_Dados\" placeholder=\"Quais desafios a empresa enfrenta na unifica\u00e7\u00e3o e ativa\u00e7\u00e3o de dados?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><input type=\"text\" name=\"Adobe_Fontes_Dados\" placeholder=\"Quais fontes de dados s\u00e3o mais importantes para integrar?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <fieldset class=\"dynamic-step-template\" data-platform=\"Domo\" data-step-name=\"Domo\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es: Domo<\/legend><div class=\"space-y-4\"><textarea name=\"Domo_Objetivos_BI\" placeholder=\"Principais objetivos de neg\u00f3cios com uma solu\u00e7\u00e3o de BI?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><input type=\"text\" name=\"Domo_Relatorios_Criticos\" placeholder=\"Quais tipos de indicadores ou relat\u00f3rios s\u00e3o mais cr\u00edticos?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><input type=\"text\" name=\"Domo_Usuarios\" placeholder=\"Quem seria o principal usu\u00e1rio da plataforma na empresa?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <fieldset class=\"dynamic-step-template\" data-platform=\"Outros\" data-step-name=\"Outros\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es Gerais (Outras Plataformas)<\/legend><div class=\"space-y-4\"><textarea name=\"Outros_Objetivos\" placeholder=\"Quais os principais objetivos com esta nova solu\u00e7\u00e3o?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><input type=\"number\" name=\"Outros_MAUs\" placeholder=\"Volume de usu\u00e1rios ativos mensais (MAUs) esperado\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><input type=\"text\" name=\"Outros_Integracoes\" placeholder=\"Com quais sistemas esta solu\u00e7\u00e3o precisa se integrar?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ --- FORM ELEMENTS ---\n const formContainer = document.getElementById('form-container');\n const summaryContainer = document.getElementById('summary-container');\n const loadingAnalysis = document.getElementById('loading-analysis');\n const analysisResults = document.getElementById('analysis-results');\n const geminiAnalysisContent = document.getElementById('gemini-analysis-content');\n const downloadPdfBtn = document.getElementById('download-pdf');\n const form = document.getElementById('quote-form');\n const formStepsContainer = document.getElementById('form-steps-container');\n const platformSelection = document.getElementById('platform-selection');\n const nextBtn = document.getElementById('nextBtn');\n const prevBtn = document.getElementById('prevBtn');\n const submitBtn = document.getElementById('submitBtn');\n const progressBar = document.getElementById('progress-bar');\n const phoneInput = document.getElementById('phone');\n const segmentoSelect = document.getElementById('segmento');\n const segmentoOutro = document.getElementById('segmento-outro');\n \n \/\/ --- STATE ---\n let allSteps = [];\n let currentStepIndex = 0;\n const platformSelectionStepIndex = 2; \/\/ Step 3 (index 2)\n\n \/\/ --- FUNCTIONS ---\n\n const rebuildStepsArray = () => {\n allSteps = Array.from(formStepsContainer.querySelectorAll('.form-section'));\n updateProgressBar();\n };\n\n const updateProgressBar = () => {\n progressBar.innerHTML = '';\n allSteps.forEach((step, index) => {\n const stepName = step.dataset.stepName;\n const node = document.createElement('div');\n node.className = 'progress-node';\n if (index === currentStepIndex) node.classList.add('active');\n if (index < currentStepIndex) node.classList.add('completed');\n \n node.innerHTML = `<div class=\"progress-circle\">${index + 1}<\/div><div class=\"progress-label\">${stepName}<\/div>`;\n progressBar.appendChild(node);\n\n if (index < allSteps.length - 1) {\n const line = document.createElement('div');\n line.className = 'progress-line';\n if (index < currentStepIndex) line.classList.add('completed');\n progressBar.appendChild(line);\n }\n });\n };\n\n const showStep = (index) => {\n allSteps.forEach((step, i) => step.classList.toggle('active', i === index));\n updateProgressBar();\n prevBtn.style.display = index === 0 ? 'none' : 'inline-block';\n nextBtn.style.display = index === allSteps.length - 1 ? 'none' : 'inline-block';\n submitBtn.style.display = index === allSteps.length - 1 ? 'block' : 'none';\n };\n \n const validateEmail = (email) => \/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$\/.test(String(email).toLowerCase());\n\n const applyPhoneMask = (e) => {\n let value = e.target.value.replace(\/\\D\/g, '');\n value = value.replace(\/^(\\d{2})(\\d)\/g, '($1) $2');\n value = value.replace(\/(\\d{5})(\\d)\/, '$1-$2');\n e.target.value = value.slice(0, 15);\n };\n\n const validateStep = (index) => {\n const currentFields = allSteps[index].querySelectorAll('[required]');\n let allValid = true;\n currentFields.forEach(field => {\n field.style.borderColor = '#d1d5db';\n let isValid = true;\n if (field.type === 'email' && !validateEmail(field.value)) isValid = false;\n else if (field.type !== 'email' && !field.value.trim()) isValid = false;\n if (!isValid) {\n field.style.borderColor = 'red';\n allValid = false;\n }\n });\n return allValid;\n };\n\n const generateDynamicSteps = () => {\n formStepsContainer.querySelectorAll('.dynamic-step').forEach(step => step.remove());\n const selectedPlatforms = Array.from(platformSelection.querySelectorAll('input:checked')).map(cb => cb.value);\n const insertionPoint = allSteps[platformSelectionStepIndex];\n \n selectedPlatforms.slice().reverse().forEach(platform => {\n const template = document.querySelector(`.dynamic-step-template[data-platform=\"${platform}\"]`);\n if (template) {\n const newStep = template.cloneNode(true);\n newStep.classList.remove('dynamic-step-template');\n newStep.classList.add('form-section', 'dynamic-step');\n insertionPoint.after(newStep);\n }\n });\n rebuildStepsArray();\n initTagInputs();\n };\n \n const initTagInputs = () => {\n document.querySelectorAll('.tag-input-container').forEach(container => {\n const selectedTagsContainer = container.querySelector('.selected-tags');\n if (selectedTagsContainer.dataset.initialized) return;\n selectedTagsContainer.dataset.initialized = 'true';\n\n const suggestionTags = container.querySelectorAll('.tag-suggestion');\n const customInput = container.querySelector('.custom-tag-input');\n const hiddenInput = container.querySelector('input[type=\"hidden\"]');\n let tags = [];\n\n const updateHiddenInput = () => {\n hiddenInput.value = tags.join(', ');\n };\n\n const addTag = (value) => {\n const tagValue = value.trim();\n if (tagValue && !tags.includes(tagValue)) {\n tags.push(tagValue);\n const tagElement = document.createElement('span');\n tagElement.className = 'selected-tag';\n tagElement.textContent = tagValue;\n const removeElement = document.createElement('span');\n removeElement.className = 'remove-tag';\n removeElement.textContent = 'x';\n removeElement.onclick = () => {\n tags = tags.filter(t => t !== tagValue);\n tagElement.remove();\n updateHiddenInput();\n };\n tagElement.appendChild(removeElement);\n selectedTagsContainer.appendChild(tagElement);\n updateHiddenInput();\n }\n };\n\n suggestionTags.forEach(button => {\n button.onclick = () => addTag(button.textContent);\n });\n\n if(customInput) {\n customInput.addEventListener('keydown', (e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n addTag(customInput.value);\n customInput.value = '';\n }\n });\n }\n });\n };\n\n const sendDataToBackend = async (formData) => {\n \/\/ IMPORTANTE: Altere esta URL para o seu dom\u00ednio real.\n const endpoint = '\/wp-json\/aunica\/v1\/submit-form'; \n const data = {};\n for (let [key, value] of formData.entries()) {\n if (!(value instanceof File)) {\n data[key] = value;\n } else if (value.size > 0) {\n data[key] = `Arquivo: ${value.name}`;\n }\n }\n \n try {\n const response = await fetch(endpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({ formData: data })\n });\n\n if (!response.ok) {\n throw new Error(`Erro no servidor: ${response.statusText}`);\n }\n return await response.json();\n\n } catch (error) {\n console.error('Erro ao enviar dados para o backend:', error);\n return { status: 'error', message: 'Falha na comunica\u00e7\u00e3o com o servidor.', analysis: 'N\u00e3o foi poss\u00edvel gerar a an\u00e1lise.' };\n }\n };\n\n form.addEventListener('submit', async (e) => {\n e.preventDefault();\n if (!validateStep(currentStepIndex)) {\n alert('Por favor, preencha os campos obrigat\u00f3rios (*) corretamente.');\n return;\n }\n \n formContainer.style.display = 'none';\n summaryContainer.style.display = 'block';\n loadingAnalysis.style.display = 'flex';\n analysisResults.style.display = 'none';\n\n const formData = new FormData(form);\n const result = await sendDataToBackend(formData);\n \n let analysisHtml = 'Ocorreu um erro ao gerar a an\u00e1lise.';\n if (result && result.status === 'success' && result.analysis) {\n analysisHtml = result.analysis\n .replace(\/\\*\\*(.*?)\\*\\*\/g, '<strong>$1<\/strong>')\n .replace(\/\\n\/g, '<br>');\n } else if (result && result.message) {\n analysisHtml = `Erro: ${result.message}`;\n }\n\n geminiAnalysisContent.innerHTML = analysisHtml;\n loadingAnalysis.style.display = 'none';\n analysisResults.style.display = 'block';\n });\n\n downloadPdfBtn.addEventListener('click', () => {\n const summaryElement = document.getElementById('analysis-summary');\n html2canvas(summaryElement, { scale: 2 }).then(canvas => {\n const imgData = canvas.toDataURL('image\/png');\n const pdf = new jsPDF('p', 'mm', 'a4');\n const pdfWidth = pdf.internal.pageSize.getWidth();\n const pdfHeight = (canvas.height * pdfWidth) \/ canvas.width;\n pdf.addImage(imgData, 'PNG', 10, 10, pdfWidth - 20, pdfHeight - 20);\n pdf.save('resumo-orcamento-aunica.pdf');\n });\n });\n \n \/\/ --- EVENT LISTENERS ---\n nextBtn.addEventListener('click', () => {\n if (!validateStep(currentStepIndex)) {\n alert('Por favor, preencha os campos obrigat\u00f3rios (*) corretamente.');\n return;\n }\n if (currentStepIndex === platformSelectionStepIndex) {\n generateDynamicSteps();\n }\n if (currentStepIndex < allSteps.length - 1) {\n currentStepIndex++;\n showStep(currentStepIndex);\n }\n });\n\n prevBtn.addEventListener('click', () => {\n if (currentStepIndex > 0) {\n const isGoingBackOverDynamicBoundary = currentStepIndex > platformSelectionStepIndex && !allSteps[currentStepIndex-1].classList.contains('dynamic-step');\n currentStepIndex--;\n if(isGoingBackOverDynamicBoundary) {\n formStepsContainer.querySelectorAll('.dynamic-step').forEach(step => step.remove());\n rebuildStepsArray();\n }\n showStep(currentStepIndex);\n }\n });\n \n form.addEventListener('change', (e) => {\n if (e.target.matches('.conditional-checkbox')) {\n const targetId = e.target.dataset.target;\n const targetContainer = document.getElementById(targetId);\n if (targetContainer) {\n const anyChecked = document.querySelector(`.conditional-checkbox[data-target=\"${targetId}\"]:checked`);\n targetContainer.style.display = anyChecked ? 'block' : 'none';\n }\n }\n if (e.target.matches('.conditional-radio')) {\n const targetName = e.target.name;\n const targetValue = e.target.value;\n const fieldToShow = document.querySelector(`.conditional-field[data-condition-target=\"${targetName}\"][data-condition-value=\"${targetValue}\"]`);\n document.querySelectorAll(`.conditional-field[data-condition-target=\"${targetName}\"]`).forEach(f => f.style.display = 'none');\n if(fieldToShow) fieldToShow.style.display = 'block';\n }\n });\n\n phoneInput.addEventListener('input', applyPhoneMask);\n segmentoSelect.addEventListener('change', (e) => {\n segmentoOutro.style.display = e.target.value === 'Outro' ? 'block' : 'none';\n });\n\n \/\/ --- INITIALIZATION ---\n rebuildStepsArray();\n showStep(currentStepIndex);\n initTagInputs();\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Solicita\u00e7\u00e3o de Or\u00e7amento | Martech & Data | aunica Solicita\u00e7\u00e3o de Or\u00e7amento Martech & An\u00e1lises Um formul\u00e1rio inteligente que se adapta \u00e0s suas necessidades. Etapa 1: Contato Selecione o SegmentoVarejo \/ E-commerceServi\u00e7os FinanceirosEduca\u00e7\u00e3oSa\u00fadeInd\u00fastriaOutro Etapa 2: Objetivos e Desafios Quais casos de uso s\u00e3o priorit\u00e1rios? Redu\u00e7\u00e3o de AbandonoOnboarding de ClientesUpsell\/Cross-sellReativa\u00e7\u00e3o de Inativos Possuem visibilidade completa da […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":""},"acf":[],"yoast_head":"\n<title>Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica - aunica Interactive Marketing | Since 2004<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica - aunica Interactive Marketing | Since 2004\" \/>\n<meta property=\"og:description\" content=\"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech & Data | aunica Solicita\u00e7\u00e3o de Or\u00e7amento Martech & An\u00e1lises Um formul\u00e1rio inteligente que se adapta \u00e0s suas necessidades. Etapa 1: Contato Selecione o SegmentoVarejo \/ E-commerceServi\u00e7os FinanceirosEduca\u00e7\u00e3oSa\u00fadeInd\u00fastriaOutro Etapa 2: Objetivos e Desafios Quais casos de uso s\u00e3o priorit\u00e1rios? Redu\u00e7\u00e3o de AbandonoOnboarding de ClientesUpsell\/Cross-sellReativa\u00e7\u00e3o de Inativos Possuem visibilidade completa da […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/\" \/>\n<meta property=\"og:site_name\" content=\"aunica Interactive Marketing | Since 2004\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-15T18:32:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/\",\"url\":\"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/\",\"name\":\"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica - aunica Interactive Marketing | Since 2004\",\"isPartOf\":{\"@id\":\"https:\/\/www.aunica.com\/#website\"},\"datePublished\":\"2025-07-15T18:14:23+00:00\",\"dateModified\":\"2025-07-15T18:32:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.aunica.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.aunica.com\/#website\",\"url\":\"https:\/\/www.aunica.com\/\",\"name\":\"aunica Interactive Marketing | Since 2004\",\"description\":\"Especialistas em Data Driven Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.aunica.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica - aunica Interactive Marketing | Since 2004","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica - aunica Interactive Marketing | Since 2004","og_description":"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech & Data | aunica Solicita\u00e7\u00e3o de Or\u00e7amento Martech & An\u00e1lises Um formul\u00e1rio inteligente que se adapta \u00e0s suas necessidades. Etapa 1: Contato Selecione o SegmentoVarejo \/ E-commerceServi\u00e7os FinanceirosEduca\u00e7\u00e3oSa\u00fadeInd\u00fastriaOutro Etapa 2: Objetivos e Desafios Quais casos de uso s\u00e3o priorit\u00e1rios? Redu\u00e7\u00e3o de AbandonoOnboarding de ClientesUpsell\/Cross-sellReativa\u00e7\u00e3o de Inativos Possuem visibilidade completa da […]","og_url":"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/","og_site_name":"aunica Interactive Marketing | Since 2004","article_modified_time":"2025-07-15T18:32:49+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/","url":"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/","name":"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica - aunica Interactive Marketing | Since 2004","isPartOf":{"@id":"https:\/\/www.aunica.com\/#website"},"datePublished":"2025-07-15T18:14:23+00:00","dateModified":"2025-07-15T18:32:49+00:00","breadcrumb":{"@id":"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.aunica.com\/en\/"},{"@type":"ListItem","position":2,"name":"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica"}]},{"@type":"WebSite","@id":"https:\/\/www.aunica.com\/#website","url":"https:\/\/www.aunica.com\/","name":"aunica Interactive Marketing | Since 2004","description":"Especialistas em Data Driven Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.aunica.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages\/98546"}],"collection":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/comments?post=98546"}],"version-history":[{"count":16,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages\/98546\/revisions"}],"predecessor-version":[{"id":98568,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages\/98546\/revisions\/98568"}],"wp:attachment":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/media?parent=98546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n \n \n Solicita\u00e7\u00e3o de Or\u00e7amento | Martech & Data | aunica<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n \n <style>\n body { font-family: 'Inter', sans-serif; }\n .form-section, .dynamic-step-template { display: none; }\n .form-section.active { display: block; }\n .progress-container { display: flex; align-items: flex-start; width: 100%; }\n .progress-node { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; width: 90px; }\n .progress-circle { width: 2.5rem; height: 2.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; transition: all 0.3s ease; border: 2px solid #d1d5db; background-color: #fff; color: #6b7280; }\n .progress-label { font-size: 0.75rem; margin-top: 0.5rem; color: #6b7280; text-align: center; height: 2.5rem; }\n .progress-node.active .progress-circle { background-color: #2563eb; border-color: #2563eb; color: #fff; }\n .progress-node.active .progress-label { font-weight: 600; color: #111827; }\n .progress-node.completed .progress-circle { background-color: #16a34a; border-color: #16a34a; color: #fff; }\n .progress-line { flex-grow: 1; height: 2px; background-color: #e5e7eb; transition: all 0.3s ease; margin-top: 1.25rem; }\n .progress-line.completed { background-color: #16a34a; }\n .conditional-field { display: none; }\n\n \/* Tag Input Styles *\/\n .tag-suggestion { background-color: #eef2ff; color: #4338ca; border: 1px solid #c7d2fe; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; cursor: pointer; transition: all 0.2s ease; }\n .tag-suggestion:hover { background-color: #e0e7ff; }\n .selected-tag { display: inline-flex; align-items: center; background-color: #2563eb; color: white; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; margin: 0.25rem; }\n .remove-tag { margin-left: 0.5rem; cursor: pointer; font-weight: bold; }\n \n \/* Loading Spinner *\/\n .loader { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #3498db; width: 40px; height: 40px; animation: spin 2s linear infinite; }\n @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 text-gray-800\">\n\n <div class=\"container mx-auto p-4 sm:p-6 md:p-8 max-w-6xl\">\n \n <div id=\"form-container\">\n <header class=\"mb-8 text-center\">\n <h1 class=\"text-3xl font-bold text-gray-900\">Solicita\u00e7\u00e3o de Or\u00e7amento Martech & An\u00e1lises<\/h1>\n <p class=\"mt-2 text-lg text-gray-600\">Um formul\u00e1rio inteligente que se adapta \u00e0s suas necessidades.<\/p>\n <\/header>\n\n <div id=\"progress-bar-container\" class=\"mb-12 w-full overflow-x-auto pb-4\">\n <div id=\"progress-bar\" class=\"progress-container min-w-[1200px]\">\n \n <\/div>\n <\/div>\n\n <form id=\"quote-form\" class=\"bg-white p-6 sm:p-8 rounded-xl shadow-lg\">\n <div id=\"form-steps-container\">\n \n <fieldset class=\"form-section\" data-step-name=\"Contato\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 1: Contato<\/legend>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <input type=\"text\" name=\"Nome Completo\" placeholder=\"Nome Completo\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"text\" name=\"Empresa\" placeholder=\"Empresa\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"text\" name=\"Cargo \/ Fun\u00e7\u00e3o\" placeholder=\"Cargo \/ Fun\u00e7\u00e3o\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"email\" name=\"E-mail\" placeholder=\"E-mail *\" class=\"w-full p-3 border border-gray-300 rounded-lg\" required>\n <input type=\"tel\" id=\"phone\" name=\"Telefone \/ WhatsApp\" placeholder=\"Telefone \/ WhatsApp *\" class=\"w-full p-3 border border-gray-300 rounded-lg\" required>\n <div>\n <select name=\"Segmento de atua\u00e7\u00e3o\" id=\"segmento\" class=\"w-full p-3 border border-gray-300 rounded-lg bg-white\">\n <option value=\"\">Selecione o Segmento<\/option>\n <option value=\"Varejo \/ E-commerce\">Varejo \/ E-commerce<\/option><option value=\"Servi\u00e7os Financeiros\">Servi\u00e7os Financeiros<\/option><option value=\"Educa\u00e7\u00e3o\">Educa\u00e7\u00e3o<\/option><option value=\"Sa\u00fade\">Sa\u00fade<\/option><option value=\"Ind\u00fastria\">Ind\u00fastria<\/option><option value=\"Outro\">Outro<\/option>\n <\/select>\n <input type=\"text\" name=\"Segmento Outro\" id=\"segmento-outro\" placeholder=\"Especifique o segmento\" class=\"conditional-field mt-2 w-full p-3 border border-gray-300 rounded-lg\">\n <\/div>\n <\/div>\n <\/fieldset>\n \n <fieldset class=\"form-section\" data-step-name=\"Objetivos\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 2: Objetivos e Desafios<\/legend>\n <div class=\"space-y-6\">\n <div class=\"tag-input-container\">\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais casos de uso s\u00e3o priorit\u00e1rios?<\/label>\n <div class=\"selected-tags border p-2 rounded-lg min-h-[48px] flex flex-wrap gap-2\"><\/div>\n <div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\">\n <button type=\"button\" class=\"tag-suggestion\">Redu\u00e7\u00e3o de Abandono<\/button><button type=\"button\" class=\"tag-suggestion\">Onboarding de Clientes<\/button><button type=\"button\" class=\"tag-suggestion\">Upsell\/Cross-sell<\/button><button type=\"button\" class=\"tag-suggestion\">Reativa\u00e7\u00e3o de Inativos<\/button>\n <\/div>\n <input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite e pressione Enter...\"><input type=\"hidden\" name=\"Casos de Uso Priorit\u00e1rios\">\n <\/div>\n <textarea name=\"Desafio Urgente\" placeholder=\"Qual desafio espec\u00edfico ou urgente precisa ser resolvido?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Possuem visibilidade completa da jornada dos clientes?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Visibilidade Completa Jornada\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Visibilidade Completa Jornada\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Plataformas\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 3: Plataformas de Interesse<\/legend>\n <div class=\"space-y-6\">\n <label class=\"block text-sm font-medium text-gray-700\">Quais plataformas ou ferramentas deseja or\u00e7ar? (Isto ir\u00e1 gerar novas etapas no formul\u00e1rio)<\/label>\n <div id=\"platform-selection\" class=\"grid grid-cols-2 md:grid-cols-3 gap-4\">\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Tealium\" class=\"mr-2\"> CDP Tealium<\/label>\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Resulticks\" class=\"mr-2\"> Resulticks<\/label>\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Insider\" class=\"mr-2\"> Insider<\/label>\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Amplitude\" class=\"mr-2\"> Amplitude<\/label>\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Adobe\" class=\"mr-2\"> Adobe Real-Time CDP<\/label>\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Domo\" class=\"mr-2\"> Domo<\/label>\n <label class=\"flex items-center\"><input type=\"checkbox\" name=\"Plataformas Desejadas\" value=\"Outros\" class=\"mr-2\"> Outros<\/label>\n <\/div>\n <\/div>\n <\/fieldset>\n \n \n\n <fieldset class=\"form-section\" data-step-name=\"Audi\u00eancia\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 4: Visitas, Audi\u00eancia e Atividades<\/legend>\n <div class=\"space-y-6\">\n <div class=\"tag-input-container\">\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais canais digitais est\u00e3o ativos hoje?<\/label>\n <div class=\"selected-tags border p-2 rounded-lg min-h-[48px] flex flex-wrap gap-2\"><\/div>\n <div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\"><button type=\"button\" class=\"tag-suggestion\">Website<\/button><button type=\"button\" class=\"tag-suggestion\">App Mobile<\/button><button type=\"button\" class=\"tag-suggestion\">M\u00eddias Sociais<\/button><button type=\"button\" class=\"tag-suggestion\">Loja F\u00edsica<\/button><button type=\"button\" class=\"tag-suggestion\">E-mail Marketing<\/button><\/div>\n <input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite e pressione Enter...\"><input type=\"hidden\" name=\"Canais Ativos\">\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <input type=\"number\" name=\"Volume Sessoes Anual\" placeholder=\"Volume anual de sess\u00f5es\/visitas\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"number\" name=\"Visitantes Unicos Mensal\" placeholder=\"Visitantes \u00fanicos mensais (site)\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"number\" name=\"Screenviews Anual App\" placeholder=\"Volume anual de screenviews (app)\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"number\" name=\"MAUs Total\" placeholder=\"MAUs (app, site, etc.)\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"text\" name=\"Canais IoT\" placeholder=\"Canais IoT e estimativa de eventos\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"number\" name=\"Eventos Anual Total\" placeholder=\"Estimativa total de eventos anuais\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <\/div>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Possuem um aplicativo mobile?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Possui App\" value=\"Sim\" class=\"conditional-radio\"> Sim<\/label><label><input type=\"radio\" name=\"Possui App\" value=\"N\u00e3o\" class=\"conditional-radio\"> N\u00e3o<\/label><\/div><\/div>\n <textarea name=\"App Funcionalidades\" placeholder=\"Quais funcionalidades do app desejam evoluir ou integrar?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg conditional-field\" data-condition-target=\"Possui App\" data-condition-value=\"Sim\"><\/textarea>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Infraestrutura\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 5: Infraestrutura e Tecnologias<\/legend>\n <div class=\"space-y-6\">\n <div class=\"tag-input-container\">\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais sistemas ou ferramentas de marketing voc\u00eas utilizam hoje?<\/label>\n <div class=\"selected-tags border p-2 rounded-lg min-h-[48px] flex flex-wrap gap-2\"><\/div>\n <div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\"><button type=\"button\" class=\"tag-suggestion\">Salesforce CRM<\/button><button type=\"button\" class=\"tag-suggestion\">Adobe Analytics<\/button><button type=\"button\" class=\"tag-suggestion\">Google Analytics<\/button><button type=\"button\" class=\"tag-suggestion\">VTEX<\/button><button type=\"button\" class=\"tag-suggestion\">SAP<\/button><\/div>\n <input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite e pressione Enter...\"><input type=\"hidden\" name=\"Ferramentas Marketing Atuais\">\n <\/div>\n <input type=\"text\" name=\"Banco Dados Clientes\" placeholder=\"Banco de dados que armazena dados de clientes\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"text\" name=\"CMS Website\" placeholder=\"Possui CMS para o website? Qual?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">A empresa possui Data Lake, DWH, CRM?<\/label>\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-2\">\n <label><input type=\"checkbox\" name=\"Solucoes Dados\" value=\"Data Lake\" class=\"conditional-checkbox\" data-target=\"solucoes-detalhes\"> Data Lake<\/label>\n <label><input type=\"checkbox\" name=\"Solucoes Dados\" value=\"DWH\" class=\"conditional-checkbox\" data-target=\"solucoes-detalhes\"> DWH<\/label>\n <label><input type=\"checkbox\" name=\"Solucoes Dados\" value=\"CRM\" class=\"conditional-checkbox\" data-target=\"solucoes-detalhes\"> CRM<\/label>\n <\/div>\n <input type=\"text\" id=\"solucoes-detalhes\" name=\"Solucoes Dados Detalhes\" placeholder=\"Quais?\" class=\"w-full p-3 mt-2 border border-gray-300 rounded-lg conditional-field\">\n <\/div>\n <\/div>\n <\/fieldset>\n \n <fieldset class=\"form-section\" data-step-name=\"Integra\u00e7\u00e3o\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 6: Integra\u00e7\u00e3o de Dados<\/legend>\n <div class=\"space-y-4\">\n <textarea name=\"Fontes Dados Importantes\" placeholder=\"Quais fontes de dados s\u00e3o mais importantes para integrar? (Ex: CRM, e-commerce, etc.)\" rows=\"3\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">H\u00e1 necessidade de consolidar dados de m\u00faltiplos canais em tempo real?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Consolidacao Realtime\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Consolidacao Realtime\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Eventos\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 7: Eventos e Monitoramento<\/legend>\n <div class=\"space-y-4\">\n <input type=\"number\" name=\"MTUs Mensal\" placeholder=\"Volume mensal de usu\u00e1rios rastreados (MTUs)\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <textarea name=\"Eventos Criticos\" placeholder=\"Quais tipos de eventos s\u00e3o mais cr\u00edticos para o neg\u00f3cio? (Ex: cliques, logins, compras)\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Necessidade de dashboards personalizados ou relat\u00f3rios detalhados?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Necessidade Dashboards\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Necessidade Dashboards\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Alertas em tempo real para eventos espec\u00edficos s\u00e3o importantes?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Importancia Alertas\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Importancia Alertas\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Segmenta\u00e7\u00e3o\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 8: Segmenta\u00e7\u00e3o e An\u00e1lises<\/legend>\n <div class=\"space-y-4\">\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Qual o n\u00edvel de segmenta\u00e7\u00e3o atual?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Nivel Segmentacao\" value=\"B\u00e1sico\"> B\u00e1sico<\/label><label><input type=\"radio\" name=\"Nivel Segmentacao\" value=\"Avan\u00e7ado\"> Avan\u00e7ado<\/label><label><input type=\"radio\" name=\"Nivel Segmentacao\" value=\"Preditivo\"> Preditivo<\/label><\/div><\/div>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">H\u00e1 interesse ou necessidade de an\u00e1lises preditivas?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Interesse Preditivo\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Interesse Preditivo\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Personaliza\u00e7\u00e3o\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 9: Personaliza\u00e7\u00e3o e Orquestra\u00e7\u00e3o<\/legend>\n <div class=\"space-y-4\">\n <input type=\"text\" name=\"Ferramentas TesteAB\" placeholder=\"Utilizam ferramentas de testes A\/B ou multivariados? Qual?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"text\" name=\"Plataforma Orquestracao\" placeholder=\"Possuem alguma plataforma de orquestra\u00e7\u00e3o de jornadas? Qual?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Existe roadmap para escalar personaliza\u00e7\u00e3o e ativa\u00e7\u00f5es?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Roadmap Personalizacao\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Roadmap Personalizacao\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Ativa\u00e7\u00e3o\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 10: Ativa\u00e7\u00e3o de Dados e Canais<\/legend>\n <div class=\"space-y-4\">\n <div class=\"tag-input-container\">\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais canais ou ferramentas utilizam para ativar dados?<\/label>\n <div class=\"selected-tags border p-2 rounded-lg min-h-[48px]\"><\/div>\n <div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\"><button type=\"button\" class=\"tag-suggestion\">E-mail<\/button><button type=\"button\" class=\"tag-suggestion\">M\u00eddia Paga<\/button><button type=\"button\" class=\"tag-suggestion\">App Push<\/button><button type=\"button\" class=\"tag-suggestion\">WhatsApp<\/button><button type=\"button\" class=\"tag-suggestion\">SMS<\/button><\/div>\n <input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite...\"><input type=\"hidden\" name=\"Canais Ativacao Dados\">\n <\/div>\n <input type=\"text\" name=\"CRM Disparos\" placeholder=\"O CRM atual j\u00e1 realiza disparos? Qual ferramenta?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"M\u00e9tricas\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 11: Opera\u00e7\u00e3o e M\u00e9tricas<\/legend>\n <div class=\"space-y-4\">\n <input type=\"number\" name=\"Campanhas Automatizadas Ativas\" placeholder=\"Quantas campanhas automatizadas est\u00e3o ativas hoje?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Conseguem medir a efici\u00eancia e contribui\u00e7\u00e3o de cada canal?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Mede Eficiencia Canal\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Mede Eficiencia Canal\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Analisam jornadas com m\u00faltiplos toques (first\/last click)?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Analise Jornada Complexa\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Analise Jornada Complexa\" value=\"N\u00e3o\"> N\u00e3o<\/label><\/div><\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Neg\u00f3cio\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 12: Produtos e Neg\u00f3cio<\/legend>\n <div class=\"space-y-4\">\n <input type=\"text\" name=\"Produtos Principais\" placeholder=\"Quais os principais produtos ou servi\u00e7os hoje?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"text\" name=\"Distribuicao Receita\" placeholder=\"Qual a distribui\u00e7\u00e3o de receita entre canais offline e online?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Seguran\u00e7a\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 13: Seguran\u00e7a e Governan\u00e7a<\/legend>\n <div class=\"space-y-4\">\n <input type=\"text\" name=\"Requisitos Seguranca\" placeholder=\"Requisitos de seguran\u00e7a e conformidade (LGPD, GDPR, etc.)\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <input type=\"number\" name=\"Qtd Usuarios Plataforma\" placeholder=\"Quantos usu\u00e1rios da equipe precisariam acessar a plataforma?\" class=\"w-full p-3 border border-gray-300 rounded-lg\">\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Suporte\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 14: Escalabilidade e Suporte<\/legend>\n <div class=\"space-y-4\">\n <div class=\"tag-input-container\">\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais tipos de suporte ou capacita\u00e7\u00e3o seriam mais importantes?<\/label>\n <div class=\"selected-tags border p-2 rounded-lg min-h-[48px]\"><\/div>\n <div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\"><button type=\"button\" class=\"tag-suggestion\">Suporte T\u00e9cnico<\/button><button type=\"button\" class=\"tag-suggestion\">Treinamento<\/button><button type=\"button\" class=\"tag-suggestion\">Consultoria Estrat\u00e9gica<\/button><\/div>\n <input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite...\"><input type=\"hidden\" name=\"Tipo Suporte Importante\">\n <\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Or\u00e7amento\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa 15: Or\u00e7amento, KPIs e ROI<\/legend>\n <div class=\"space-y-4\">\n <div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Existe um or\u00e7amento j\u00e1 definido?<\/label><div class=\"flex space-x-4\"><label><input type=\"radio\" name=\"Orcamento Definido\" value=\"Sim\"> Sim<\/label><label><input type=\"radio\" name=\"Orcamento Definido\" value=\"N\u00e3o\"> N\u00e3o<\/label><label><input type=\"radio\" name=\"Orcamento Definido\" value=\"Em defini\u00e7\u00e3o\"> Em defini\u00e7\u00e3o<\/label><\/div><\/div>\n <div class=\"tag-input-container\">\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais KPIs ser\u00e3o utilizados para medir sucesso?<\/label>\n <div class=\"selected-tags border p-2 rounded-lg min-h-[48px]\"><\/div>\n <div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\"><button type=\"button\" class=\"tag-suggestion\">Convers\u00e3o<\/button><button type=\"button\" class=\"tag-suggestion\">Engajamento<\/button><button type=\"button\" class=\"tag-suggestion\">CAC<\/button><button type=\"button\" class=\"tag-suggestion\">LTV<\/button><button type=\"button\" class=\"tag-suggestion\">Reten\u00e7\u00e3o<\/button><\/div>\n <input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite...\"><input type=\"hidden\" name=\"KPIs Sucesso\">\n <\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset class=\"form-section\" data-step-name=\"Finaliza\u00e7\u00e3o\">\n <legend class=\"text-xl font-semibold text-gray-900 mb-6\">Etapa Final: Anexos e Consentimento<\/legend>\n <div class=\"space-y-6\">\n <div><label class=\"block text-sm font-medium text-gray-700 mb-1\">Deseja anexar briefing, arquitetura ou documentos de apoio?<\/label><input type=\"file\" name=\"Anexo\" class=\"w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100\"><\/div>\n <div class=\"pt-4\"><label class=\"flex items-center\"><input type=\"checkbox\" name=\"Consentimento\" value=\"Sim\" class=\"h-4 w-4 mr-3\" required><span class=\"text-sm text-gray-600\">Eu concordo em receber contato e comunica\u00e7\u00f5es da Aunica sobre esta solicita\u00e7\u00e3o. *<\/span><\/label><\/div>\n <\/div>\n <\/fieldset>\n <\/div>\n\n \n <div class=\"pt-6 mt-8 border-t flex justify-between items-center\">\n <button type=\"button\" id=\"prevBtn\" class=\"bg-gray-200 text-gray-800 font-bold py-2 px-6 rounded-lg hover:bg-gray-300\">Voltar<\/button>\n <button type=\"button\" id=\"nextBtn\" class=\"bg-blue-600 text-white font-bold py-2 px-6 rounded-lg hover:bg-blue-700\">Avan\u00e7ar<\/button>\n <button type=\"submit\" id=\"submitBtn\" class=\"hidden w-full bg-green-600 text-white font-bold text-lg py-3 px-6 rounded-lg hover:bg-green-700\">Enviar e Ver An\u00e1lise<\/button>\n <\/div>\n <\/form>\n <\/div>\n\n <div id=\"summary-container\" class=\"hidden\">\n <div id=\"loading-analysis\" class=\"text-center p-8\">\n <div class=\"loader mx-auto\"><\/div>\n <p class=\"mt-4 text-lg font-semibold text-gray-700\">Gerando an\u00e1lise com IA... Por favor, aguarde.<\/p>\n <\/div>\n <div id=\"analysis-results\" class=\"hidden\">\n <div id=\"analysis-summary\" class=\"bg-white p-8 rounded-xl shadow-lg mb-6\">\n <h2 class=\"text-2xl font-bold text-gray-900 mb-6 text-center\">An\u00e1lise e Oportunidades<\/h2>\n <div id=\"gemini-analysis-content\" class=\"prose max-w-none\">\n \n <\/div>\n <\/div>\n <div class=\"text-center bg-white p-8 rounded-xl shadow-lg\">\n <h2 class=\"text-3xl font-bold text-green-600\">Obrigado!<\/h2>\n <p class=\"mt-4 text-lg text-gray-700\">Recebemos seu pedido de or\u00e7amento. Nosso time comercial ir\u00e1 analisar e entraremos em contato em breve.<\/p>\n <button id=\"download-pdf\" class=\"mt-6 bg-blue-600 text-white font-bold py-2 px-6 rounded-lg hover:bg-blue-700\">\n Baixar Resumo (PDF)\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"dynamic-step-templates\" class=\"hidden\">\n <fieldset class=\"dynamic-step-template\" data-platform=\"Tealium\" data-step-name=\"Tealium\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es: CDP Tealium<\/legend><div class=\"space-y-4\"><div class=\"tag-input-container\"><label class=\"block text-sm font-medium text-gray-700 mb-2\">Quais canais ser\u00e3o usados para ativa\u00e7\u00e3o?<\/label><div class=\"selected-tags border p-2 rounded-lg min-h-[48px]\"><\/div><div class=\"suggestion-tags mt-2 flex flex-wrap gap-2\"><button type=\"button\" class=\"tag-suggestion\">M\u00eddia Paga<\/button><button type=\"button\" class=\"tag-suggestion\">CRM<\/button><button type=\"button\" class=\"tag-suggestion\">E-mail<\/button><button type=\"button\" class=\"tag-suggestion\">Push<\/button><\/div><input type=\"text\" class=\"custom-tag-input mt-2 w-full p-2 border rounded-lg\" placeholder=\"Ou digite...\"><input type=\"hidden\" name=\"Tealium_Canais_Ativacao\"><\/div><input type=\"text\" name=\"Tealium_Retencao\" placeholder=\"Necessita de reten\u00e7\u00e3o de dados por mais de 13 meses?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <fieldset class=\"dynamic-step-template\" data-platform=\"Resulticks\" data-step-name=\"Resulticks\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es: Resulticks<\/legend><div class=\"space-y-4\"><label class=\"block text-sm font-medium text-gray-700\">A personaliza\u00e7\u00e3o se estende por todos os canais ou \u00e9 a n\u00edvel de p\u00fablico?<\/label><input type=\"text\" name=\"Resulticks_Personalizacao_Nivel\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><label class=\"block text-sm font-medium text-gray-700\">Possui ferramenta centralizada para os canais ou s\u00e3o v\u00e1rias ferramentas\/logins?<\/label><input type=\"text\" name=\"Resulticks_Ferramenta_Centralizada\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <fieldset class=\"dynamic-step-template\" data-platform=\"Insider\" data-step-name=\"Insider\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es: Insider<\/legend><div class=\"space-y-4\"><textarea name=\"Insider_Objetivos_Personalizacao\" placeholder=\"Principais objetivos com a personaliza\u00e7\u00e3o no website?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><textarea name=\"Insider_Jornadas_Orquestrar\" placeholder=\"Quais jornadas principais gostariam de orquestrar?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><input type=\"text\" name=\"Insider_Provedores_Ativacao\" placeholder=\"J\u00e1 possuem provedor para WhatsApp, SMS ou Web Push? Qual?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <fieldset class=\"dynamic-step-template\" data-platform=\"Amplitude\" data-step-name=\"Amplitude\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es: Amplitude<\/legend><div class=\"space-y-4\"><textarea name=\"Amplitude_Objetivos_Analise\" placeholder=\"Principais objetivos com uma ferramenta de an\u00e1lise de produto?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><input type=\"text\" name=\"Amplitude_Usuarios\" placeholder=\"Quem seriam os principais usu\u00e1rios da Amplitude na empresa?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><input type=\"text\" name=\"Amplitude_KPIs\" placeholder=\"Quais m\u00e9tricas-chave (KPIs) voc\u00eas monitoram atualmente?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <fieldset class=\"dynamic-step-template\" data-platform=\"Adobe\" data-step-name=\"Adobe\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es: Adobe Real-Time CDP<\/legend><div class=\"space-y-4\"><textarea name=\"Adobe_Casos_Uso\" placeholder=\"Quais s\u00e3o os casos de uso mais importantes que gostariam de implementar?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><textarea name=\"Adobe_Desafios_Dados\" placeholder=\"Quais desafios a empresa enfrenta na unifica\u00e7\u00e3o e ativa\u00e7\u00e3o de dados?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><input type=\"text\" name=\"Adobe_Fontes_Dados\" placeholder=\"Quais fontes de dados s\u00e3o mais importantes para integrar?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <fieldset class=\"dynamic-step-template\" data-platform=\"Domo\" data-step-name=\"Domo\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es: Domo<\/legend><div class=\"space-y-4\"><textarea name=\"Domo_Objetivos_BI\" placeholder=\"Principais objetivos de neg\u00f3cios com uma solu\u00e7\u00e3o de BI?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><input type=\"text\" name=\"Domo_Relatorios_Criticos\" placeholder=\"Quais tipos de indicadores ou relat\u00f3rios s\u00e3o mais cr\u00edticos?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><input type=\"text\" name=\"Domo_Usuarios\" placeholder=\"Quem seria o principal usu\u00e1rio da plataforma na empresa?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <fieldset class=\"dynamic-step-template\" data-platform=\"Outros\" data-step-name=\"Outros\"><legend class=\"text-xl font-semibold text-gray-900 mb-6\">Quest\u00f5es Gerais (Outras Plataformas)<\/legend><div class=\"space-y-4\"><textarea name=\"Outros_Objetivos\" placeholder=\"Quais os principais objetivos com esta nova solu\u00e7\u00e3o?\" rows=\"2\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/textarea><input type=\"number\" name=\"Outros_MAUs\" placeholder=\"Volume de usu\u00e1rios ativos mensais (MAUs) esperado\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><input type=\"text\" name=\"Outros_Integracoes\" placeholder=\"Com quais sistemas esta solu\u00e7\u00e3o precisa se integrar?\" class=\"w-full p-3 border border-gray-300 rounded-lg\"><\/div><\/fieldset>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ --- FORM ELEMENTS ---\n const formContainer = document.getElementById('form-container');\n const summaryContainer = document.getElementById('summary-container');\n const loadingAnalysis = document.getElementById('loading-analysis');\n const analysisResults = document.getElementById('analysis-results');\n const geminiAnalysisContent = document.getElementById('gemini-analysis-content');\n const downloadPdfBtn = document.getElementById('download-pdf');\n const form = document.getElementById('quote-form');\n const formStepsContainer = document.getElementById('form-steps-container');\n const platformSelection = document.getElementById('platform-selection');\n const nextBtn = document.getElementById('nextBtn');\n const prevBtn = document.getElementById('prevBtn');\n const submitBtn = document.getElementById('submitBtn');\n const progressBar = document.getElementById('progress-bar');\n const phoneInput = document.getElementById('phone');\n const segmentoSelect = document.getElementById('segmento');\n const segmentoOutro = document.getElementById('segmento-outro');\n \n \/\/ --- STATE ---\n let allSteps = [];\n let currentStepIndex = 0;\n const platformSelectionStepIndex = 2; \/\/ Step 3 (index 2)\n\n \/\/ --- FUNCTIONS ---\n\n const rebuildStepsArray = () => {\n allSteps = Array.from(formStepsContainer.querySelectorAll('.form-section'));\n updateProgressBar();\n };\n\n const updateProgressBar = () => {\n progressBar.innerHTML = '';\n allSteps.forEach((step, index) => {\n const stepName = step.dataset.stepName;\n const node = document.createElement('div');\n node.className = 'progress-node';\n if (index === currentStepIndex) node.classList.add('active');\n if (index < currentStepIndex) node.classList.add('completed');\n \n node.innerHTML = `<div class=\"progress-circle\">${index + 1}<\/div><div class=\"progress-label\">${stepName}<\/div>`;\n progressBar.appendChild(node);\n\n if (index < allSteps.length - 1) {\n const line = document.createElement('div');\n line.className = 'progress-line';\n if (index < currentStepIndex) line.classList.add('completed');\n progressBar.appendChild(line);\n }\n });\n };\n\n const showStep = (index) => {\n allSteps.forEach((step, i) => step.classList.toggle('active', i === index));\n updateProgressBar();\n prevBtn.style.display = index === 0 ? 'none' : 'inline-block';\n nextBtn.style.display = index === allSteps.length - 1 ? 'none' : 'inline-block';\n submitBtn.style.display = index === allSteps.length - 1 ? 'block' : 'none';\n };\n \n const validateEmail = (email) => \/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$\/.test(String(email).toLowerCase());\n\n const applyPhoneMask = (e) => {\n let value = e.target.value.replace(\/\\D\/g, '');\n value = value.replace(\/^(\\d{2})(\\d)\/g, '($1) $2');\n value = value.replace(\/(\\d{5})(\\d)\/, '$1-$2');\n e.target.value = value.slice(0, 15);\n };\n\n const validateStep = (index) => {\n const currentFields = allSteps[index].querySelectorAll('[required]');\n let allValid = true;\n currentFields.forEach(field => {\n field.style.borderColor = '#d1d5db';\n let isValid = true;\n if (field.type === 'email' && !validateEmail(field.value)) isValid = false;\n else if (field.type !== 'email' && !field.value.trim()) isValid = false;\n if (!isValid) {\n field.style.borderColor = 'red';\n allValid = false;\n }\n });\n return allValid;\n };\n\n const generateDynamicSteps = () => {\n formStepsContainer.querySelectorAll('.dynamic-step').forEach(step => step.remove());\n const selectedPlatforms = Array.from(platformSelection.querySelectorAll('input:checked')).map(cb => cb.value);\n const insertionPoint = allSteps[platformSelectionStepIndex];\n \n selectedPlatforms.slice().reverse().forEach(platform => {\n const template = document.querySelector(`.dynamic-step-template[data-platform=\"${platform}\"]`);\n if (template) {\n const newStep = template.cloneNode(true);\n newStep.classList.remove('dynamic-step-template');\n newStep.classList.add('form-section', 'dynamic-step');\n insertionPoint.after(newStep);\n }\n });\n rebuildStepsArray();\n initTagInputs();\n };\n \n const initTagInputs = () => {\n document.querySelectorAll('.tag-input-container').forEach(container => {\n const selectedTagsContainer = container.querySelector('.selected-tags');\n if (selectedTagsContainer.dataset.initialized) return;\n selectedTagsContainer.dataset.initialized = 'true';\n\n const suggestionTags = container.querySelectorAll('.tag-suggestion');\n const customInput = container.querySelector('.custom-tag-input');\n const hiddenInput = container.querySelector('input[type=\"hidden\"]');\n let tags = [];\n\n const updateHiddenInput = () => {\n hiddenInput.value = tags.join(', ');\n };\n\n const addTag = (value) => {\n const tagValue = value.trim();\n if (tagValue && !tags.includes(tagValue)) {\n tags.push(tagValue);\n const tagElement = document.createElement('span');\n tagElement.className = 'selected-tag';\n tagElement.textContent = tagValue;\n const removeElement = document.createElement('span');\n removeElement.className = 'remove-tag';\n removeElement.textContent = 'x';\n removeElement.onclick = () => {\n tags = tags.filter(t => t !== tagValue);\n tagElement.remove();\n updateHiddenInput();\n };\n tagElement.appendChild(removeElement);\n selectedTagsContainer.appendChild(tagElement);\n updateHiddenInput();\n }\n };\n\n suggestionTags.forEach(button => {\n button.onclick = () => addTag(button.textContent);\n });\n\n if(customInput) {\n customInput.addEventListener('keydown', (e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n addTag(customInput.value);\n customInput.value = '';\n }\n });\n }\n });\n };\n\n const sendDataToBackend = async (formData) => {\n \/\/ IMPORTANTE: Altere esta URL para o seu dom\u00ednio real.\n const endpoint = '\/wp-json\/aunica\/v1\/submit-form'; \n const data = {};\n for (let [key, value] of formData.entries()) {\n if (!(value instanceof File)) {\n data[key] = value;\n } else if (value.size > 0) {\n data[key] = `Arquivo: ${value.name}`;\n }\n }\n \n try {\n const response = await fetch(endpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({ formData: data })\n });\n\n if (!response.ok) {\n throw new Error(`Erro no servidor: ${response.statusText}`);\n }\n return await response.json();\n\n } catch (error) {\n console.error('Erro ao enviar dados para o backend:', error);\n return { status: 'error', message: 'Falha na comunica\u00e7\u00e3o com o servidor.', analysis: 'N\u00e3o foi poss\u00edvel gerar a an\u00e1lise.' };\n }\n };\n\n form.addEventListener('submit', async (e) => {\n e.preventDefault();\n if (!validateStep(currentStepIndex)) {\n alert('Por favor, preencha os campos obrigat\u00f3rios (*) corretamente.');\n return;\n }\n \n formContainer.style.display = 'none';\n summaryContainer.style.display = 'block';\n loadingAnalysis.style.display = 'flex';\n analysisResults.style.display = 'none';\n\n const formData = new FormData(form);\n const result = await sendDataToBackend(formData);\n \n let analysisHtml = 'Ocorreu um erro ao gerar a an\u00e1lise.';\n if (result && result.status === 'success' && result.analysis) {\n analysisHtml = result.analysis\n .replace(\/\\*\\*(.*?)\\*\\*\/g, '<strong>$1<\/strong>')\n .replace(\/\\n\/g, '<br>');\n } else if (result && result.message) {\n analysisHtml = `Erro: ${result.message}`;\n }\n\n geminiAnalysisContent.innerHTML = analysisHtml;\n loadingAnalysis.style.display = 'none';\n analysisResults.style.display = 'block';\n });\n\n downloadPdfBtn.addEventListener('click', () => {\n const summaryElement = document.getElementById('analysis-summary');\n html2canvas(summaryElement, { scale: 2 }).then(canvas => {\n const imgData = canvas.toDataURL('image\/png');\n const pdf = new jsPDF('p', 'mm', 'a4');\n const pdfWidth = pdf.internal.pageSize.getWidth();\n const pdfHeight = (canvas.height * pdfWidth) \/ canvas.width;\n pdf.addImage(imgData, 'PNG', 10, 10, pdfWidth - 20, pdfHeight - 20);\n pdf.save('resumo-orcamento-aunica.pdf');\n });\n });\n \n \/\/ --- EVENT LISTENERS ---\n nextBtn.addEventListener('click', () => {\n if (!validateStep(currentStepIndex)) {\n alert('Por favor, preencha os campos obrigat\u00f3rios (*) corretamente.');\n return;\n }\n if (currentStepIndex === platformSelectionStepIndex) {\n generateDynamicSteps();\n }\n if (currentStepIndex < allSteps.length - 1) {\n currentStepIndex++;\n showStep(currentStepIndex);\n }\n });\n\n prevBtn.addEventListener('click', () => {\n if (currentStepIndex > 0) {\n const isGoingBackOverDynamicBoundary = currentStepIndex > platformSelectionStepIndex && !allSteps[currentStepIndex-1].classList.contains('dynamic-step');\n currentStepIndex--;\n if(isGoingBackOverDynamicBoundary) {\n formStepsContainer.querySelectorAll('.dynamic-step').forEach(step => step.remove());\n rebuildStepsArray();\n }\n showStep(currentStepIndex);\n }\n });\n \n form.addEventListener('change', (e) => {\n if (e.target.matches('.conditional-checkbox')) {\n const targetId = e.target.dataset.target;\n const targetContainer = document.getElementById(targetId);\n if (targetContainer) {\n const anyChecked = document.querySelector(`.conditional-checkbox[data-target=\"${targetId}\"]:checked`);\n targetContainer.style.display = anyChecked ? 'block' : 'none';\n }\n }\n if (e.target.matches('.conditional-radio')) {\n const targetName = e.target.name;\n const targetValue = e.target.value;\n const fieldToShow = document.querySelector(`.conditional-field[data-condition-target=\"${targetName}\"][data-condition-value=\"${targetValue}\"]`);\n document.querySelectorAll(`.conditional-field[data-condition-target=\"${targetName}\"]`).forEach(f => f.style.display = 'none');\n if(fieldToShow) fieldToShow.style.display = 'block';\n }\n });\n\n phoneInput.addEventListener('input', applyPhoneMask);\n segmentoSelect.addEventListener('change', (e) => {\n segmentoOutro.style.display = e.target.value === 'Outro' ? 'block' : 'none';\n });\n\n \/\/ --- INITIALIZATION ---\n rebuildStepsArray();\n showStep(currentStepIndex);\n initTagInputs();\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Solicita\u00e7\u00e3o de Or\u00e7amento | Martech & Data | aunica Solicita\u00e7\u00e3o de Or\u00e7amento Martech & An\u00e1lises Um formul\u00e1rio inteligente que se adapta \u00e0s suas necessidades. Etapa 1: Contato Selecione o SegmentoVarejo \/ E-commerceServi\u00e7os FinanceirosEduca\u00e7\u00e3oSa\u00fadeInd\u00fastriaOutro Etapa 2: Objetivos e Desafios Quais casos de uso s\u00e3o priorit\u00e1rios? Redu\u00e7\u00e3o de AbandonoOnboarding de ClientesUpsell\/Cross-sellReativa\u00e7\u00e3o de Inativos Possuem visibilidade completa da […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":""},"acf":[],"yoast_head":"\n<title>Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica - aunica Interactive Marketing | Since 2004<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica - aunica Interactive Marketing | Since 2004\" \/>\n<meta property=\"og:description\" content=\"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech & Data | aunica Solicita\u00e7\u00e3o de Or\u00e7amento Martech & An\u00e1lises Um formul\u00e1rio inteligente que se adapta \u00e0s suas necessidades. Etapa 1: Contato Selecione o SegmentoVarejo \/ E-commerceServi\u00e7os FinanceirosEduca\u00e7\u00e3oSa\u00fadeInd\u00fastriaOutro Etapa 2: Objetivos e Desafios Quais casos de uso s\u00e3o priorit\u00e1rios? Redu\u00e7\u00e3o de AbandonoOnboarding de ClientesUpsell\/Cross-sellReativa\u00e7\u00e3o de Inativos Possuem visibilidade completa da […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/\" \/>\n<meta property=\"og:site_name\" content=\"aunica Interactive Marketing | Since 2004\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-15T18:32:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/\",\"url\":\"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/\",\"name\":\"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica - aunica Interactive Marketing | Since 2004\",\"isPartOf\":{\"@id\":\"https:\/\/www.aunica.com\/#website\"},\"datePublished\":\"2025-07-15T18:14:23+00:00\",\"dateModified\":\"2025-07-15T18:32:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.aunica.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.aunica.com\/#website\",\"url\":\"https:\/\/www.aunica.com\/\",\"name\":\"aunica Interactive Marketing | Since 2004\",\"description\":\"Especialistas em Data Driven Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.aunica.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica - aunica Interactive Marketing | Since 2004","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica - aunica Interactive Marketing | Since 2004","og_description":"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech & Data | aunica Solicita\u00e7\u00e3o de Or\u00e7amento Martech & An\u00e1lises Um formul\u00e1rio inteligente que se adapta \u00e0s suas necessidades. Etapa 1: Contato Selecione o SegmentoVarejo \/ E-commerceServi\u00e7os FinanceirosEduca\u00e7\u00e3oSa\u00fadeInd\u00fastriaOutro Etapa 2: Objetivos e Desafios Quais casos de uso s\u00e3o priorit\u00e1rios? Redu\u00e7\u00e3o de AbandonoOnboarding de ClientesUpsell\/Cross-sellReativa\u00e7\u00e3o de Inativos Possuem visibilidade completa da […]","og_url":"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/","og_site_name":"aunica Interactive Marketing | Since 2004","article_modified_time":"2025-07-15T18:32:49+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/","url":"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/","name":"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica - aunica Interactive Marketing | Since 2004","isPartOf":{"@id":"https:\/\/www.aunica.com\/#website"},"datePublished":"2025-07-15T18:14:23+00:00","dateModified":"2025-07-15T18:32:49+00:00","breadcrumb":{"@id":"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.aunica.com\/solicitacao-de-orcamento-martech-cdp-data\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.aunica.com\/en\/"},{"@type":"ListItem","position":2,"name":"Solicita\u00e7\u00e3o de Or\u00e7amento | Martech | CDP & Data | aunica"}]},{"@type":"WebSite","@id":"https:\/\/www.aunica.com\/#website","url":"https:\/\/www.aunica.com\/","name":"aunica Interactive Marketing | Since 2004","description":"Especialistas em Data Driven Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.aunica.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages\/98546"}],"collection":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/comments?post=98546"}],"version-history":[{"count":16,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages\/98546\/revisions"}],"predecessor-version":[{"id":98568,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages\/98546\/revisions\/98568"}],"wp:attachment":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/media?parent=98546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}