Painel ODS: Diagnóstico de Feira de <script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> is.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet">     <style> body { font-family: 'Inter', sans-serif; background-color: #FDFBF8; color: #403A3A; } .nav-button { transition: all 0.3s ease; } .nav-button.active { background-color: #A57F60; color: #FFFFFF; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .chart-container { position: relative; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; height: 320px; max-height: 400px; } @media (min-width: 768px) { .chart-container { height: 380px; } } .ods-icon { display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; font-weight: bold; color: white; border-radius: 4px; font-size: 14px; } </style> </head> <body class="antialiased"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12"> <header class="text-center mb-10"> <h1 class="text-3xl md:text-4xl font-bold text-[#A57F60]">Painel ODS: Diagnóstico Estratégico</h1> <p class="text-lg md:text-xl text-gray-600 mt-2">Feira de Santana: Rumo a uma Metrópole Regional Inovadora</p> </header> <main> <section id="contexto" class="mb-12"> <h2 class="text-2xl font-bold text-center mb-6 text-[#7E6A5A]">Contexto Geral</h2> <p class="text-center max-w-3xl mx-auto mb-8 text-gray-700"> Feira de Santana, o maior município do interior do Nordeste e 69º do Brasil em PIB, apresenta um crescimento populacional dinâmico e um IDH considerado alto. Esta seção oferece uma visão geral dos principais indicadores que definem a cidade hoje, servindo como base para a análise dos desafios e oportunidades que se seguem. </p> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200"> <h3 class="text-lg font-semibold text-gray-500">População (2024)</h3> <p class="text-3xl font-bold text-[#A57F60]">657.948</p> <p class="text-sm text-green-600">+7% em 2 anos</p> </div> <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200"> <h3 class="text-lg font-semibold text-gray-500">PIB (Posição Nacional)</h3> <p class="text-3xl font-bold text-[#A57F60]">69º</p> <p class="text-sm text-gray-500">Maior do interior do NE</p> </div> <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200"> <h3 class="text-lg font-semibold text-gray-500">IDH</h3> <p class="text-3xl font-bold text-[#A57F60]">0,712</p> <p class="text-sm text-gray-500">Considerado Alto</p> </div> <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200 md:col-span-2 lg:col-span-1"> <h3 class="text-lg font-semibold text-gray-500">Vocação Econômica</h3> <p class="text-sm text-gray-700 mt-2 leading-relaxed">Comércio, Indústria, Educação, Logística e Cultura formam a base da sua identidade econômica.</p> </div> </div> </section> <section id="desafios" class="mb-12"> <h2 class="text-2xl font-bold text-center mb-6 text-[#7E6A5A]">Pontos Críticos & Soluções</h2> <p class="text-center max-w-3xl mx-auto mb-8 text-gray-700"> Explore os seis principais desafios que Feira de Santana enfrenta em seu caminho para o desenvolvimento sustentável. Cada área está conectada aos Objetivos de Desenvolvimento Sustentável (ODS) e apresenta tanto os pontos críticos identificados quanto as soluções estratégicas propostas. Clique em um desafio para visualizar a análise detalhada e os dados correspondentes. </p> <div id="navigation" class="flex flex-wrap justify-center gap-3 md:gap-4 mb-8"> <button data-topic="urbanismo" class="nav-button bg-white shadow-sm border border-gray-200 text-[#A57F60] font-semibold py-2 px-4 rounded-lg">Crescimento Urbano</button> <button data-topic="economia" class="nav-button bg-white shadow-sm border border-gray-200 text-[#A57F60] font-semibold py-2 px-4 rounded-lg">Economia</button> <button data-topic="educacao" class="nav-button bg-white shadow-sm border border-gray-200 text-[#A57F60] font-semibold py-2 px-4 rounded-lg">Educação e Talentos</button> <button data-topic="desigualdades" class="nav-button bg-white shadow-sm border border-gray-200 text-[#A57F60] font-semibold py-2 px-4 rounded-lg">Desigualdades</button> <button data-topic="cultura" class="nav-button bg-white shadow-sm border border-gray-200 text-[#A57F60] font-semibold py-2 px-4 rounded-lg">Cultura e Turismo</button> <button data-topic="mobilidade" class="nav-button bg-white shadow-sm border border-gray-200 text-[#A57F60] font-semibold py-2 px-4 rounded-lg">Mobilidade</button> </div> <div id="dynamic-content" class="bg-white p-6 md:p-8 rounded-lg shadow-lg border border-gray-200 min-h-[600px]"> </div> </section> <section id="sintese"> <h2 class="text-2xl font-bold text-center mb-6 text-[#7E6A5A]">Síntese Estratégica</h2> <p class="text-center max-w-3xl mx-auto mb-8 text-gray-700"> Para superar os desafios e alavancar suas potencialidades, Feira de Santana deve se consolidar como uma Metrópole Regional Inovadora. A estratégia se baseia em quatro pilares interconectados que guiarão o desenvolvimento urbano, econômico, social e cultural da cidade na próxima década. </p> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200 text-center"> <div class="text-4xl mb-4">🏙️</div> <h3 class="text-xl font-bold text-[#A57F60] mb-2">Crescimento Urbano Sustentável</h3> <p class="text-gray-600">Planejamento, habitação digna e infraestrutura resiliente.</p> </div> <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200 text-center"> <div class="text-4xl mb-4">💡</div> <h3 class="text-xl font-bold text-[#A57F60] mb-2">Economia Diversificada e Tecnológica</h3> <p class="text-gray-600">Foco em inovação, logística 4.0 e bioeconomia.</p> </div> <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200 text-center"> <div class="text-4xl mb-4">🎓</div> <h3 class="text-xl font-bold text-[#A57F60] mb-2">Educação Conectada ao Mercado</h3> <p class="text-gray-600">Retenção de talentos e sinergia com a UEFS.</p> </div> <div class="bg-white p-6 rounded-lg shadow-md border border-gray-200 text-center"> <div class="text-4xl mb-4">🎭</div> <h3 class="text-xl font-bold text-[#A57F60] mb-2">Turismo e Cultura Contínuos</h3> <p class="text-gray-600">Calendário de eventos anual e valorização do patrimônio.</p> </div> </div> </section> </main> <footer class="text-center mt-12 pt-6 border-t border-gray-200"> <p class="text-gray-500">Painel desenvolvido para análise estratégica municipal.</p> </footer> </div> <script> const appData = { urbanismo: { title: "Crescimento Urbano e Qualidade de Vida", ods: [{num: 11, color: '#F59E27'}], critico: "Expansão desordenada, déficit habitacional e transporte precário, com grande parte do crescimento ocorrendo sem planejamento adequado.", solucoes: [ "Plano diretor atualizado e participativo.", "Habitação popular sustentável e integrada.", "Integração metropolitana com Salvador (BRT/ferrovia).", "Investimento pesado em saneamento básico e drenagem.", ], chart: { type: 'doughnut', data: { labels: ['Expansão Desordenada', 'Área Planejada'], datasets: [{ label: 'Crescimento Urbano', data: [65, 35], backgroundColor: ['#D9A98B', '#A57F60'], borderColor: '#FFFFFF', borderWidth: 4 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'bottom' }, title: { display: true, text: 'Proporção do Crescimento Urbano' } } } } }, economia: { title: "Economia Dependente do Comércio", ods: [{num: 8, color: '#A31942'}, {num: 9, color: '#F36D25'}], critico: "Vulnerabilidade do setor de comércio em crises e baixa agregação de valor nos produtos e serviços locais.", solucoes: [ "Estímulo a startups e logística 4.0.", "Criação de um polo agroindustrial (processamento de alimentos, bioeconomia).", "Inserção em cadeias de energias renováveis (manutenção de eólicas/solares).", ], chart: { type: 'bar', data: { labels: ['Comércio/Serviços', 'Indústria', 'Agro/Logística 4.0', 'Energias Renováveis'], datasets: [ { label: 'Atual', data: [75, 20, 5, 0], backgroundColor: '#D9A98B', }, { label: 'Proposta', data: [50, 20, 20, 10], backgroundColor: '#A57F60', } ] }, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true, max: 100, ticks: { callback: value => value + "%" } } }, plugins: { title: { display: true, text: 'Composição Econômica: Atual vs. Proposta' }, tooltip: { callbacks: { label: context => `${context.dataset.label}: ${context.raw}%` } } } } } }, educacao: { title: "Educação e Retenção de Talentos", ods: [{num: 4, color: '#C5192D'}, {num: 17, color: '#19486A'}], critico: "Jovens formados na UEFS e outras instituições de ponta migram por falta de oportunidades de carreira locais.", solucoes: [ "Criação de parques tecnológicos e incubadoras ligadas à UEFS.", "Programas de estágio/trainee robustos em empresas locais.", "Bolsas de inovação público-privadas para projetos de P&D.", ], chart: { type: 'bar', data: { labels: ['Formados na UEFS (por ano)', 'Absorvidos em Vagas Qualificadas Locais'], datasets: [{ label: 'Fluxo de Talentos', data: [5000, 1200], backgroundColor: ['#A57F60', '#D9A98B'], barPercentage: 0.6 }] }, options: { indexAxis: 'y', responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false }, title: { display: true, text: 'Visualização da "Fuga de Cérebros"' } } } } }, desigualdades: { title: "Desigualdades Intraurbanas", ods: [{num: 10, color: '#DD1367'}, {num: 1, color: '#E5243B'}], critico: "Infraestrutura de qualidade (saúde, cultura, esporte) é fortemente concentrada nas áreas centrais, deixando as periferias carentes.", solucoes: [ "Descentralização de equipamentos culturais, de saúde e esportivos.", "Programas de microcrédito e capacitação para autônomos na periferia.", "Projetos de requalificação urbana com participação comunitária.", ], chart: { type: 'radar', data: { labels: ['Cultura', 'Saúde', 'Esporte', 'Saneamento', 'Educação'], datasets: [ { label: 'Áreas Centrais', data: [9, 8, 8, 9, 9], fill: true, backgroundColor: 'rgba(165, 127, 96, 0.2)', borderColor: '#A57F60', pointBackgroundColor: '#A57F60' }, { label: 'Periferias', data: [3, 5, 4, 4, 6], fill: true, backgroundColor: 'rgba(217, 169, 139, 0.2)', borderColor: '#D9A98B', pointBackgroundColor: '#D9A98B' } ] }, options: { responsive: true, maintainAspectRatio: false, plugins: { title: { display: true, text: 'Índice de Infraestrutura (Centro vs. Periferia)' } }, scales: { r: { suggestedMin: 0, suggestedMax: 10 } } } } }, cultura: { title: "Cultura e Turismo Sazonal", ods: [{num: 8, color: '#A31942'}, {num: 11, color: '#F59E27'}], critico: "A economia criativa e turística depende excessivamente de dois grandes eventos anuais (Micareta e Expofeira), com pouca atividade contínua.", solucoes: [ "Criação de um calendário anual de eventos (culturais, científicos, gastronômicos).", "Estruturação de roteiros turísticos (histórico, sertão).", "Fortalecimento do turismo educacional (Parque do Saber, Observatório Antares).", ], chart: { type: 'line', data: { labels: ['Jan', 'Fev', 'Mar', 'Abr (Micareta)', 'Mai', 'Jun', 'Jul', 'Ago', 'Set (Expofeira)', 'Out', 'Nov', 'Dez'], datasets: [ { label: 'Receita Atual', data: [10, 12, 15, 100, 18, 25, 20, 18, 90, 15, 14, 22], borderColor: '#D9A98B', tension: 0.1, pointBackgroundColor: '#D9A98B' }, { label: 'Meta Contínua', data: [30, 35, 40, 60, 45, 50, 48, 46, 70, 50, 48, 55], borderColor: '#A57F60', borderDash: [5, 5], tension: 0.3, pointBackgroundColor: '#A57F60' } ] }, options: { responsive: true, maintainAspectRatio: false, plugins: { title: { display: true, text: 'Receita do Turismo: Sazonal vs. Contínuo' } }, scales: { y: { beginAtZero: true } } } } }, mobilidade: { title: "Mobilidade e Logística Urbana", ods: [{num: 13, color: '#3F7E44'}, {num: 9, color: '#F36D25'}], critico: "Trânsito intenso, poluição e alto número de acidentes no entroncamento rodoviário que corta a cidade.", solucoes: [ "Implantação de plataformas logísticas fora da área urbana.", "Transporte coletivo rápido e de alta capacidade (BRT regional).", "Incentivo ao transporte de cargas por ferrovia para desafogar rodovias.", ], chart: { type: 'bar', data: { labels: ['Atual', 'Proposto'], datasets: [ { label: 'Transporte Individual/Carga Rodoviária', data: [80, 50], backgroundColor: '#D9A98B', }, { label: 'Transporte Coletivo (BRT)', data: [15, 35], backgroundColor: '#A57F60', }, { label: 'Ferrovia/Outros', data: [5, 15], backgroundColor: '#7E6A5A', }, ] }, options: { responsive: true, maintainAspectRatio: false, scales: { x: { stacked: true }, y: { stacked: true, max: 100, ticks: { callback: value => value + "%" } } }, plugins: { title: { display: true, text: 'Divisão Modal do Transporte (%)' }, tooltip: { callbacks: { label: context => `${context.dataset.label}: ${context.raw}%` } } } } } } }; const dynamicContentContainer = document.getElementById('dynamic-content'); const navButtons = document.querySelectorAll('.nav-button'); let currentChart = null; function updateContent(topic) { const data = appData[topic]; if (!data) return; dynamicContentContainer.innerHTML = ''; const contentWrapper = document.createElement('div'); contentWrapper.className = 'flex flex-col lg:flex-row gap-8'; const textContent = document.createElement('div'); textContent.className = 'lg:w-1/2 order-2 lg:order-1'; const odsHtml = data.ods.map(ods => `<span class="ods-icon mr-2" style="background-color:${ods.color};" title="ODS ${ods.num}">${ods.num}</span>`).join(''); textContent.innerHTML = ` <div class="flex items-center mb-4"> ${odsHtml} <h3 class="text-xl font-bold text-[#7E6A5A]">${data.title}</h3> </div> <div class="mb-6"> <h4 class="font-semibold text-lg mb-2 text-red-700">Ponto Crítico</h4> <p class="text-gray-700 leading-relaxed">${data.critico}</p> </div> <div> <h4 class="font-semibold text-lg mb-2 text-green-700">Soluções Propostas</h4> <ul class="list-disc list-inside space-y-2 text-gray-700"> ${data.solucoes.map(s => `<li>${s}</li>`).join('')} </ul> </div> `; const chartWrapper = document.createElement('div'); chartWrapper.className = 'lg:w-1/2 order-1 lg:order-2'; chartWrapper.innerHTML = `<div class="chart-container"><canvas id="mainChart"></canvas></div>`; contentWrapper.appendChild(textContent); contentWrapper.appendChild(chartWrapper); dynamicContentContainer.appendChild(contentWrapper); const ctx = document.getElementById('mainChart').getContext('2d'); if (currentChart) { currentChart.destroy(); } currentChart = new Chart(ctx, { type: data.chart.type, data: data.chart.data, options: data.chart.options }); navButtons.forEach(btn => { btn.classList.remove('active'); if (btn.dataset.topic === topic) { btn.classList.add('active'); } }); } document.getElementById('navigation').addEventListener('click', (e) => { if (e.target.matches('.nav-button')) { const topic = e.target.dataset.topic; updateContent(topic); } }); window.addEventListener('load', () => { updateContent('urbanismo'); }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-860780497"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-860780497'); </script>:root { --bx-bg: #F5F5F7; --bx-bg-dark: #022B3A; --bx-primary: #1F7A8C; --bx-accent: #F4A261; --bx-chip: #BFDBF7; --bx-text: #222222; --bx-muted: #666666; --bx-radius: 14px; --bx-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); } body { font-family: "Helvetica Neue", Arial, sans-serif; background-color: var(--bx-bg); color: var(--bx-text); margin: 0; padding: 0; } .bx-page { max-width: 1080px; margin: 0 auto; padding: 40px 20px 80px; } .bx-hero { background: linear-gradient(135deg, var(--bx-bg-dark), #03506F); color: #fff; border-radius: 24px; padding: 40px 32px; box-shadow: var(--bx-shadow); margin-bottom: 40px; } .bx-hero-title { font-size: 2.4rem; margin: 0 0 10px; } .bx-hero-sub { font-size: 1.1rem; margin: 0 0 24px; max-width: 620px; } .bx-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; } .bx-chip { background-color: rgba(191, 219, 247, 0.2); color: #EAF4FF; border: 1px solid rgba(191, 219, 247, 0.5); border-radius: 999px; padding: 4px 12px; font-size: 0.8rem; } .bx-cta-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } .bx-btn-primary { background-color: var(--bx-accent); color: #fff; border-radius: 999px; padding: 10px 22px; font-weight: 600; text-decoration: none; border: none; display: inline-block; } .bx-btn-primary:hover { background-color: #e68d3d; } .bx-btn-ghost { background: transparent; border: 1px solid rgba(255, 255, 255, 0.6); color: #fff; border-radius: 999px; padding: 10px 22px; text-decoration: none; } .bx-section { background-color: #fff; border-radius: var(--bx-radius); padding: 32px 28px; box-shadow: var(--bx-shadow); margin-bottom: 30px; } .bx-section-title { font-size: 1.6rem; margin-top: 0; margin-bottom: 8px; color: var(--bx-primary); } .bx-section-kicker { text-transform: uppercase; font-size: 0.78rem; letter-spacing: 0.12em; color: var(--bx-muted); margin-bottom: 4px; } .bx-grid-2 { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 28px; } .bx-p { margin-top: 0; margin-bottom: 14px; } .bx-list { padding-left: 18px; margin-top: 0; margin-bottom: 14px; } .bx-pill-label { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.16em; color: var(--bx-muted); margin-bottom: 10px; } .bx-card { background-color: var(--bx-bg); border-radius: 12px; padding: 16px 18px; margin-bottom: 12px; } .bx-card-title { font-weight: 600; margin-bottom: 4px; } .bx-highlight { background: var(--bx-chip); padding: 10px 14px; border-radius: 10px; font-size: 0.9rem; } .bx-kpi-row { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 16px; } .bx-kpi { background: #fff; border-radius: 14px; padding: 14px 16px; box-shadow: var(--bx-shadow); flex: 1 1 140px; } .bx-kpi span { display: block; } .bx-kpi-value { font-size: 1.2rem; font-weight: 700; color: var(--bx-primary); } .bx-kpi-label { font-size: 0.85rem; color: var(--bx-muted); } .bx-footer-note { text-align: center; font-size: 0.85rem; color: var(--bx-muted); margin-top: 40px; } /* Responsivo */ @media (max-width: 768px) { .bx-hero { padding: 28px 22px; } .bx-hero-title { font-size: 2rem; } .bx-grid-2 { grid-template-columns: 1fr; } } 5. Home (Início) – HTML Crie uma página chamada “Início” e insira um Code Block com: html Copiar código <div class="bx-page"> <section class="bx-hero"> <h1 class="bx-hero-title">Consultoria BX</h1> <p class="bx-hero-sub"> Estratégia, governança e treinamento para adoção de Inteligência Artificial em empresas e órgãos públicos, com foco em diagnóstico técnico, humano e ético. </p> <div class="bx-hero-tags"> <span class="bx-chip">Diagnóstico de IA</span> <span class="bx-chip">Governança de Dados</span> <span class="bx-chip">Ética Algorítmica</span> <span class="bx-chip">Setor Público & Privado</span> </div> <div class="bx-cta-row"> <a href="/contato" class="bx-btn-primary">Agendar conversa estratégica</a> <a href="/diagnostico" class="bx-btn-ghost">Entenda nosso diagnóstico de IA</a> </div> </section> <section class="bx-section"> <div class="bx-grid-2"> <div> <div class="bx-pill-label">Problema</div> <h2 class="bx-section-title">Adoção de IA sem diagnóstico gera desperdício e risco</h2> <p class="bx-p"> Muitas organizações correm para “ter IA” antes de entender se possuem dados, processos e pessoas preparados. O resultado são projetos caros, baixa adesão dos times e impactos éticos não previstos. </p> <p class="bx-p"> A BX atua justamente antes da tecnologia: mapeando o contexto técnico e humano, alinhando objetivos de negócio com governança de dados e preparando equipes para conviver com a IA – não competir com ela. </p> </div> <div> <div class="bx-pill-label">Consequências comuns</div> <div class="bx-card"> <div class="bx-card-title">Projetos que não saem do piloto</div> <p class="bx-p">Soluções que funcionam em prova de conceito, mas nunca escalam para produção.</p> </div> <div class="bx-card"> <div class="bx-card-title">Baixa adesão dos usuários</div> <p class="bx-p">Equipes que não confiam na IA, ignoram recomendações e mantêm o “jeito antigo”.</p> </div> <div class="bx-card"> <div class="bx-card-title">Riscos regulatórios e de reputação</div> <p class="bx-p">Uso de dados sem governança, vieses algorítmicos e decisões opacas que geram desgaste institucional.</p> </div> </div> </div> </section> <section class="bx-section"> <div class="bx-grid-2"> <div> <div class="bx-pill-label">Solução BX</div> <h2 class="bx-section-title">IA como alavanca de valor, não como moda</h2> <p class="bx-p"> A BX estrutura a adoção de IA em cinco eixos, que viram as páginas principais do seu projeto: </p> <ul class="bx-list"> <li><strong>Diagnóstico</strong> – mapeamento técnico e humano antes de qualquer ferramenta.</li> <li><strong>Tarefas & Automação</strong> – o que automatizar e o que manter na cognição humana.</li> <li><strong>Governança & Ética</strong> – dados, riscos, conformidade e transparência.</li> <li><strong>Cases</strong> – aprendizados com erros e acertos de mercado.</li> <li><strong>Treinamento</strong> – letramento em IA e desenvolvimento de habilidades humanas.</li> </ul> </div> <div> <div class="bx-pill-label">Indicadores de impacto</div> <div class="bx-kpi-row"> <div class="bx-kpi"> <span class="bx-kpi-value">↑ Eficiência</span> <span class="bx-kpi-label">Identificação de tarefas automatizáveis com retorno claro.</span> </div> <div class="bx-kpi"> <span class="bx-kpi-value">↓ Risco</span> <span class="bx-kpi-label">Redução de riscos regulatórios e reputacionais na IA.</span> </div> <div class="bx-kpi"> <span class="bx-kpi-value">↑ Adoção</span> <span class="bx-kpi-label">Equipes usando IA com segurança e confiança.</span> </div> </div> </div> </div> </section> <p class="bx-footer-note"> Pronto para discutir o diagnóstico de IA da sua organização? <a href="/contato">Clique aqui e fale com a BX.</a> </p> </div> 6. Página /diagnostico – HTML html Copiar código <div class="bx-page"> <section class="bx-hero"> <h1 class="bx-hero-title">Diagnóstico de IA BX</h1> <p class="bx-hero-sub"> Um mapeamento técnico e humano que identifica onde a IA faz sentido, quais riscos existem e como preparar a organização para uma adoção responsável. </p> <div class="bx-hero-tags"> <span class="bx-chip">Mapeamento técnico</span> <span class="bx-chip">Mapeamento humano</span> <span class="bx-chip">Alinhamento estratégico</span> </div> <div class="bx-cta-row"> <a href="/contato" class="bx-btn-primary">Solicitar proposta de diagnóstico</a> <a href="/" class="bx-btn-ghost">Voltar para a Início</a> </div> </section> <section class="bx-section"> <div class="bx-pill-label">Problema</div> <h2 class="bx-section-title">Sem diagnóstico, a IA vira experimento caro</h2> <p class="bx-p"> Adotar IA sem diagnóstico é como reformar um prédio sem laudo estrutural. As organizações compram licenças, contratam modelos, fazem pilotos – mas não sabem se têm dados, pessoas e processos prontos para escalar. </p> </section> <section class="bx-section"> <div class="bx-grid-2"> <div> <div class="bx-pill-label">Consequência</div> <p class="bx-p"> O resultado é uma coleção de iniciativas desconectadas, dependentes de poucos “heróis internos”, com baixa capacidade de replicação. O investimento em IA vira custo de experimentação, não valor recorrente. </p> <p class="bx-p"> Além disso, sem olhar para o humano, a cultura resiste à mudança: pessoas sentem medo, desconfiança ou simplesmente não enxergam utilidade prática nas soluções. </p> </div> <div> <div class="bx-pill-label">O que o diagnóstico BX faz</div> <div class="bx-card"> <div class="bx-card-title">Mapeia processos críticos</div> <p class="bx-p">Identificamos onde a IA pode gerar impacto real, não apenas “novidade”.</p> </div> <div class="bx-card"> <div class="bx-card-title">Avalia dados e sistemas</div> <p class="bx-p">Verificamos se existem dados, qualidade e infraestrutura para sustentar IA.</p> </div> <div class="bx-card"> <div class="bx-card-title">Escuta pessoas e cultura</div> <p class="bx-p">Entrevistas, workshops e pesquisa com equipes para medir prontidão e resistências.</p> </div> </div> </div> </section> <section class="bx-section"> <div class="bx-pill-label">Solução</div> <h2 class="bx-section-title">Entregáveis do diagnóstico BX</h2> <ul class="bx-list"> <li>Mapa de processos com potencial de IA (curto, médio e longo prazo).</li> <li>Matriz de prontidão de dados (dados existentes, lacunas, riscos de uso).</li> <li>Mapa de capacidades humanas e necessidades de treinamento.</li> <li>Identificação de riscos regulatórios, éticos e reputacionais.</li> <li>Roteiro de priorização de projetos de IA, com visão de valor vs. esforço.</li> </ul> <div class="bx-highlight"> A partir desse diagnóstico, o seu investimento em IA deixa de ser baseado em suposições e passa a ser guiado por evidências técnicas e humanas. </div> </section> </div> 7. Página /tarefas – HTML html Copiar código <div class="bx-page"> <section class="bx-hero"> <h1 class="bx-hero-title">Tarefas & Automação Inteligente</h1> <p class="bx-hero-sub"> Separar o que a IA deve automatizar daquilo que precisa continuar nas mãos humanas é o coração de uma estratégia de IA responsável. </p> <div class="bx-hero-tags"> <span class="bx-chip">Automação</span> <span class="bx-chip">Preservação cognitiva</span> <span class="bx-chip">Empatia & decisão</span> </div> <div class="bx-cta-row"> <a href="/diagnostico" class="bx-btn-ghost">Começar pelo diagnóstico</a> </div> </section> <section class="bx-section"> <div class="bx-pill-label">Problema</div> <h2 class="bx-section-title">Automatizar tudo é tão ruim quanto não automatizar nada</h2> <p class="bx-p"> Quando a organização tenta automatizar qualquer coisa “que é possível automatizar”, aumenta o risco de perder valor humano em processos críticos – negociação, cuidado, decisão contextual. </p> </section> <section class="bx-section bx-grid-2"> <div> <div class="bx-pill-label">Tarefas para IA</div> <div class="bx-card"> <div class="bx-card-title">Repetitivas e de alto volume</div> <p class="bx-p">Processamento de documentos, consolidação de dados, classificação básica.</p> </div> <div class="bx-card"> <div class="bx-card-title">Baseadas em regras claras</div> <p class="bx-p">Rotinas com critérios objetivos e pouco espaço para interpretação.</p> </div> <div class="bx-card"> <div class="bx-card-title">Monitoramento e alerta</div> <p class="bx-p">Identificação de padrões atípicos para que humanos avaliem e decidam.</p> </div> </div> <div> <div class="bx-pill-label">Tarefas para humanos</div> <div class="bx-card"> <div class="bx-card-title">Decisão complexa</div> <p class="bx-p">Cenários com múltiplas variáveis, trade-offs e impactos políticos.</p> </div> <div class="bx-card"> <div class="bx-card-title">Empatia e cuidado</div> <p class="bx-p">Atendimento sensível, mediação de conflitos, condução de mudanças.</p> </div> <div class="bx-card"> <div class="bx-card-title">Negociação</div> <p class="bx-p">Processos em que confiança, linguagem e contexto pesam tanto quanto os dados.</p> </div> </div> </section> <section class="bx-section"> <div class="bx-pill-label">Solução</div> <h2 class="bx-section-title">Como a BX apoia essa decisão</h2> <p class="bx-p"> A BX conduz oficinas com gestores e equipes para mapear o fluxo de trabalho e construir, em conjunto, uma matriz de: </p> <ul class="bx-list"> <li><strong>Impacto da automação</strong> vs. <strong>risco de perder valor humano</strong>.</li> <li>Nível de maturidade de dados para suportar a automação.</li> <li>Responsabilidade final: IA como apoio vs. IA como executora.</li> </ul> <div class="bx-highlight"> O resultado é um portfólio de tarefas claramente classificadas: o que deve ser automatizado, o que permanece humano e o que será híbrido (Human-in-the-loop). </div> </section> </div> 8. Página /governanca – HTML html Copiar código <div class="bx-page"> <section class="bx-hero"> <h1 class="bx-hero-title">Governança de Dados & Ética Algorítmica</h1> <p class="bx-hero-sub"> IA sem governança é risco. IA com governança e ética é vantagem competitiva e institucional. </p> <div class="bx-hero-tags"> <span class="bx-chip">LGPD</span> <span class="bx-chip">Governança de dados</span> <span class="bx-chip">Ética em IA</span> </div> </section> <section class="bx-section"> <div class="bx-pill-label">Problema</div> <h2 class="bx-section-title">Sem governança, a IA amplia problemas em vez de resolvê-los</h2> <p class="bx-p"> Dados enviesados, uso sem consentimento, decisões opacas – todos esses fatores podem transformar um projeto de IA em fonte de litígios, investigações e perda de reputação. </p> </section> <section class="bx-section bx-grid-2"> <div> <div class="bx-pill-label">Consequências</div> <div class="bx-card"> <div class="bx-card-title">Risco regulatório</div> <p class="bx-p">Descumprimento de legislações de proteção de dados e transparência.</p> </div> <div class="bx-card"> <div class="bx-card-title">Vieses e discriminação</div> <p class="bx-p">Modelos que injustamente prejudicam grupos ou indivíduos.</p> </div> <div class="bx-card"> <div class="bx-card-title">Perda de confiança</div> <p class="bx-p">Cidadãos, clientes e colaboradores deixam de acreditar nas decisões automatizadas.</p> </div> </div> <div> <div class="bx-pill-label">Solução BX</div> <ul class="bx-list"> <li>Mapeamento de fluxos de dados e pontos de risco.</li> <li>Diretrizes de uso responsável de IA (política interna).</li> <li>Definição de papéis: quem aprova, quem audita, quem responde.</li> <li>Recomendações de transparência e explicabilidade dos modelos.</li> </ul> <div class="bx-highlight"> A governança de dados e a ética algorítmica entram no diagnóstico desde o início, não como “remendo” depois que o sistema está em produção. </div> </div> </section> </div><script>Static.COOKIE_BANNER_CAPABLE = true;</script>  <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1763743931305-OOVTW1SRW7PUQ5UT50Y9/static.css"> </head> <body id="collection-692292c4f23ede41185f44cb" class=" form-use-theme-colors form-field-style-outline form-field-shape-square form-field-border-bottom form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-normal form-field-checkbox-shape-custom form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-custom form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-custom form-field-hover-focus-scale-up form-submit-button-style-circle tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-large tweak-portfolio-grid-overlay-image-aspect-ratio-11-square tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-center image-block-collage-text-alignment-center image-block-stack-text-alignment-left tweak-blog-single-column-width-inset tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-full-post tweak-blog-item-width-narrow tweak-blog-item-text-alignment-left tweak-blog-item-meta-position-above-title tweak-blog-item-show-date tweak-blog-item-delimiter-bullet primary-button-style-outline primary-button-shape-custom secondary-button-style-outline secondary-button-shape-custom tertiary-button-style-outline tertiary-button-shape-underline tweak-events-stacked-width-full tweak-events-stacked-height-large tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-with-text tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-show-excerpt tweak-blog-basic-grid-width-full tweak-blog-basic-grid-image-aspect-ratio-11-square tweak-blog-basic-grid-text-alignment-left tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-hide tweak-blog-basic-grid-primary-meta-categories tweak-blog-basic-grid-secondary-meta-date tweak-blog-basic-grid-excerpt-hide header-overlay-alignment-center tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full tweak-portfolio-index-background-height-large tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast tweak-blog-alternating-side-by-side-width-full tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-hide tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-ease tweak-blog-masonry-width-inset tweak-blog-masonry-text-alignment-center tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-hide tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show header-width-full tweak-fixed-header tweak-fixed-header-style-basic tweak-blog-side-by-side-width-inset tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-portfolio-grid-basic-width-full tweak-portfolio-grid-basic-height-small tweak-portfolio-grid-basic-image-aspect-ratio-11-square tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-fade hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-center tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-brl collection-692292c4f23ede41185f44cb collection-type-page collection-layout-default mobile-style-available sqs-seven-one " tabindex="-1" > <div id="siteWrapper" class="clearfix site-wrapper" > <div id="floatingCart" class="floating-cart hidden"> <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart"> <span class="Cart-inner"> <svg class="icon icon--cart" viewBox="0 0 31 24"> <g class="svg-icon cart-icon--odd"> <circle fill="none" stroke-miterlimit="10" cx="22.5" cy="21.5" r="1"/> <circle fill="none" stroke-miterlimit="10" cx="9.5" cy="21.5" r="1"/> <path fill="none" stroke-miterlimit="10" d="M0,1.5h5c0.6,0,1.1,0.4,1.1,1l1.7,13 c0.1,0.5,0.6,1,1.1,1h15c0.5,0,1.2-0.4,1.4-0.9l3.3-8.1c0.2-0.5-0.1-0.9-0.6-0.9H12"/> </g> </svg> <div class="legacy-cart icon-cart-quantity"> <span class="sqs-cart-quantity">0</span> </div> </span> </a> </div> <header data-test="header" id="header" class=" header theme-col--primary " data-section-theme="" data-controller="Header" data-current-styles="{ "layout": "brandingCenter", "action": { "buttonText": "Primeiros passos", "newWindow": false }, "showSocial": false, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "menuOverlayTheme": "light", "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Carrinho", "showEmptyCartState": true, "cartOptions": { "iconType": "stroke-1", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": false, "showCart": false, "showAccountLogin": false, "headerStyle": "gradient", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "iconOptions": { "desktopDropdownIconOptions": { "size": { "unit": "em", "value": 1.0 }, "iconSpacing": { "unit": "em", "value": 0.35 }, "strokeWidth": { "unit": "px", "value": 1.0 }, "endcapType": "square", "folderDropdownIcon": "none", "languagePickerIcon": "openArrowHead" }, "mobileDropdownIconOptions": { "size": { "unit": "em", "value": 1.0 }, "iconSpacing": { "unit": "em", "value": 0.15 }, "strokeWidth": { "unit": "px", "value": 0.5 }, "endcapType": "square", "folderDropdownIcon": "openArrowHead", "languagePickerIcon": "openArrowHead" } }, "mobileOptions": { "layout": "logoLeftNavRight", "menuIconOptions": { "style": "plus", "thickness": { "unit": "px", "value": 1.0 } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 2.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "darkAccent", "alphaModifier": 0.85 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 75.0 }, "blurBackground": { "enabled": true, "blurRadius": { "unit": "px", "value": 37.0 } }, "navigationColor": { "type": "CUSTOM_COLOR", "customColor": { "hslaValue": { "hue": 330.89, "saturation": 0.8, "lightness": 0.49, "alpha": 0.42 }, "userFormat": "rgb" } } }, "dropShadowOptions": { "enabled": true, "blur": { "unit": "px", "value": 48.0 }, "spread": { "unit": "px", "value": 12.0 }, "distance": { "unit": "px", "value": 12.0 }, "color": { "type": "CUSTOM_COLOR", "customColor": { "hslaValue": { "hue": 223.03, "saturation": 0.82, "lightness": 0.53, "alpha": 1.0 }, "userFormat": "rgb" } } }, "borderOptions": { "enabled": true, "position": "top", "thickness": { "unit": "px", "value": 1.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "lightAccent", "alphaModifier": 0.64 } } }, "showPromotedElement": false, "buttonVariant": "primary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 100.0 } }" data-section-id="header" data-header-style="gradient" data-language-picker="{ "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }" data-first-focusable-element tabindex="-1" style=" --headerDropShadowColor: hsla(223.03, 82%, 53%, 1); --headerBorderColor: hsla(var(--lightAccent-hsl), 0.64); --solidHeaderBackgroundColor: hsla(var(--darkAccent-hsl), 0.85); --solidHeaderNavigationColor: hsla(var(--white-hsl), 1); --gradientHeaderNavigationColor: hsla(330.89, 80%, 49%, 0.42); " > <svg style="display:none" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <symbol id="circle" > <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" fill="none" /> </symbol> <symbol id="circleFilled" > <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" /> </symbol> <symbol id="dash" > <path d="M11 11H19H3" /> </symbol> <symbol id="squareFilled" > <rect x="6" y="6" width="11" height="11" /> </symbol> <symbol id="square" > <rect x="7" y="7" width="9" height="9" fill="none" stroke="inherit" /> </symbol> <symbol id="plus" > <path d="M11 3V19" /> <path d="M19 11L3 11"/> </symbol> <symbol id="closedArrow" > <path d="M11 11V2M11 18.1797L17 11.1477L5 11.1477L11 18.1797Z" fill="none" /> </symbol> <symbol id="closedArrowFilled" > <path d="M11 11L11 2" stroke="inherit" fill="none" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74695 9.38428L19.038 9.38428L10.8925 19.0846L2.74695 9.38428Z" stroke-width="1" /> </symbol> <symbol id="closedArrowHead" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/symbol"> <path d="M18 7L11 15L4 7L18 7Z" fill="none" stroke="inherit" /> </symbol> <symbol id="closedArrowHeadFilled" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/symbol"> <path d="M18.875 6.5L11 15.5L3.125 6.5L18.875 6.5Z" /> </symbol> <symbol id="openArrow" > <path d="M11 18.3591L11 3" stroke="inherit" fill="none" /> <path d="M18 11.5L11 18.5L4 11.5" stroke="inherit" fill="none" /> </symbol> <symbol id="openArrowHead" > <path d="M18 7L11 14L4 7" fill="none" /> </symbol> <symbol id="pinchedArrow" > <path d="M11 17.3591L11 2" fill="none" /> <path d="M2 11C5.85455 12.2308 8.81818 14.9038 11 18C13.1818 14.8269 16.1455 12.1538 20 11" fill="none" /> </symbol> <symbol id="pinchedArrowFilled" > <path d="M11.05 10.4894C7.04096 8.73759 1.05005 8 1.05005 8C6.20459 11.3191 9.41368 14.1773 11.05 21C12.6864 14.0851 15.8955 11.227 21.05 8C21.05 8 15.0591 8.73759 11.05 10.4894Z" stroke-width="1"/> <path d="M11 11L11 1" fill="none"/> </symbol> <symbol id="pinchedArrowHead" > <path d="M2 7.24091C5.85455 8.40454 8.81818 10.9318 11 13.8591C13.1818 10.8591 16.1455 8.33181 20 7.24091" fill="none" /> </symbol> <symbol id="pinchedArrowHeadFilled" > <path d="M11.05 7.1591C7.04096 5.60456 1.05005 4.95001 1.05005 4.95001C6.20459 7.89547 9.41368 10.4318 11.05 16.4864C12.6864 10.35 15.8955 7.81365 21.05 4.95001C21.05 4.95001 15.0591 5.60456 11.05 7.1591Z" /> </symbol> </svg> <script> function shouldShowAnnouncementBar() { try { if (!window.Static.SQUARESPACE_CONTEXT.showAnnouncementBar) { return false; } var localDataStr = localStorage.getItem('squarespace-announcement-bar'); if (localDataStr && JSON.parse(localDataStr).closed) { return false; } return true; } catch(e) { console.error(e); return true; } } if (shouldShowAnnouncementBar()) { document.body.classList.add('announcement-bar-reserved-space'); } //# sourceURL=reserveSpaceForAnnouncementBar.js </script> <div class="sqs-announcement-bar-dropzone"></div> <div class="header-announcement-bar-wrapper"> <a href="#page" class="header-skip-link sqs-button-element--primary" > Pular para conteúdo </a> <style> @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .header-blur-background { -webkit-backdrop-filter: blur(37px); backdrop-filter: blur(37px); } } </style> <div class="header-border" data-header-style="gradient" data-header-border="true" data-test="header-border" style=" border-width: 1px 0px 0px 0px !important; " ></div> <div class="header-dropshadow" data-header-style="gradient" data-header-dropshadow="true" data-test="header-dropshadow" style=" box-shadow: 0px 12px 48px 12px; " ></div> <div class="header-blur-background" data-test="header-blur-background" > <div class="header-background-gradient" data-header-style="gradient" data-gradient-type="faded" data-test="header-background-gradient" style="opacity: calc(75 * .01)" ></div> </div> <div class='header-inner container--fluid header-mobile-layout-logo-left-nav-right header-layout-branding-center ' data-test="header-inner" >  <div class="header-background theme-bg--primary"></div> <div class="header-display-desktop" data-content-field="site-title">   <div class="header-title-nav-wrapper">  <div class="header-nav"> <div class="header-nav-wrapper"> <nav class="header-nav-list"> <div class="header-nav-item header-nav-item--collection"> <a href="/geral-1" data-animation-role="header-element" > Geral 1 </a> </div> <div class="header-nav-item header-nav-item--collection header-nav-item--active"> <a href="/nova-pagina-73" data-animation-role="header-element" aria-current="page" > Nova página </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/nova-pagina-46" data-animation-role="header-element" > Nova página </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/nova-pagina-46" data-animation-role="header-element" > Nova página </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/nova-pagina-8" data-animation-role="header-element" > Nova página </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/lar" data-animation-role="header-element" > Lar </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/consultoria-bx" data-animation-role="header-element" > Consultoria BX </a> </div> </nav> </div> </div>  <div class=" header-title header-title--use-mobile-logo " data-animation-role="header-element" > <div class="header-title-text"> <a id="site-title" href="/" data-animation-role="header-element">Consultoria BX</a> </div> <div class="header-mobile-logo"> <a href="/" data-animation-role="header-element"> <picture><source media="only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px)" srcset="//images.squarespace-cdn.com/content/v1/665fafa62810fd0bd93fca1b/8646f7e8-ec7e-4449-9f94-bcf71a9df613/21914.png?format=1500w"><source media="only screen and (pointer: coarse) and (min-width: 1025px), screen and (min-width: 800px)" srcset="data:,x"> <img elementtiming="nbf-header-logo-mobile" src="//images.squarespace-cdn.com/content/v1/665fafa62810fd0bd93fca1b/8646f7e8-ec7e-4449-9f94-bcf71a9df613/21914.png?format=1500w" alt="Consultoria BX" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"></picture> </a> </div> </div> </div>  <div class="header-actions header-actions--right"> <div class="showOnMobile"> </div> <div class="showOnDesktop"> </div> </div> <style> .top-bun, .patty, .bottom-bun { height: 1px; } </style>  <div class="header-burger menu-overlay-does-not-have-visible-non-navigation-items no-actions " data-animation-role="header-element"> <button class="header-burger-btn burger" data-test="header-burger"> <span hidden class="js-header-burger-open-title visually-hidden">Abrir menu</span> <span hidden class="js-header-burger-close-title visually-hidden">Fechar menu</span> <div class="burger-box"> <div class="burger-inner header-menu-icon-plus"> <div class="top-bun"></div> <div class="patty"></div> <div class="bottom-bun"></div> </div> </div> </button> </div> </div> <div class="header-display-mobile" data-content-field="site-title">   <div class="header-title-nav-wrapper">  <div class="header-nav"> <div class="header-nav-wrapper"> <nav class="header-nav-list"> <div class="header-nav-item header-nav-item--collection"> <a href="/geral-1" data-animation-role="header-element" > Geral 1 </a> </div> <div class="header-nav-item header-nav-item--collection header-nav-item--active"> <a href="/nova-pagina-73" data-animation-role="header-element" aria-current="page" > Nova página </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/nova-pagina-46" data-animation-role="header-element" > Nova página </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/nova-pagina-46" data-animation-role="header-element" > Nova página </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/nova-pagina-8" data-animation-role="header-element" > Nova página </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/lar" data-animation-role="header-element" > Lar </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/consultoria-bx" data-animation-role="header-element" > Consultoria BX </a> </div> </nav> </div> </div>  <div class=" header-title header-title--use-mobile-logo " data-animation-role="header-element" > <div class="header-title-text"> <a id="site-title" href="/" data-animation-role="header-element">Consultoria BX</a> </div> <div class="header-mobile-logo"> <a href="/" data-animation-role="header-element"> <picture><source media="only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px)" srcset="//images.squarespace-cdn.com/content/v1/665fafa62810fd0bd93fca1b/8646f7e8-ec7e-4449-9f94-bcf71a9df613/21914.png?format=1500w"><source media="only screen and (pointer: coarse) and (min-width: 1025px), screen and (min-width: 800px)" srcset="data:,x"> <img elementtiming="nbf-header-logo-mobile" src="//images.squarespace-cdn.com/content/v1/665fafa62810fd0bd93fca1b/8646f7e8-ec7e-4449-9f94-bcf71a9df613/21914.png?format=1500w" alt="Consultoria BX" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"></picture> </a> </div> </div> </div>  <div class="header-actions header-actions--right"> <div class="showOnMobile"> </div> <div class="showOnDesktop"> </div> </div> <style> .top-bun, .patty, .bottom-bun { height: 1px; } </style>  <div class="header-burger menu-overlay-does-not-have-visible-non-navigation-items no-actions " data-animation-role="header-element"> <button class="header-burger-btn burger" data-test="header-burger"> <span hidden class="js-header-burger-open-title visually-hidden">Abrir menu</span> <span hidden class="js-header-burger-close-title visually-hidden">Fechar menu</span> <div class="burger-box"> <div class="burger-inner header-menu-icon-plus"> <div class="top-bun"></div> <div class="patty"></div> <div class="bottom-bun"></div> </div> </div> </button> </div> </div> </div> </div>  <div class="header-menu header-menu--folder-list light " data-section-theme="light" data-current-styles="{ "layout": "brandingCenter", "action": { "buttonText": "Primeiros passos", "newWindow": false }, "showSocial": false, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "menuOverlayTheme": "light", "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Carrinho", "showEmptyCartState": true, "cartOptions": { "iconType": "stroke-1", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": false, "showCart": false, "showAccountLogin": false, "headerStyle": "gradient", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "iconOptions": { "desktopDropdownIconOptions": { "size": { "unit": "em", "value": 1.0 }, "iconSpacing": { "unit": "em", "value": 0.35 }, "strokeWidth": { "unit": "px", "value": 1.0 }, "endcapType": "square", "folderDropdownIcon": "none", "languagePickerIcon": "openArrowHead" }, "mobileDropdownIconOptions": { "size": { "unit": "em", "value": 1.0 }, "iconSpacing": { "unit": "em", "value": 0.15 }, "strokeWidth": { "unit": "px", "value": 0.5 }, "endcapType": "square", "folderDropdownIcon": "openArrowHead", "languagePickerIcon": "openArrowHead" } }, "mobileOptions": { "layout": "logoLeftNavRight", "menuIconOptions": { "style": "plus", "thickness": { "unit": "px", "value": 1.0 } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 2.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "darkAccent", "alphaModifier": 0.85 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 75.0 }, "blurBackground": { "enabled": true, "blurRadius": { "unit": "px", "value": 37.0 } }, "navigationColor": { "type": "CUSTOM_COLOR", "customColor": { "hslaValue": { "hue": 330.89, "saturation": 0.8, "lightness": 0.49, "alpha": 0.42 }, "userFormat": "rgb" } } }, "dropShadowOptions": { "enabled": true, "blur": { "unit": "px", "value": 48.0 }, "spread": { "unit": "px", "value": 12.0 }, "distance": { "unit": "px", "value": 12.0 }, "color": { "type": "CUSTOM_COLOR", "customColor": { "hslaValue": { "hue": 223.03, "saturation": 0.82, "lightness": 0.53, "alpha": 1.0 }, "userFormat": "rgb" } } }, "borderOptions": { "enabled": true, "position": "top", "thickness": { "unit": "px", "value": 1.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "lightAccent", "alphaModifier": 0.64 } } }, "showPromotedElement": false, "buttonVariant": "primary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 100.0 } }" data-section-id="overlay-nav" data-show-account-login="false" data-test="header-menu"> <div class="header-menu-bg theme-bg--primary"></div> <div class="header-menu-nav"> <nav class="header-menu-nav-list"> <div data-folder="root" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content">  <div class="header-menu-nav-wrapper"> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/geral-1" > <div class="header-menu-nav-item-content"> Geral 1 </div> </a> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection header-menu-nav-item--active"> <a href="/nova-pagina-73" aria-current="page" > <div class="header-menu-nav-item-content"> Nova página </div> </a> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/nova-pagina-46" > <div class="header-menu-nav-item-content"> Nova página </div> </a> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/nova-pagina-46" > <div class="header-menu-nav-item-content"> Nova página </div> </a> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/nova-pagina-8" > <div class="header-menu-nav-item-content"> Nova página </div> </a> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/lar" > <div class="header-menu-nav-item-content"> Lar </div> </a> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/consultoria-bx" > <div class="header-menu-nav-item-content"> Consultoria BX </div> </a> </div> </div> </div> </div> </nav> </div> </div> </header> <main id="page" class="container" role="main"> <article class="sections" id="sections" data-page-sections="692292c4f23ede41185f44cc"> </article> </main> <footer class="sections" id="footer-sections" data-footer-sections> <section data-test="page-section" data-section-theme="dark" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle dark' data-section-id="68985137d6b59d56779c72f6" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "customSectionHeight": 10, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "dark", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-68985137d6b59d56779c72f5 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(3,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; overflow-x: hidden; overflow-x: clip; } @media (min-width: 768px) { .background-width--inset .fe-68985137d6b59d56779c72f5 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-68985137d6b59d56779c72f5 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(1,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-yui_3_17_2_1_1757131675056_9079 { grid-area: 1/2/4/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1757131675056_9079 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1757131675056_9079 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1757131675056_9079 { grid-area: 1/9/2/19; z-index: 1; } .fe-block-yui_3_17_2_1_1757131675056_9079 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1757131675056_9079 .sqs-block-alignment-wrapper { align-items: flex-start; } } </style><div class="fluid-engine fe-68985137d6b59d56779c72f5"><div class="fe-block fe-block-yui_3_17_2_1_1757131675056_9079"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-yui_3_17_2_1_1757131675056_9079"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p style="text-align:center;white-space:pre-wrap;" class=""><a href="/shop/p/lysfolvw4aqu2po1g41q7uusfg0tch" target="_blank">CONSULTORIA</a> BX</p><p style="text-align:center;white-space:pre-wrap;" class="">rahim@gestaobx.com</p><p style="text-align:center;white-space:pre-wrap;" class="">+55 61 981793127</p> </div> </div></div></div></div></div> </div> </div> </section> </footer> </div> <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.17f59db7cf34d0cdaeae8d9282f3c9a3.js" type="text/javascript"></script> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="instagram-unauth-icon" viewBox="0 0 64 64"><path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"/></symbol><symbol id="instagram-unauth-mask" viewBox="0 0 64 64"><path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"/></symbol></svg> </body> </html>