{"id":7,"date":"2026-05-04T19:01:10","date_gmt":"2026-05-04T19:01:10","guid":{"rendered":"https:\/\/vespadrones.com.br\/?page_id=7"},"modified":"2026-05-04T20:01:38","modified_gmt":"2026-05-04T20:01:38","slug":"home-vespa","status":"publish","type":"page","link":"https:\/\/vespadrones.com.br\/","title":{"rendered":"HOME VESPA"},"content":{"rendered":"\n<!-- TAILWIND E FONTES -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n    \n    \/* BLOQUEIO ABSOLUTO DO TEMA WORDPRESS DESDE O MILISSEGUNDO ZERO *\/\n    header, footer, .site-header, .site-footer, .wp-block-post-title, .entry-header { display: none !important; }\n    html, body { \n        background-color: #000000 !important; \n        margin: 0 !important; \n        padding: 0 !important; \n        width: 100vw !important;\n        height: 100vh !important;\n        overflow: hidden !important; \n    }\n\n    \/* Efeito Malha 3D Ultra-Leve *\/\n    .mesh-container {\n        position: absolute;\n        inset: 0;\n        perspective: 600px;\n        overflow: hidden;\n        pointer-events: none;\n        z-index: 5;\n        -webkit-mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);\n        mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);\n    }\n\n    .mesh-plane {\n        position: absolute;\n        width: 200%;\n        height: 200%;\n        left: -50%;\n        top: 0%;\n        background-size: 60px 60px;\n        background-image:\n            linear-gradient(to right, rgba(243, 207, 18, 0.15) 1px, transparent 1px),\n            linear-gradient(to bottom, rgba(243, 207, 18, 0.15) 1px, transparent 1px);\n        transform: rotateX(75deg);\n        transform-origin: top center;\n        animation: grid-move 4s linear infinite;\n        will-change: background-position;\n    }\n\n    @keyframes grid-move {\n        0% { background-position: 0 0; }\n        100% { background-position: 0 60px; }\n    }\n\n    \/* Scrollbar customizada *\/\n    .custom-scrollbar::-webkit-scrollbar { width: 4px; }\n    .custom-scrollbar::-webkit-scrollbar-track { background: #1a1a1a; }\n    .custom-scrollbar::-webkit-scrollbar-thumb { background: #444444; border-radius: 4px; }\n    .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #f3cf12; }\n<\/style>\n\n<!-- APLICA\u00c7\u00c3O PRINCIPAL VESPA -->\n<div id=\"vespa-app\" class=\"fixed inset-0 z-[999999] w-full h-[100dvh] flex flex-col justify-between bg-black text-white overflow-hidden font-['Montserrat'] selection:bg-[#f3cf12] selection:text-black\">\n\n    <!-- BACKGROUND COM V\u00cdDEO E WIREFRAME 3D -->\n    <div class=\"absolute inset-0 z-0 overflow-hidden bg-[#111111]\">\n        <!-- C\u00d3DIGO DO V\u00cdDEO DE FUNDO -->\n        <video autoplay loop muted playsinline class=\"absolute inset-0 w-full h-full object-cover z-0 opacity-[0.15] mix-blend-screen grayscale\">\n            <source src=\"COLE_O_LINK_DO_SEU_VIDEO_AQUI.mp4\" type=\"video\/mp4\">\n        <\/video>\n\n        <!-- Efeito Malha 3D -->\n        <div class=\"mesh-container\">\n            <div class=\"mesh-plane\"><\/div>\n        <\/div>\n\n        <!-- Overlay Clean -->\n        <div class=\"absolute inset-0 bg-gradient-to-t from-black via-transparent to-transparent z-10 pointer-events-none\"><\/div>\n        <div class=\"absolute inset-0 bg-gradient-to-b from-[#111111]\/80 via-transparent to-transparent z-10 pointer-events-none\"><\/div>\n    <\/div>\n\n    <!-- CONTE\u00daDO CENTRAL -->\n    <main class=\"relative z-20 flex-grow flex flex-col items-center justify-center px-6 text-center mt-8\">\n\n        <!-- LOGO VESPA AMARELA -->\n        <div class=\"w-64 md:w-80 mb-10\">\n            <!-- Certifique-se de atualizar o link da logo aqui se necess\u00e1rio -->\n            <img decoding=\"async\" src=\"VESPA AMARELA 2.png\" alt=\"Vespa Drones\" class=\"w-full h-auto object-contain drop-shadow-[0_0_20px_rgba(243,207,18,0.15)]\">\n        <\/div>\n\n        <!-- MENSAGEM PRINCIPAL -->\n        <h1 class=\"text-4xl md:text-6xl font-thin tracking-widest uppercase leading-tight mb-6 drop-shadow-xl\">\n            Novo site <br class=\"hidden md:block\">\n            <span class=\"font-black italic text-[#f3cf12] tracking-tighter drop-shadow-[0_0_15px_rgba(243,207,18,0.2)]\">em breve<\/span>\n        <\/h1>\n\n        <!-- DESTAQUES -->\n        <div class=\"flex flex-row items-center justify-center gap-2 md:gap-4 text-[9px] sm:text-xs md:text-sm font-medium mb-12 tracking-[0.2em] md:tracking-[0.4em] uppercase text-[#e0e0e0]\">\n            <span><span class=\"text-[#f3cf12] font-black\">Narrativas<\/span> Visuais<\/span>\n            <span class=\"text-[#606060]\">\u2022<\/span>\n            <span><span class=\"text-[#f3cf12] font-black\">Intelig\u00eancia<\/span> Espacial<\/span>\n        <\/div>\n\n        <!-- REDES SOCIAIS COM \u00cdCONES SVG INLINE -->\n        <div class=\"flex items-center justify-center gap-8 mb-12\">\n            <a href=\"https:\/\/instagram.com\/vespadrones\" target=\"_blank\" class=\"group flex flex-col items-center gap-2 text-[#606060] hover:text-[#f3cf12] transition-colors duration-300\">\n                <div class=\"w-12 h-12 rounded-full border border-[#444444] flex items-center justify-center group-hover:border-[#f3cf12] group-hover:bg-[#f3cf12]\/10 transition-all duration-300\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"pointer-events-none\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/><\/svg>\n                <\/div>\n                <span class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-[#555555] group-hover:text-[#f3cf12] transition-colors\">Instagram<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/tiktok.com\/@vespadrones\" target=\"_blank\" class=\"group flex flex-col items-center gap-2 text-[#606060] hover:text-[#f3cf12] transition-colors duration-300\">\n                <div class=\"w-12 h-12 rounded-full border border-[#444444] flex items-center justify-center group-hover:border-[#f3cf12] group-hover:bg-[#f3cf12]\/10 transition-all duration-300\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"pointer-events-none\"><path d=\"m22 8-6 4 6 4V8Z\"\/><rect width=\"14\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\" ry=\"2\"\/><\/svg>\n                <\/div>\n                <span class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-[#555555] group-hover:text-[#f3cf12] transition-colors\">TikTok<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- BOT\u00d5ES: WHATSAPP E CONSULTOR IA COM SVG INLINE -->\n        <div class=\"flex flex-col sm:flex-row flex-wrap justify-center items-center gap-4\">\n            <a href=\"https:\/\/wa.me\/5531999599079\" target=\"_blank\" class=\"inline-flex items-center gap-3 bg-[#25D366] text-white px-8 py-3 rounded-full text-xs font-black uppercase tracking-[0.2em] hover:bg-[#1ebd57] transition-all duration-300 shadow-lg shadow-[#25D366]\/20\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"pointer-events-none\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/><\/svg>\n                WhatsApp\n            <\/a>\n\n            <button id=\"openAiModal\" class=\"inline-flex items-center gap-2 border border-[#444444] bg-[#232323]\/80 backdrop-blur text-white px-8 py-3 rounded-full text-xs font-bold uppercase tracking-[0.2em] hover:border-[#f3cf12] hover:text-[#f3cf12] transition-all duration-300 shadow-[0_0_15px_rgba(243,207,18,0.05)] hover:shadow-[0_0_20px_rgba(243,207,18,0.2)]\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#f3cf12] pointer-events-none\"><rect width=\"16\" height=\"16\" x=\"4\" y=\"4\" rx=\"2\" ry=\"2\"\/><rect width=\"6\" height=\"6\" x=\"9\" y=\"9\" rx=\"1\" ry=\"1\"\/><path d=\"M15 2v2\"\/><path d=\"M15 20v2\"\/><path d=\"M2 15h2\"\/><path d=\"M2 9h2\"\/><path d=\"M20 15h2\"\/><path d=\"M20 9h2\"\/><path d=\"M9 2v2\"\/><path d=\"M9 20v2\"\/><\/svg> \n                Central de Intelig\u00eancia\n            <\/button>\n        <\/div>\n    <\/main>\n\n    <!-- FOOTER SIMPLES -->\n    <footer class=\"relative z-20 w-full text-center py-6 text-[#555555]\">\n        <p class=\"text-[9px] uppercase font-bold tracking-[0.4em]\">\n            Belo Horizonte, MG \u2022 \u00a9 2026 Vespa Drones\n        <\/p>\n    <\/footer>\n\n    <!-- MODAL DA CENTRAL DE INTELIG\u00caNCIA GEMINI -->\n    <div id=\"aiModal\" class=\"fixed inset-0 bg-[#050505]\/95 z-[1000000] hidden flex-col items-center justify-center p-4 md:p-6 opacity-0 transition-opacity duration-300\">\n        <div class=\"bg-[#1a1a1a] border border-[#444444] rounded-lg p-6 md:p-8 max-w-xl w-full relative shadow-[0_0_40px_rgba(0,0,0,0.8)] flex flex-col max-h-[90vh]\">\n            <!-- Bot\u00e3o Fechar -->\n            <button id=\"closeAiModal\" class=\"absolute top-4 right-4 text-[#555555] hover:text-[#f3cf12] transition-colors p-2\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"pointer-events-none\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n            <\/button>\n\n            <!-- Cabe\u00e7alho Modal -->\n            <div class=\"flex items-center gap-3 mb-6\">\n                <div class=\"w-10 h-10 rounded-full bg-[#f3cf12]\/10 border border-[#f3cf12]\/30 flex items-center justify-center\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#f3cf12] pointer-events-none\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><path d=\"M5 3v4\"\/><path d=\"M3 5h4\"\/><path d=\"M19 17v4\"\/><path d=\"M17 19h4\"\/><\/svg>\n                <\/div>\n                <div>\n                    <h3 class=\"text-[#f3cf12] font-black uppercase tracking-widest text-sm\">Central de Intelig\u00eancia<\/h3>\n                    <p class=\"text-[#606060] text-[10px] uppercase font-bold tracking-[0.2em]\">Powered by Gemini AI<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Tabs de Funcionalidades -->\n            <div class=\"flex gap-2 mb-6 border-b border-[#444444] pb-2\">\n                <button id=\"tabMission\" class=\"flex-1 pb-2 text-xs font-bold uppercase tracking-widest text-[#f3cf12] border-b-2 border-[#f3cf12] transition-colors flex justify-center items-center gap-2\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"pointer-events-none\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"22\" x2=\"18\" y1=\"12\" y2=\"12\"\/><line x1=\"6\" x2=\"2\" y1=\"12\" y2=\"12\"\/><line x1=\"12\" x2=\"12\" y1=\"6\" y2=\"2\"\/><line x1=\"12\" x2=\"12\" y1=\"22\" y2=\"18\"\/><\/svg> \n                    Plano de Miss\u00e3o\n                <\/button>\n                <button id=\"tabROI\" class=\"flex-1 pb-2 text-xs font-bold uppercase tracking-widest text-[#606060] border-b-2 border-transparent hover:text-[#e0e0e0] transition-colors flex justify-center items-center gap-2\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"pointer-events-none\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/><polyline points=\"16 7 22 7 22 13\"\/><\/svg> \n                    Efici\u00eancia\n                <\/button>\n            <\/div>\n\n            <p id=\"aiDescription\" class=\"text-[#e0e0e0] text-sm mb-4 leading-relaxed font-light\">\n                Descreva a sua necessidade (mapeamento, obra ou v\u00eddeo). A nossa IA gerar\u00e1 um plano estrat\u00e9gico com equipamentos, tempo e entreg\u00e1veis.\n            <\/p>\n\n            <textarea id=\"aiPrompt\" rows=\"3\" placeholder='Ex: \"Quero medir o volume de terra de um loteamento de 50 hectares\"' class=\"w-full bg-[#111111] border border-[#444444] rounded p-4 text-white text-sm focus:border-[#f3cf12] focus:ring-1 focus:ring-[#f3cf12] focus:outline-none transition-all mb-4 resize-none font-light\"><\/textarea>\n\n            <button id=\"submitAi\" class=\"w-full bg-[#f3cf12] text-black font-black uppercase tracking-widest text-xs py-4 rounded hover:bg-[#dea706] transition-all shadow-lg flex items-center justify-center gap-2\">\n                Processar Dados \n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"pointer-events-none\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n            <\/button>\n\n            <!-- Loading Interativo -->\n            <div id=\"aiLoading\" class=\"hidden mt-6 flex-col items-center gap-3 py-4\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"pointer-events-none animate-spin text-[#f3cf12]\"><path d=\"M19.07 4.93A10 10 0 0 0 6.99 3.34\"\/><path d=\"M4 6h.01\"\/><path d=\"M2.29 9.62A10 10 0 1 0 21.31 8.35\"\/><path d=\"M16.24 7.76A6 6 0 1 0 8.23 16.67\"\/><path d=\"M12 18h.01\"\/><path d=\"M17.99 11.66A6 6 0 0 1 15.77 16.67\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><path d=\"m13.41 10.59 5.66-5.66\"\/><\/svg>\n                <span id=\"loadingText\" class=\"text-[#f3cf12] text-[10px] uppercase font-bold tracking-widest animate-pulse\">Estabelecendo conex\u00e3o&#8230;<\/span>\n            <\/div>\n\n            <!-- Resultado -->\n            <div id=\"aiResponseContainer\" class=\"hidden mt-6 bg-[#111111] border border-[#444444] p-5 rounded relative flex-grow overflow-hidden flex-col\">\n                <div class=\"overflow-y-auto flex-grow pr-2 custom-scrollbar\">\n                    <p id=\"aiResponseText\" class=\"text-[#e0e0e0] text-sm font-light leading-relaxed whitespace-pre-wrap\"><\/p>\n                <\/div>\n                <a id=\"aiWhatsappBtn\" href=\"https:\/\/wa.me\/5531999599079\" target=\"_blank\" class=\"mt-5 flex-shrink-0 inline-flex items-center justify-center gap-2 w-full bg-[#25D366] text-white font-black uppercase tracking-widest text-[10px] py-3 rounded hover:bg-[#1ebd57] transition-all shadow-lg\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"pointer-events-none\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/><\/svg>\n                    <span id=\"whatsappBtnText\">Aprovar Plano no WhatsApp<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Configura\u00e7\u00f5es de IA\n    const apiKey = \"\"; \/\/ A chave \u00e9 injetada automaticamente\n    let currentMode = \"mission\";\n    \n    const prompts = {\n        mission: {\n            placeholder: 'Ex: \"Preciso filmar o avan\u00e7o de uma obra de 20 andares\" ou \"Quero mapear uma fazenda...\"',\n            desc: 'Descreva a sua necessidade (mapeamento, obra ou v\u00eddeo). A nossa IA gerar\u00e1 um plano estrat\u00e9gico com equipamentos, tempo e entreg\u00e1veis.',\n            sysPrompt: 'Voc\u00ea \u00e9 o arquiteto de solu\u00e7\u00f5es da Vespa Drones. Crie um PLANO DE MISS\u00c3O direto. Use emojis: \ud83d\ude81 EQUIPAMENTO SUGERIDO, \u23f1\ufe0f TEMPO ESTIMADO, \ud83d\udcca ENTREG\u00c1VEIS, \ud83d\udca1 INSIGHT T\u00c9CNICO. Termine convidando ao WhatsApp.'\n        },\n        roi: {\n            placeholder: 'Ex: \"Hoje uso 2 top\u00f3grafos andando no terreno durante 5 dias...\"',\n            desc: 'Descreva como realiza um processo hoje sem o uso de drones. A nossa IA calcular\u00e1 o impacto em efici\u00eancia e redu\u00e7\u00e3o de custos.',\n            sysPrompt: 'Voc\u00ea \u00e9 o consultor de neg\u00f3cios da Vespa Drones. O utilizador descrever\u00e1 um processo tradicional. Explique a revolu\u00e7\u00e3o com drones usando: \u23f3 OTIMIZA\u00c7\u00c3O DE TEMPO, \ud83d\udcb0 IMPACTO NO CUSTO, \ud83d\udee1\ufe0f SEGURAN\u00c7A. Seja direto.'\n        }\n    };\n\n    \/\/ Elementos DOM\n    const openModalBtn = document.getElementById('openAiModal');\n    const closeModalBtn = document.getElementById('closeAiModal');\n    const aiModal = document.getElementById('aiModal');\n    const submitAiBtn = document.getElementById('submitAi');\n    const aiPromptInput = document.getElementById('aiPrompt');\n    const aiLoading = document.getElementById('aiLoading');\n    const loadingText = document.getElementById('loadingText');\n    const aiResponseContainer = document.getElementById('aiResponseContainer');\n    const aiResponseText = document.getElementById('aiResponseText');\n    const aiDescription = document.getElementById('aiDescription');\n    const whatsappBtnText = document.getElementById('whatsappBtnText');\n    const tabMission = document.getElementById('tabMission');\n    const tabROI = document.getElementById('tabROI');\n\n    \/\/ Troca de Tabs\n    function switchTab(mode) {\n        currentMode = mode;\n        if(mode === 'mission') {\n            tabMission.classList.replace('text-[#606060]', 'text-[#f3cf12]');\n            tabMission.classList.replace('border-transparent', 'border-[#f3cf12]');\n            tabROI.classList.replace('text-[#f3cf12]', 'text-[#606060]');\n            tabROI.classList.replace('border-[#f3cf12]', 'border-transparent');\n            whatsappBtnText.innerText = 'Aprovar Plano no WhatsApp';\n        } else {\n            tabROI.classList.replace('text-[#606060]', 'text-[#f3cf12]');\n            tabROI.classList.replace('border-transparent', 'border-[#f3cf12]');\n            tabMission.classList.replace('text-[#f3cf12]', 'text-[#606060]');\n            tabMission.classList.replace('border-[#f3cf12]', 'border-transparent');\n            whatsappBtnText.innerText = 'Solicitar Or\u00e7amento no WhatsApp';\n        }\n        aiPromptInput.placeholder = prompts[mode].placeholder;\n        aiDescription.textContent = prompts[mode].desc;\n        aiPromptInput.value = '';\n        aiResponseContainer.classList.add('hidden');\n        aiResponseContainer.classList.remove('flex');\n        submitAiBtn.classList.remove('hidden');\n    }\n\n    tabMission.addEventListener('click', () => switchTab('mission'));\n    tabROI.addEventListener('click', () => switchTab('roi'));\n\n    \/\/ Controlo Modal\n    openModalBtn.addEventListener('click', () => {\n        aiModal.classList.remove('hidden');\n        aiModal.classList.add('flex');\n        setTimeout(() => aiModal.classList.remove('opacity-0'), 10);\n    });\n\n    closeModalBtn.addEventListener('click', () => {\n        aiModal.classList.add('opacity-0');\n        setTimeout(() => {\n            aiModal.classList.add('hidden');\n            aiModal.classList.remove('flex');\n        }, 300);\n    });\n\n    \/\/ Loading e Chamada \u00e0 API\n    let loadingInterval;\n    function startLoading() {\n        const msgs = [\"Calibrando sensores...\", \"Analisando viabilidade...\", \"Gerando plano estrat\u00e9gico...\"];\n        let i = 0; loadingText.textContent = msgs[0];\n        loadingInterval = setInterval(() => { i = (i + 1) % msgs.length; loadingText.textContent = msgs[i]; }, 1500);\n    }\n\n    submitAiBtn.addEventListener('click', async () => {\n        const prompt = aiPromptInput.value.trim();\n        if (!prompt) return;\n\n        submitAiBtn.classList.add('hidden');\n        aiResponseContainer.classList.add('hidden');\n        aiResponseContainer.classList.remove('flex');\n        aiLoading.classList.remove('hidden');\n        aiLoading.classList.add('flex');\n        startLoading();\n\n        try {\n            const response = await fetch(`https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`, {\n                method: 'POST', headers: { 'Content-Type': 'application\/json' },\n                body: JSON.stringify({ contents: [{ parts: [{ text: prompt }] }], systemInstruction: { parts: [{ text: prompts[currentMode].sysPrompt }] } })\n            });\n            const data = await response.json();\n            aiResponseText.textContent = data.candidates?.[0]?.content?.parts?.[0]?.text || \"Erro de processamento.\";\n        } catch (e) {\n            aiResponseText.textContent = \"Erro de conex\u00e3o. Contacte-nos no WhatsApp.\";\n        }\n\n        clearInterval(loadingInterval);\n        aiLoading.classList.add('hidden');\n        aiLoading.classList.remove('flex');\n        aiResponseContainer.classList.remove('hidden');\n        aiResponseContainer.classList.add('flex');\n\n        const intro = currentMode === 'mission' ? \"Aprovar o seguinte Plano:\" : \"Otimiza\u00e7\u00e3o sugerida:\";\n        document.getElementById('aiWhatsappBtn').href = `https:\/\/wa.me\/5531999599079?text=${encodeURIComponent(`Ol\u00e1, Vespa Drones!\\n\\n${intro}\\n\\n\"${prompt}\"`)}`;\n    });\n<\/script>\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Novo site em breve Narrativas Visuais \u2022 Intelig\u00eancia Espacial Instagram TikTok WhatsApp Central de Intelig\u00eancia Belo Horizonte, MG \u2022 \u00a9 2026 Vespa Drones Central de Intelig\u00eancia Powered by Gemini AI Plano de Miss\u00e3o Efici\u00eancia Descreva a sua necessidade (mapeamento, obra ou v\u00eddeo). A nossa IA gerar\u00e1 um plano estrat\u00e9gico com equipamentos, tempo e entreg\u00e1veis. Processar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vespadrones.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vespadrones.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vespadrones.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vespadrones.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vespadrones.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":4,"href":"https:\/\/vespadrones.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/vespadrones.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/vespadrones.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}