{"id":29647,"date":"2026-03-13T01:53:17","date_gmt":"2026-03-13T01:53:17","guid":{"rendered":"https:\/\/yraka.co\/?page_id=29647"},"modified":"2026-03-13T02:39:38","modified_gmt":"2026-03-13T02:39:38","slug":"innpulsa","status":"publish","type":"page","link":"https:\/\/yraka.co\/index.php\/innpulsa\/","title":{"rendered":"INNpulsa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29647\" class=\"elementor elementor-29647\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-858629e elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"858629e\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ca04dc2\" data-id=\"ca04dc2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f51cd72 elementor-widget elementor-widget-html\" data-id=\"f51cd72\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Portal de Campo - iNNpulsa \/ Yraka<\/title>\n    <!-- Fuente Oficial: Nunito Sans -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito+Sans:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Lucide Icons -->\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n    <style>\n        body {\n            font-family: 'Nunito Sans', sans-serif;\n            background-color: #f1f5f9;\n            overflow-x: hidden;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        \/* Animaciones Ligeras CSS *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .animate-fade-up {\n            animation: fadeInUp 0.6s ease-out forwards;\n        }\n\n        .delay-100 { animation-delay: 0.1s; }\n        .delay-200 { animation-delay: 0.2s; }\n        .delay-300 { animation-delay: 0.3s; }\n\n        \/* Efectos de Interacci\u00f3n *\/\n        .card-hover {\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n        \n        @media (hover: hover) {\n            .card-hover:hover {\n                transform: translateY(-8px);\n                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);\n            }\n            .card-hover:hover .icon-box {\n                transform: scale(1.1) rotate(5deg);\n            }\n        }\n\n        .icon-box {\n            transition: transform 0.3s ease;\n        }\n\n        .brand-gradient-blue {\n            background: linear-gradient(135deg, #005596 0%, #003d6b 100%);\n        }\n        .brand-gradient-teal {\n            background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);\n        }\n\n        #passwordModal {\n            display: none;\n            backdrop-filter: blur(8px);\n            transition: all 0.3s ease;\n        }\n\n        \/* Ajuste de precisi\u00f3n para el logo compensando el espacio en blanco del archivo original *\/\n        .logo-refined {\n            height: 55px !important;\n            width: auto;\n            object-fit: contain;\n        }\n\n        @media (max-width: 640px) {\n            .logo-refined {\n                height: 42px !important;\n            }\n        }\n\n        \/* Animaci\u00f3n de error personalizada *\/\n        @keyframes shake {\n            0%, 100% { transform: translateX(0); }\n            25% { transform: translateX(-8px); }\n            50% { transform: translateX(8px); }\n            75% { transform: translateX(-8px); }\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen flex flex-col opacity-0 animate-fade-up\">\n\n    <!-- CUERPO PRINCIPAL -->\n    <main class=\"flex-grow container mx-auto px-6 py-10 sm:py-20 max-w-5xl\">\n        \n        <!-- SECCI\u00d3N DE CABECERA -->\n        <div class=\"text-center animate-fade-up delay-100\">\n            <!-- Logo Yraka -->\n            <div class=\"flex justify-center items-center mb-16 sm:mb-24\"> \n                <img decoding=\"async\" src=\"https:\/\/yraka.co\/wp-content\/uploads\/2026\/03\/muestra-1-scaled.png\" \n                     alt=\"Logo Yraka\" \n                     class=\"logo-refined\"\n                     onerror=\"this.src='https:\/\/placehold.co\/150x55\/ffffff\/005596?text=Yraka'\">\n            <\/div>\n            \n            <!-- T\u00edtulo Principal -->\n            <div class=\"mb-12\">\n                <h1 class=\"text-3xl sm:text-5xl font-extrabold text-gray-800 mb-6 tracking-tight italic leading-tight\">\n                    M\u00f3dulo de Gesti\u00f3n Territorial\n                <\/h1>\n                <p class=\"text-gray-600 max-w-2xl mx-auto text-lg sm:text-xl leading-relaxed font-light\">\n                    Portal de recolecci\u00f3n estrat\u00e9gica de informaci\u00f3n para profesionales de campo.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- GRILLA DE ACCIONES -->\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 sm:gap-12 animate-fade-up delay-200\">\n            \n            <!-- TARJETA 1: INICIAR ENCUESTA -->\n            <div class=\"bg-white rounded-[2.5rem] p-8 sm:p-12 card-hover border border-white\/60 flex flex-col items-center text-center shadow-xl shadow-slate-200\/50\">\n                <div class=\"icon-box w-20 h-20 bg-blue-50 text-[#005596] rounded-3xl flex items-center justify-center mb-8 shadow-inner\">\n                    <i data-lucide=\"clipboard-edit\" class=\"w-10 h-10\"><\/i>\n                <\/div>\n                <h2 class=\"text-2xl sm:text-3xl font-bold text-gray-800 mb-4\">Recolecci\u00f3n de Datos<\/h2>\n                <p class=\"text-gray-500 mb-10 flex-grow leading-relaxed text-base sm:text-lg\">\n                    Registro oficial de nuevos emprendimientos y visitas t\u00e9cnicas detalladas.\n                <\/p>\n                <!-- Abre en nueva pesta\u00f1a -->\n                <a href=\"https:\/\/form.jotform.com\/260705398866067\" \n                   target=\"_blank\"\n                   rel=\"noopener noreferrer\"\n                   class=\"brand-gradient-blue w-full py-5 px-8 text-white font-bold text-lg rounded-xl shadow-lg hover:brightness-110 active:scale-[0.97] transition-all flex items-center justify-center gap-3\">\n                    <i data-lucide=\"plus-circle\" class=\"w-6 h-6\"><\/i>\n                    INICIAR ENCUESTA\n                <\/a>\n            <\/div>\n\n            <!-- TARJETA 2: GR\u00c1FICAS DE SEGUIMIENTO -->\n            <div class=\"bg-white rounded-[2.5rem] p-8 sm:p-12 card-hover border border-white\/60 flex flex-col items-center text-center shadow-xl shadow-slate-200\/50\">\n                <div class=\"icon-box w-20 h-20 bg-teal-50 text-teal-600 rounded-3xl flex items-center justify-center mb-8 shadow-inner\">\n                    <i data-lucide=\"bar-chart-3\" class=\"w-10 h-10\"><\/i>\n                <\/div>\n                <h2 class=\"text-2xl sm:text-3xl font-bold text-gray-800 mb-4\">Gr\u00e1ficas Seguimiento<\/h2>\n                <p class=\"text-gray-500 mb-10 flex-grow leading-relaxed text-base sm:text-lg\">\n                    Acceso a m\u00e9tricas de impacto, KPIs y estado de la operaci\u00f3n territorial.\n                <\/p>\n                <button onclick=\"toggleModal(true)\"\n                   class=\"brand-gradient-teal w-full py-5 px-8 text-white font-bold text-lg rounded-xl shadow-lg hover:brightness-110 active:scale-[0.97] transition-all flex items-center justify-center gap-3\">\n                    <i data-lucide=\"lock\" class=\"w-6 h-6\"><\/i>\n                    VER REPORTES\n                <\/button>\n            <\/div>\n\n        <\/div>\n\n        <!-- NOTA DE SEGURIDAD -->\n        <div class=\"mt-20 sm:mt-32 animate-fade-up delay-300\">\n            <div class=\"bg-slate-900\/95 backdrop-blur-md text-white rounded-3xl p-8 flex flex-col md:flex-row items-center justify-between gap-6 border border-slate-700\">\n                <div class=\"flex items-center gap-5 text-center md:text-left\">\n                    <div class=\"p-3 bg-blue-500\/10 rounded-2xl\">\n                        <i data-lucide=\"shield-check\" class=\"w-8 h-8 text-blue-400\"><\/i>\n                    <\/div>\n                    <div>\n                        <p class=\"font-bold uppercase tracking-widest text-[10px] text-blue-400 mb-1\">Entorno de Operaci\u00f3n Segura<\/p>\n                        <p class=\"text-sm font-light opacity-80 leading-snug\">Protocolo de seguridad activo. Informaci\u00f3n bajo reserva institucional.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex items-center gap-4\">\n                    <span class=\"inline-block px-4 py-1.5 bg-slate-800 border border-slate-700 rounded-full text-[10px] font-bold tracking-widest uppercase text-slate-400\">\n                        V 1.4.3 \u2022 STABLE\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/main>\n\n    <!-- FOOTER -->\n    <footer class=\"bg-white\/50 py-10 border-t border-gray-200 animate-fade-up delay-300\">\n        <div class=\"max-w-6xl mx-auto px-4 text-center\">\n            <p class=\"text-gray-400 text-sm font-medium\">\n                \u00a9 2024 iNNpulsa Colombia | Alianza Tecnol\u00f3gica <span class=\"text-gray-600 font-bold\">Yraka.co<\/span>\n            <\/p>\n        <\/div>\n    <\/footer>\n\n    <!-- MODAL DE CONTRASE\u00d1A -->\n    <div id=\"passwordModal\" class=\"fixed inset-0 z-[100] flex items-center justify-center p-4 bg-slate-900\/80\">\n        <div class=\"bg-white w-full max-w-sm rounded-[2.5rem] shadow-2xl overflow-hidden animate-in fade-in zoom-in duration-300\">\n            <div class=\"p-8 sm:p-12 text-center\">\n                <div class=\"w-20 h-20 bg-teal-50 text-teal-600 rounded-full flex items-center justify-center mx-auto mb-8 shadow-sm\">\n                    <i data-lucide=\"key-round\" class=\"w-10 h-10\"><\/i>\n                <\/div>\n                <h3 class=\"text-2xl sm:text-3xl font-extrabold text-gray-800 mb-4\">Validar Acceso<\/h3>\n                <p class=\"text-gray-500 text-sm mb-8 px-2 leading-relaxed italic\">Ingrese la credencial de seguridad de Consultorio Empresarial.<\/p>\n                \n                <div class=\"space-y-5\">\n                    <input type=\"password\" id=\"accessCode\" \n                        class=\"w-full px-6 py-4 border-2 border-slate-100 rounded-2xl focus:border-teal-500 focus:outline-none text-center text-xl tracking-[0.5em] font-bold bg-slate-50 transition-all\"\n                        placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\"\n                        onkeydown=\"if(event.key==='Enter') validateAccess()\">\n                    \n                    <div id=\"errorMessage\" class=\"flex items-center justify-center gap-2 text-red-500 text-xs font-bold hidden bg-red-50 py-2 rounded-lg\">\n                        <i data-lucide=\"alert-circle\" class=\"w-4 h-4\"><\/i>\n                        Clave de acceso incorrecta\n                    <\/div>\n                    \n                    <button onclick=\"validateAccess()\" \n                        class=\"brand-gradient-teal w-full py-4 text-white font-extrabold rounded-2xl shadow-xl shadow-teal-500\/20 hover:scale-[1.02] active:scale-95 transition-all text-lg tracking-wide uppercase\">\n                        INGRESAR\n                    <\/button>\n                    \n                    <button onclick=\"toggleModal(false)\" class=\"w-full text-slate-400 text-sm font-bold hover:text-slate-600 transition-colors py-2\">\n                        Regresar\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Inicializar Iconos con Lucide\n        lucide.createIcons();\n\n        \/\/ URL del reporte actualizada\n        const SECURE_LINK = \"https:\/\/www.jotform.com\/report\/26070832783605912\";\n        const ACCESS_KEY = \"ConsultorioEmpresarial26*\";\n\n        function toggleModal(show) {\n            const modal = document.getElementById('passwordModal');\n            const input = document.getElementById('accessCode');\n            const error = document.getElementById('errorMessage');\n            \n            if (show) {\n                modal.style.display = 'flex';\n                input.value = '';\n                error.classList.add('hidden');\n                setTimeout(() => input.focus(), 150);\n            } else {\n                modal.style.display = 'none';\n            }\n        }\n\n        function validateAccess() {\n            const input = document.getElementById('accessCode').value;\n            const error = document.getElementById('errorMessage');\n            const modalBox = document.querySelector('#passwordModal > div');\n\n            if (input === ACCESS_KEY) {\n                \/\/ Abre el reporte en una nueva pesta\u00f1a tras validar\n                window.open(SECURE_LINK, '_blank');\n                toggleModal(false);\n            } else {\n                error.classList.remove('hidden');\n                document.getElementById('accessCode').value = '';\n                \n                \/\/ Efecto de sacudida (shake) ante error\n                modalBox.style.animation = 'none';\n                void modalBox.offsetWidth; \/\/ Trigger reflow\n                modalBox.style.animation = 'shake 0.4s ease-in-out';\n            }\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portal de Campo &#8211; iNNpulsa \/ Yraka M\u00f3dulo de Gesti\u00f3n Territorial Portal de recolecci\u00f3n estrat\u00e9gica de informaci\u00f3n para profesionales de campo. Recolecci\u00f3n de Datos Registro oficial de nuevos emprendimientos y visitas t\u00e9cnicas detalladas. INICIAR ENCUESTA Gr\u00e1ficas Seguimiento Acceso a m\u00e9tricas de impacto, KPIs y estado de la operaci\u00f3n territorial. VER REPORTES Entorno de Operaci\u00f3n Segura Protocolo de seguridad activo. Informaci\u00f3n [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-29647","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yraka.co\/index.php\/wp-json\/wp\/v2\/pages\/29647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yraka.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yraka.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yraka.co\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yraka.co\/index.php\/wp-json\/wp\/v2\/comments?post=29647"}],"version-history":[{"count":37,"href":"https:\/\/yraka.co\/index.php\/wp-json\/wp\/v2\/pages\/29647\/revisions"}],"predecessor-version":[{"id":29687,"href":"https:\/\/yraka.co\/index.php\/wp-json\/wp\/v2\/pages\/29647\/revisions\/29687"}],"wp:attachment":[{"href":"https:\/\/yraka.co\/index.php\/wp-json\/wp\/v2\/media?parent=29647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}