{"id":951,"date":"2025-08-27T15:00:18","date_gmt":"2025-08-27T18:00:18","guid":{"rendered":"http:\/\/dev.distribui.ai\/?page_id=951"},"modified":"2025-08-29T15:53:00","modified_gmt":"2025-08-29T18:53:00","slug":"home","status":"publish","type":"page","link":"https:\/\/distribui.ai\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"951\" class=\"elementor elementor-951\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-427816d elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"427816d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b16ba96 elementor-mobile-align-left elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"b16ba96\" data-element_type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/distribui.ai\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Logo-Distribui3-1.json&quot;,&quot;id&quot;:729,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5da49d4 elementor-widget elementor-widget-text-editor\" data-id=\"5da49d4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Estamos<b> acelerando<\/b> para chegar at\u00e9 voc\u00ea, aguarde&#8230;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e563880 elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"e563880\" data-element_type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/distribui.ai\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Loading-Moto-1.json&quot;,&quot;id&quot;:730,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbf14b4 elementor-widget elementor-widget-text-editor\" data-id=\"fbf14b4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Escolha uma pra\u00e7a e direcionamos voc\u00ea<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0549924 elementor-widget elementor-widget-html\" data-id=\"0549924\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-br\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Seletor de Cidades Personalizado<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        \/* Estilo para a fonte \"Inter\" e cores personalizadas *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap');\n        body, html {\n            font-family: 'Inter', sans-serif;\n            \/* Cor de fundo removida para deixar transparente *\/\n        }\n        .container-wrapper {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            \/* Altura m\u00ednima e padding removidos *\/\n            flex-direction: column;\n            background-color: transparent; \/* Fundo transparente *\/\n        }\n        \/* Estilo personalizado para o bot\u00e3o com a cor #FD5B25 *\/\n        .btn-custom-text {\n            color: #FD5B25;\n        }\n        \/* Efeito de hover para o bot\u00e3o *\/\n        .btn-custom:hover {\n            opacity: 0.9;\n        }\n        \/* Estilos adicionais para o seletor personalizado *\/\n        .custom-select-wrapper {\n            position: relative;\n        }\n        .custom-select {\n            display: flex;\n            align-items: center;\n            justify-content: space-between; \/* Mant\u00e9m o \u00edcone \u00e0 direita *\/\n            cursor: pointer;\n        }\n        .custom-select-options {\n            position: absolute;\n            top: 100%;\n            left: 0;\n            right: 0;\n            z-index: 10;\n            max-height: 200px;\n            overflow-y: auto;\n            border: 1px solid #e5e7eb;\n        }\n    <\/style>\n<\/head>\n<body class=\"text-white\">\n\n    <div class=\"container-wrapper\">\n        <div class=\"flex flex-col items-center space-y-8\">\n            <div class=\"flex flex-col items-center space-y-4\">\n                <div id=\"custom-select-wrapper\" class=\"custom-select-wrapper relative\">\n                    <div id=\"custom-select-display\" class=\"custom-select w-80 p-3 bg-white rounded-full shadow-lg\">\n                        <svg class=\"w-5 h-5 text-gray-400 mr-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" \/>\n                        <\/svg>\n                        <span id=\"selected-option-text\" class=\"text-gray-500 flex-grow\">Escolha uma pra\u00e7a...<\/span>\n                        <svg class=\"w-5 h-5 text-gray-400 ml-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                    <\/div>\n                    <ul id=\"custom-select-options\" class=\"custom-select-options mt-1 bg-white rounded-lg shadow-lg hidden\">\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"hipercap-mogi\">HIPERCAP MOGI<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"hipercap-abc\">HIPERCAP ABC<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"hipercap-litoral\">HIPERCAP LITORAL<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"mscap\">MSCAP<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"valecap\">VALECAP<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"vidacap-limeira\">VIDACAP LIMEIRA<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"vidacap-campinas\">VIDACAP CAMPINAS<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"hipersaude-ribeirao\">HIPERSAUDE RIBEIRAO<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"hipersaude-bauru\">HIPERSAUDE BAURU<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"saudecap-rio-preto\">SAUDECAP RIO PRETO<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"spcap-prudente\">SPCAP PRUDENTE<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"trifloripa-sul\">TRIFLORIPA SUL<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"trijoinville-norte\">TRIJOINVILLE NORTE<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"mega-mania\">MEGA MANIA<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"hiper-sorte-cg\">HIPER SORTE CG<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"natal-cap\">NATAL CAP<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"maranhao\">MARANHAO<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"tocantins\">TOCANTINS<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"agromania-da-sorte\">AGROMANIA DA SORTE<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"axe-da-sorte\">AXE DA SORTE<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"guanambi-premiavel\">GUANAMBI PREMIAVEL<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"alagoas\">ALAGOAS<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"feira-de-santana\">FEIRA DE SANTANA - PORTAL DA BAHIA<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"rio-de-janeiro\">RIO DE JANEIRO<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"goiania\">GOIANIA<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"brasilia\">BRASILIA<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"salvador\">SALVADOR<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"espirito-santo\">ESPIRITO SANTO<\/li>\n                        <li class=\"p-3 cursor-pointer hover:bg-gray-100 text-gray-800\" data-value=\"pernambuco\">PERNAMBUCO<\/li>\n                    <\/ul>\n                <\/div>\n\n                <button id=\"go-button\" class=\"w-full text-center bg-white btn-custom-text font-medium py-3 rounded-full shadow-lg transition duration-300 btn-custom flex items-center justify-center space-x-1\">\n                    <span>Ir<\/span>\n                    <svg class=\"w-4 h-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n            \n            <div id=\"message-box\" class=\"text-red-500 font-medium text-sm hidden\">\n                Por favor, selecione uma cidade.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ O c\u00f3digo JavaScript aqui lida com a l\u00f3gica de redirecionamento.\n\n        \/\/ Mapeamento das cidades para suas URLs correspondentes.\n        const cityUrls = {\n            'hipercap-mogi': 'https:\/\/hipercapmogi.hiperpix.net.br\/login.php',\n            'hipercap-abc': 'https:\/\/hipercapabc.hiperpix.net.br\/login.php',\n            'hipercap-litoral': 'https:\/\/hipercaplitoral.hiperpix.net.br\/login.php',\n            'mscap': 'https:\/\/mscap.hiperpix.net.br\/login.php',\n            'valecap': 'https:\/\/valecap.hiperpix.net.br\/login.php',\n            'vidacap-limeira': 'https:\/\/vidacaplimeira.hiperpix.net.br\/login.php',\n            'vidacap-campinas': 'https:\/\/vidacap.hiperpix.net.br\/login.php',\n            'hipersaude-ribeirao': 'https:\/\/hsauderibeirao.hiperpix.net.br\/login.php',\n            'hipersaude-bauru': 'https:\/\/hsaudebauru.hiperpix.net.br\/login.php',\n            'saudecap-rio-preto': 'https:\/\/riopreto.hiperpix.net.br\/login.php',\n            'spcap-prudente': 'https:\/\/spcap.hiperpix.net.br\/login.php',\n            'trifloripa-sul': 'https:\/\/trifloripa.hiperpix.net.br\/login.php',\n            'trijoinville-norte': 'https:\/\/trijoinville.hiperpix.net.br\/login.php',\n            'mega-mania': 'https:\/\/megamania.hiperpix.net.br\/login.php',\n            'hiper-sorte-cg': 'https:\/\/hipersortecg.hiperpix.net.br\/login.php',\n            'natal-cap': 'https:\/\/natalcap.hiperpix.net.br\/login.php',\n            'maranhao': 'https:\/\/maranhao.hiperpix.net.br\/login.php',\n            'tocantins': 'https:\/\/tocantins.hiperpix.net.br\/login.php',\n            'agromania-da-sorte': 'https:\/\/agromaniadasorte.hiperpix.net.br\/login.php',\n            'axe-da-sorte': 'https:\/\/axedasorte.hiperpix.net.br\/login.php',\n            'guanambi-premiavel': 'https:\/\/guanambipremiavel.hiperpix.net.br\/login.php',\n            'alagoas': 'https:\/\/alagoas.hiperpix.net.br\/login.php',\n            'feira-de-santana': 'https:\/\/portaldabahia.hiperpix.net.br\/login.php',\n            'rio-de-janeiro': 'https:\/\/riodejaneiro.hiperpix.net.br\/login.php',\n            'goiania': 'https:\/\/goiania.hiperpix.net.br\/login.php',\n            'brasilia': 'https:\/\/brasilia.hiperpix.net.br\/login.php',\n            'salvador': 'https:\/\/salvador.hiperpix.net.br\/login.php',\n            'espirito-santo': 'https:\/\/espiritosanto.hiperpix.net.br\/',\n            'pernambuco': 'https:\/\/pernambuco.hiperpix.net.br\/login.php'\n        };\n\n        \/\/ Captura os elementos HTML por seus IDs\n        const customSelectDisplay = document.getElementById('custom-select-display');\n        const customSelectOptions = document.getElementById('custom-select-options');\n        const selectedOptionText = document.getElementById('selected-option-text');\n        const goButton = document.getElementById('go-button');\n        const messageBox = document.getElementById('message-box');\n        const optionsList = document.querySelectorAll('#custom-select-options li');\n\n        let selectedValue = '';\n\n        \/\/ Mostra\/Esconde a lista de op\u00e7\u00f5es ao clicar no seletor\n        customSelectDisplay.addEventListener('click', () => {\n            customSelectOptions.classList.toggle('hidden');\n        });\n\n        \/\/ Adiciona um ouvinte de evento a cada op\u00e7\u00e3o na lista\n        optionsList.forEach(option => {\n            option.addEventListener('click', () => {\n                \/\/ Atualiza o valor e o texto exibido\n                selectedValue = option.dataset.value;\n                selectedOptionText.textContent = option.textContent;\n                selectedOptionText.classList.remove('text-gray-500');\n                \n                \/\/ Esconde a lista\n                customSelectOptions.classList.add('hidden');\n                \n                \/\/ Opcional: Esconde a mensagem de erro se o usu\u00e1rio selecionou algo\n                messageBox.classList.add('hidden');\n            });\n        });\n\n        \/\/ Adiciona um \"listener\" para o evento de clique no bot\u00e3o \"Ir\".\n        goButton.addEventListener('click', () => {\n            \/\/ Verifica se uma cidade foi selecionada.\n            if (selectedValue && selectedValue in cityUrls) {\n                \/\/ Se a cidade e a URL existirem, esconde a mensagem de erro.\n                messageBox.classList.add('hidden');\n                \/\/ Redireciona o usu\u00e1rio para a URL correspondente na mesma aba.\n                window.location.href = cityUrls[selectedValue];\n            } else {\n                \/\/ Se nenhuma cidade v\u00e1lida for selecionada, mostra a mensagem de erro.\n                messageBox.classList.remove('hidden');\n            }\n        });\n        \n        \/\/ Esconde a lista de op\u00e7\u00f5es se o usu\u00e1rio clicar fora dela\n        window.addEventListener('click', function(e) {\n            if (!document.getElementById('custom-select-wrapper').contains(e.target)){\n                customSelectOptions.classList.add('hidden');\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa37d28 elementor-widget__width-auto elementor-widget elementor-widget-text-editor\" data-id=\"fa37d28\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div>\u00a9 Copyright L4 TECH LTDA 2025. Todos os direitos reservados.<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0088a3 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"b0088a3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fd23170 e-con-full e-flex e-con e-child\" data-id=\"fd23170\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-704b255 elementor-align-left elementor-widget elementor-widget-lottie\" data-id=\"704b255\" data-element_type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/distribui.ai\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Logo-Distribui3.json&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;,&quot;source&quot;:&quot;url&quot;,&quot;alt&quot;:&quot;&quot;},&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28d3055 elementor-widget elementor-widget-text-editor\" data-id=\"28d3055\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Estamos <strong> acelerando <\/strong> para chegar at\u00e9 voc\u00ea, aguarde&#8230;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e3cefc elementor-widget elementor-widget-text-editor\" data-id=\"3e3cefc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Escolha uma pra\u00e7a e direcionamos voc\u00ea<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dcf7347 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"dcf7347\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-br\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Seletor de Cidades \u2014 Estilizado<\/title>\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:\/\/cdn.tailwindcss.com\"><\/script>\n  <style>\n    body, html {\n      font-family: 'Inter', sans-serif;\n    }\n  <\/style>\n<\/head>\n<body class=\"flex flex-col justify-center items-center min-h-screen p-4 bg-gradient-to-br from-orange-50 to-red-100\">\n\n  <!-- Container Principal -->\n  <div class=\"w-full max-w-md\">\n    <div class=\"flex flex-row space-x-3 items-center\">\n      <!-- Seletor customizado -->\n      <div id=\"custom-select-wrapper-desktop\" class=\"relative flex-grow\">\n        <div id=\"custom-select-display-desktop\" class=\"flex items-center justify-between p-3 bg-white rounded-full shadow-lg cursor-pointer w-full transition-all duration-300 hover:shadow-xl\">\n          <svg class=\"w-5 h-5 text-gray-400 mr-3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" \/>\n          <\/svg>\n          <span id=\"selected-option-text-desktop\" class=\"text-gray-500 flex-grow font-normal\">Escolha uma pra\u00e7a...<\/span>\n          <svg id=\"chevron-icon-desktop\" class=\"w-5 h-5 text-gray-500 ml-2 transition-transform duration-300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\" \/>\n          <\/svg>\n        <\/div>\n        <!-- Op\u00e7\u00f5es do seletor -->\n        <ul id=\"custom-select-options-desktop\" class=\"absolute top-full left-0 right-0 z-10 mt-2 bg-white rounded-2xl shadow-lg hidden max-h-60 overflow-y-auto border border-gray-100\">\n          <!-- Itens da lista -->\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"hipercap-mogi\">HIPERCAP MOGI<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"hipercap-abc\">HIPERCAP ABC<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"hipercap-litoral\">HIPERCAP LITORAL<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"mscap\">MSCAP<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"valecap\">VALECAP<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"vidacap-limeira\">VIDACAP LIMEIRA<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"vidacap-campinas\">VIDACAP CAMPINAS<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"hipersaude-ribeirao\">HIPERSAUDE RIBEIRAO<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"hipersaude-bauru\">HIPERSAUDE BAURU<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"saudecap-rio-preto\">SAUDECAP RIO PRETO<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"spcap-prudente\">SPCAP PRUDENTE<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"trifloripa-sul\">TRIFLORIPA SUL<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"trijoinville-norte\">TRIJOINVILLE NORTE<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"mega-mania\">MEGA MANIA<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"hiper-sorte-cg\">HIPER SORTE CG<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"natal-cap\">NATAL CAP<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"maranhao\">MARANHAO<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"tocantins\">TOCANTINS<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"agromania-da-sorte\">AGROMANIA DA SORTE<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"axe-da-sorte\">AXE DA SORTE<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"guanambi-premiavel\">GUANAMBI PREMIAVEL<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"alagoas\">ALAGOAS<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"feira-de-santana\">FEIRA DE SANTANA - PORTAL DA BAHIA<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"rio-de-janeiro\">RIO DE JANEIRO<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"goiania\">GOIANIA<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"brasilia\">BRASILIA<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"salvador\">SALVADOR<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"espirito-santo\">ESPIRITO SANTO<\/li>\n          <li class=\"p-3 cursor-pointer hover:bg-orange-50 text-gray-800 font-normal transition-colors duration-200\" data-value=\"pernambuco\">PERNAMBUCO<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Bot\u00e3o \"Ir\" estilizado -->\n      <button id=\"go-button-desktop\" class=\"flex items-center bg-white text-[#FD5B25] font-normal py-3 px-6 rounded-full shadow-lg hover:bg-gray-100 hover:scale-105 transform transition-all duration-300 ease-in-out whitespace-nowrap\">\n        Ir\n        <svg class=\"w-5 h-5 ml-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\" \/>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n    <!-- Caixa de mensagem de erro -->\n    <div id=\"message-box-desktop\" class=\"text-red-600 bg-red-100 border border-red-200 font-medium text-sm mt-4 p-3 rounded-xl hidden w-full text-center\">\n      Por favor, selecione uma pra\u00e7a para continuar.\n    <\/div>\n  <\/div>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function () {\n      \/\/ Objeto com as URLs para cada cidade\n      const cityUrls = {\n        'hipercap-mogi': 'https:\/\/hipercapmogi.hiperpix.net.br\/login.php',\n        'hipercap-abc': 'https:\/\/hipercapabc.hiperpix.net.br\/login.php',\n        'hipercap-litoral': 'https:\/\/hipercaplitoral.hiperpix.net.br\/login.php',\n        'mscap': 'https:\/\/mscap.hiperpix.net.br\/login.php',\n        'valecap': 'https:\/\/valecap.hiperpix.net.br\/login.php',\n        'vidacap-limeira': 'https:\/\/vidacaplimeira.hiperpix.net.br\/login.php',\n        'vidacap-campinas': 'https:\/\/vidacap.hiperpix.net.br\/login.php',\n        'hipersaude-ribeirao': 'https:\/\/hsauderibeirao.hiperpix.net.br\/login.php',\n        'hipersaude-bauru': 'https:\/\/hsaudebauru.hiperpix.net.br\/login.php',\n        'saudecap-rio-preto': 'https:\/\/riopreto.hiperpix.net.br\/login.php',\n        'spcap-prudente': 'https:\/\/spcap.hiperpix.net.br\/login.php',\n        'trifloripa-sul': 'https:\/\/trifloripa.hiperpix.net.br\/login.php',\n        'trijoinville-norte': 'https:\/\/trijoinville.hiperpix.net.br\/login.php',\n        'mega-mania': 'https:\/\/megamania.hiperpix.net.br\/login.php',\n        'hiper-sorte-cg': 'https:\/\/hipersortecg.hiperpix.net.br\/login.php',\n        'natal-cap': 'https:\/\/natalcap.hiperpix.net.br\/login.php',\n        'maranhao': 'https:\/\/maranhao.hiperpix.net.br\/login.php',\n        'tocantins': 'https:\/\/tocantins.hiperpix.net.br\/login.php',\n        'agromania-da-sorte': 'https:\/\/agromaniadasorte.hiperpix.net.br\/login.php',\n        'axe-da-sorte': 'https:\/\/axedasorte.hiperpix.net.br\/login.php',\n        'guanambi-premiavel': 'https:\/\/guanambipremiavel.hiperpix.net.br\/login.php',\n        'alagoas': 'https:\/\/alagoas.hiperpix.net.br\/login.php',\n        'feira-de-santana': 'https:\/\/portaldabahia.hiperpix.net.br\/login.php',\n        'rio-de-janeiro': 'https:\/\/riodejaneiro.hiperpix.net.br\/login.php',\n        'goiania': 'https:\/\/goiania.hiperpix.net.br\/login.php',\n        'brasilia': 'https:\/\/brasilia.hiperpix.net.br\/login.php',\n        'salvador': 'https:\/\/salvador.hiperpix.net.br\/login.php',\n        'espirito-santo': 'https:\/\/espiritosanto.hiperpix.net.br\/',\n        'pernambuco': 'https:\/\/pernambuco.hiperpix.net.br\/login.php',\n      };\n\n      \/\/ Sele\u00e7\u00e3o dos elementos do DOM\n      const display = document.getElementById('custom-select-display-desktop');\n      const options = document.getElementById('custom-select-options-desktop');\n      const optionItems = document.querySelectorAll('#custom-select-options-desktop li');\n      const goBtn = document.getElementById('go-button-desktop');\n      const messageBox = document.getElementById('message-box-desktop');\n      const chevronIcon = document.getElementById('chevron-icon-desktop');\n      let selectedValue = '';\n\n      \/\/ Evento para abrir\/fechar a lista de op\u00e7\u00f5es\n      display.addEventListener('click', () => {\n        options.classList.toggle('hidden');\n        chevronIcon.classList.toggle('rotate-180'); \/\/ Gira o \u00edcone de seta\n      });\n\n      \/\/ Evento para cada item da lista\n      optionItems.forEach(option => {\n        option.addEventListener('click', () => {\n          selectedValue = option.dataset.value;\n          const selectedOptionText = document.getElementById('selected-option-text-desktop');\n          selectedOptionText.textContent = option.textContent;\n          selectedOptionText.classList.remove('text-gray-500');\n          selectedOptionText.classList.add('text-gray-900');\n          options.classList.add('hidden');\n          chevronIcon.classList.remove('rotate-180');\n          messageBox.classList.add('hidden');\n        });\n      });\n\n      \/\/ Evento do bot\u00e3o \"Ir\"\n      goBtn.addEventListener('click', () => {\n        if (selectedValue && cityUrls[selectedValue]) {\n          \/\/ Redireciona para a URL da cidade selecionada\n          window.location.href = cityUrls[selectedValue];\n        } else {\n          \/\/ Mostra a mensagem de erro\n          messageBox.classList.remove('hidden');\n        }\n      });\n\n      \/\/ Fecha o seletor se clicar fora dele\n      window.addEventListener('click', e => {\n        if (!document.getElementById('custom-select-wrapper-desktop').contains(e.target)) {\n          options.classList.add('hidden');\n          chevronIcon.classList.remove('rotate-180');\n        }\n      });\n    });\n  <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4023bd elementor-widget__width-auto elementor-widget elementor-widget-text-editor\" data-id=\"c4023bd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div>\u00a0\u00a9 Copyright L4 TECH LTDA 2025. Todos os direitos reservados.<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa5aa4c e-con-full e-flex e-con e-child\" data-id=\"aa5aa4c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d23358 elementor-widget__width-inherit elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"1d23358\" data-element_type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/distribui.ai\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Loading-Moto-1.json&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;,&quot;source&quot;:&quot;url&quot;,&quot;alt&quot;:&quot;&quot;},&quot;loop&quot;:&quot;yes&quot;,&quot;renderer&quot;:&quot;canvas&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]}}\" data-widget_type=\"lottie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Estamos acelerando para chegar at\u00e9 voc\u00ea, aguarde&#8230; Escolha uma pra\u00e7a e direcionamos voc\u00ea Seletor de Cidades Personalizado Escolha uma pra\u00e7a&#8230; HIPERCAP MOGI HIPERCAP ABC HIPERCAP LITORAL MSCAP VALECAP VIDACAP LIMEIRA VIDACAP CAMPINAS HIPERSAUDE RIBEIRAO HIPERSAUDE BAURU SAUDECAP RIO PRETO SPCAP PRUDENTE TRIFLORIPA SUL TRIJOINVILLE NORTE MEGA MANIA HIPER SORTE CG NATAL CAP MARANHAO TOCANTINS AGROMANIA [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-951","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/distribui.ai\/index.php?rest_route=\/wp\/v2\/pages\/951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/distribui.ai\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/distribui.ai\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/distribui.ai\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/distribui.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=951"}],"version-history":[{"count":156,"href":"https:\/\/distribui.ai\/index.php?rest_route=\/wp\/v2\/pages\/951\/revisions"}],"predecessor-version":[{"id":1350,"href":"https:\/\/distribui.ai\/index.php?rest_route=\/wp\/v2\/pages\/951\/revisions\/1350"}],"wp:attachment":[{"href":"https:\/\/distribui.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}