{"id":188,"date":"2026-02-26T03:42:09","date_gmt":"2026-02-26T02:42:09","guid":{"rendered":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/?page_id=188"},"modified":"2026-02-26T04:43:46","modified_gmt":"2026-02-26T03:43:46","slug":"ripconciv","status":"publish","type":"page","link":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/ripconciv\/","title":{"rendered":"RIPCONCIV"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"188\" class=\"elementor elementor-188\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb69bd1 e-flex e-con-boxed e-con e-parent\" data-id=\"eb69bd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b09f05 elementor-widget elementor-widget-html\" data-id=\"3b09f05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Diagn\u00f3stico de Viabilidad Tecnol\u00f3gica | Intellect Systems<\/title>\r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Google Fonts: Inter para texto base, Montserrat para alinear con el logotipo de Ripconciv -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <!-- Lucide Icons -->\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n    \r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                        display: ['Montserrat', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        corporate: {\r\n                            50: '#f4f6f9',\r\n                            100: '#e4eaf2',\r\n                            200: '#cdd7e6',\r\n                            300: '#a7bbd3',\r\n                            400: '#7b98bc',\r\n                            500: '#5a7aa5',\r\n                            600: '#466188',\r\n                            700: '#394e6f',\r\n                            800: '#32425d',\r\n                            900: '#1A3252',\r\n                            950: '#11223a',\r\n                        },\r\n                        accent: {\r\n                            blue: '#2B4A70',\r\n                            green: '#00875a'\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        \/* ==========================================================\r\n           FORZAR PANTALLA COMPLETA EN WORDPRESS \/ ELEMENTOR \r\n           (OPCI\u00d3N NUCLEAR: OVERLAY ABSOLUTO)\r\n           ========================================================== *\/\r\n        \r\n        \/* 1. Bloqueamos el scroll del cuerpo original de WordPress *\/\r\n        html, body {\r\n            overflow: hidden !important; \r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n        }\r\n\r\n        \/* 2. Ocultamos elementos conocidos *\/\r\n        header, footer:not(#contacto), .site-header, .site-footer, .page-title, .entry-title, .elementor-page-title, h1.entry-title {\r\n            display: none !important;\r\n        }\r\n\r\n        \/* 3. EL HACK DEFINITIVO *\/\r\n        #intellect-landing-wrapper {\r\n            position: fixed !important;\r\n            top: 0 !important;\r\n            left: 0 !important;\r\n            width: 100vw !important;\r\n            height: 100vh !important;\r\n            background-color: #f4f6f9 !important;\r\n            overflow-y: auto !important; \r\n            overflow-x: hidden !important;\r\n            z-index: 2147483647 !important; \r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        .elementor-widget-html, .elementor-widget-container {\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n        }\r\n        \r\n        \/* Ajuste de logo Ripconciv *\/\r\n        .ripconciv-logo-img {\r\n            height: 40px !important;\r\n            width: auto !important;\r\n            max-width: 180px !important;\r\n            object-fit: contain !important;\r\n        }\r\n        @media (min-width: 768px) {\r\n            .ripconciv-logo-img {\r\n                height: 50px !important;\r\n                max-width: 200px !important;\r\n            }\r\n        }\r\n\r\n        \/* Ajuste estricto logo Intellect Cabecera (Forzado contra el tema WP) *\/\r\n        .intellect-header-logo {\r\n            height: 22px !important; \/* Tama\u00f1o peque\u00f1o y elegante forzado *\/\r\n            width: auto !important;\r\n            max-width: 120px !important;\r\n            object-fit: contain !important;\r\n            display: block !important;\r\n            filter: none !important; \/* Obliga a que NO sea gris *\/\r\n            opacity: 1 !important;   \/* Evita cualquier transparencia *\/\r\n            margin: 4px 0 0 0 !important;\r\n            padding: 0 !important;\r\n            border: none !important;\r\n            box-shadow: none !important;\r\n        }\r\n\r\n        \/* Modal Styles *\/\r\n        .custom-modal { transition: opacity 0.3s ease-in-out; }\r\n        .custom-modal.hidden { opacity: 0; pointer-events: none; }\r\n        .custom-modal:not(.hidden) { opacity: 1; pointer-events: auto; }\r\n\r\n        \/* ========================================================== *\/\r\n\r\n        body { font-family: 'Inter', sans-serif; }\r\n        h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }\r\n        .hero-pattern {\r\n            background-color: #1A3252;\r\n            background-image: radial-gradient(#394e6f 1px, transparent 1px);\r\n            background-size: 32px 32px;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-corporate-50 text-corporate-800 antialiased\">\r\n\r\n<!-- ENVOLTURA PARA ROMPER EL CONTENEDOR DE WORDPRESS -->\r\n<div id=\"intellect-landing-wrapper\">\r\n\r\n    <!-- Navegaci\u00f3n -->\r\n    <nav class=\"bg-white border-b border-corporate-200 sticky top-0 z-50 w-full shadow-sm\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex justify-between h-20 items-center\">\r\n                <!-- Ripconciv Logo Area -->\r\n                <div class=\"flex items-center gap-4\">\r\n                    <img decoding=\"async\" src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/ripconciv-1.png\" alt=\"Ripconciv\" class=\"ripconciv-logo-img\">\r\n                    <div class=\"hidden lg:block h-6 w-px bg-corporate-200\"><\/div>\r\n                    <span class=\"hidden lg:block text-[9px] text-corporate-400 font-bold tracking-widest uppercase border border-corporate-200 px-2 py-0.5 rounded-sm\">\r\n                        Privado\r\n                    <\/span>\r\n                <\/div>\r\n                \r\n                <!-- Right Side (Intellect Branding & CTA) -->\r\n                <div class=\"ml-auto flex items-center gap-6\">\r\n                    <div class=\"hidden md:flex flex-col items-end\">\r\n                        <span class=\"text-[8px] uppercase font-bold tracking-widest text-corporate-400\">Propuesta elaborada por<\/span>\r\n                        <img decoding=\"async\" src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/logo-intellect-png.png\" alt=\"Intellect Systems\" class=\"intellect-header-logo\">\r\n                    <\/div>\r\n                    <a href=\"#diagnostico-form\" class=\"text-xs sm:text-sm font-bold text-corporate-600 hover:text-corporate-900 uppercase tracking-wide transition flex items-center gap-2\">\r\n                        <i data-lucide=\"file-check-2\" class=\"h-4 w-4\"><\/i>\r\n                        \u00c1rea de Auditor\u00eda\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- 1. Secci\u00f3n Hero -->\r\n    <section class=\"hero-pattern text-white py-24 lg:py-32 relative overflow-hidden w-full\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"max-w-3xl\">\r\n                <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-corporate-800 border border-corporate-700 text-sm font-medium mb-6 text-corporate-200\">\r\n                    <i data-lucide=\"shield-check\" class=\"h-4 w-4\"><\/i>\r\n                    Implementaci\u00f3n Tecnol\u00f3gica Estructurada\r\n                <\/div>\r\n                <h1 class=\"text-4xl md:text-5xl font-bold tracking-tight leading-tight mb-6\">\r\n                    Deje de financiar las sorpresas de su implementaci\u00f3n tecnol\u00f3gica. Construya rentabilidad con la precisi\u00f3n de un plano estructural.\r\n                <\/h1>\r\n                <p class=\"text-lg md:text-xl text-corporate-200 mb-10 leading-relaxed font-light\">\r\n                    En un sector de alta volatilidad y m\u00e1rgenes presionados, Ripconciv ha demostrado un crecimiento sobresaliente del 29%. El <strong class=\"text-white font-semibold\">M\u00e9todo Intellect<\/strong> le ofrece el control total para transformar ese volumen de facturaci\u00f3n en rentabilidad neta y transparencia fiduciaria innegociable.\r\n                <\/p>\r\n                <div class=\"flex flex-col sm:flex-row gap-4\">\r\n                    <a href=\"#diagnostico-form\" class=\"inline-flex justify-center items-center gap-2 px-8 py-4 border border-transparent text-base font-semibold rounded-md text-white bg-accent-blue hover:bg-corporate-700 transition shadow-lg shadow-corporate-900\/30\">\r\n                        Solicitar mi Diagn\u00f3stico de Viabilidad sin Compromiso\r\n                        <i data-lucide=\"arrow-right\" class=\"h-5 w-5\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Secci\u00f3n de Video Ejecutivo -->\r\n    <section class=\"py-16 bg-white border-b border-corporate-200 w-full\">\r\n        <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"relative bg-corporate-900 rounded-2xl overflow-hidden shadow-2xl border border-corporate-200 flex justify-center items-center h-[400px] md:h-[500px]\">\r\n                <div class=\"absolute inset-0\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80'); background-size: cover; background-position: center;\"><\/div>\r\n                <div class=\"absolute inset-0 bg-gradient-to-tr from-corporate-900 via-corporate-800\/90 to-corporate-700\/80\"><\/div>\r\n                \r\n                <div class=\"relative z-10 text-center px-4\">\r\n                    <button class=\"w-20 h-20 bg-accent-blue rounded-full flex items-center justify-center mx-auto mb-6 text-white shadow-lg shadow-corporate-900\/50 hover:scale-105 transition-transform duration-300 border-4 border-white\/10 hover:border-white\/30 cursor-pointer\">\r\n                        <i data-lucide=\"play\" class=\"h-8 w-8 ml-1\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-black\/30 border border-white\/10 text-xs font-medium mb-4 text-corporate-200 backdrop-blur-sm\">\r\n                        <i data-lucide=\"lock\" class=\"h-3 w-3\"><\/i> Confidencial\r\n                    <\/div>\r\n                    <h3 class=\"text-2xl md:text-3xl font-semibold text-white mb-3\">Mensaje Ejecutivo para Ripconciv<\/h3>\r\n                    <p class=\"text-corporate-200 font-light max-w-lg mx-auto text-sm md:text-base\">Una propuesta estrat\u00e9gica sobre trazabilidad y arquitectura tecnol\u00f3gica, preparada exclusivamente para la atenci\u00f3n del Econ. Alberto Reyes S\u00e1nchez.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 2. El Diagn\u00f3stico (La Realidad del Sector) -->\r\n    <section class=\"py-20 bg-white w-full\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <h2 class=\"text-3xl font-bold text-corporate-900 mb-4\">El crecimiento acelerado no debe comprometer la liquidez ni la reputaci\u00f3n.<\/h2>\r\n                <p class=\"text-corporate-600 text-lg\">Sabemos que Ripconciv opera bajo el escrutinio del mercado de valores y calificadoras de riesgo. Sin embargo, muchas empresas con alto desempe\u00f1o comercial enfrentan una paradoja estructural:<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-3 gap-8\">\r\n                <!-- Paradoja 1 -->\r\n                <div class=\"bg-corporate-50 border border-corporate-100 rounded-lg p-8 hover:shadow-md transition\">\r\n                    <div class=\"w-12 h-12 bg-white rounded-lg flex items-center justify-center border border-corporate-200 mb-6 shadow-sm\">\r\n                        <i data-lucide=\"split\" class=\"h-6 w-6 text-corporate-700\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-semibold text-corporate-900 mb-3\">Asimetr\u00eda de Informaci\u00f3n<\/h3>\r\n                    <p class=\"text-corporate-600\">Procesos manuales que desconectan la realidad operativa de la obra f\u00edsica de las decisiones tomadas en la sala de juntas.<\/p>\r\n                <\/div>\r\n                <!-- Paradoja 2 -->\r\n                <div class=\"bg-corporate-50 border border-corporate-100 rounded-lg p-8 hover:shadow-md transition\">\r\n                    <div class=\"w-12 h-12 bg-white rounded-lg flex items-center justify-center border border-corporate-200 mb-6 shadow-sm\">\r\n                        <i data-lucide=\"users\" class=\"h-6 w-6 text-corporate-700\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-semibold text-corporate-900 mb-3\">Fricci\u00f3n con Stakeholders<\/h3>\r\n                    <p class=\"text-corporate-600\">Falta de trazabilidad auditable en los ciclos de pago que genera riesgos sociales e inestabilidad con proveedores y subcontratistas clave.<\/p>\r\n                <\/div>\r\n                <!-- Paradoja 3 -->\r\n                <div class=\"bg-corporate-50 border border-corporate-100 rounded-lg p-8 hover:shadow-md transition\">\r\n                    <div class=\"w-12 h-12 bg-white rounded-lg flex items-center justify-center border border-corporate-200 mb-6 shadow-sm\">\r\n                        <i data-lucide=\"trending-down\" class=\"h-6 w-6 text-corporate-700\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-semibold text-corporate-900 mb-3\">Erosi\u00f3n de M\u00e1rgenes<\/h3>\r\n                    <p class=\"text-corporate-600\">Toma de decisiones ejecutadas sobre datos reactivos y retrasados, en lugar de proyecciones financieras preventivas y en tiempo real.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3. Nuestro Mecanismo \u00danico: El M\u00e9todo Intellect -->\r\n    <section class=\"py-20 border-y border-corporate-200 bg-corporate-50 w-full\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex flex-col lg:flex-row gap-16 items-center\">\r\n                <div class=\"lg:w-1\/2\">\r\n                    <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white border border-corporate-200 text-sm font-medium mb-6 text-corporate-600\">\r\n                        <i data-lucide=\"layers\" class=\"h-4 w-4\"><\/i>\r\n                        Arquitectura de Procesos\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl font-bold text-corporate-900 mb-6\">No instalamos software; dise\u00f1amos cimientos operativos.<\/h2>\r\n                    <p class=\"text-corporate-600 mb-6 text-lg leading-relaxed\">\r\n                        A diferencia de las consultoras que ejecutan un 'Discovery Express' \u2014cobrando r\u00e1pido por resultados superficiales\u2014, nuestro mecanismo se alinea con el rigor de las disciplinas <strong>BIM y Lean Construction<\/strong> que Ripconciv ya lidera.\r\n                    <\/p>\r\n                    <p class=\"text-corporate-800 font-medium mb-8\">El 'BIM' de sus procesos de negocio: Tratamos su transformaci\u00f3n digital como la construcci\u00f3n de una infraestructura h\u00eddrica de gran escala.<\/p>\r\n                    \r\n                    <ul class=\"space-y-6\">\r\n                        <li class=\"flex gap-4\">\r\n                            <div class=\"flex-shrink-0 mt-1\">\r\n                                <i data-lucide=\"pen-tool\" class=\"h-6 w-6 text-accent-blue\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-semibold text-corporate-900\">Planos antes del Ladrillo<\/h4>\r\n                                <p class=\"text-corporate-600 text-sm mt-1\">Dise\u00f1amos el 100% del proceso y usted lo audita y aprueba formalmente antes de escribir una sola l\u00ednea de c\u00f3digo.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"flex gap-4\">\r\n                            <div class=\"flex-shrink-0 mt-1\">\r\n                                <i data-lucide=\"maximize\" class=\"h-6 w-6 text-accent-blue\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-semibold text-corporate-900\">Dimensionamiento Aut\u00e9ntico<\/h4>\r\n                                <p class=\"text-corporate-600 text-sm mt-1\">No instalamos tecnolog\u00eda sobrante; configuramos una soluci\u00f3n de talla exacta para sus proyectos de infraestructura civil y miner\u00eda.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"flex gap-4\">\r\n                            <div class=\"flex-shrink-0 mt-1\">\r\n                                <i data-lucide=\"line-chart\" class=\"h-6 w-6 text-accent-blue\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-semibold text-corporate-900\">Justificaci\u00f3n de Rentabilidad<\/h4>\r\n                                <p class=\"text-corporate-600 text-sm mt-1\">Cada configuraci\u00f3n en la plataforma debe estar invariablemente respaldada por un objetivo de flujo de caja o mitigaci\u00f3n de riesgo cuantificable.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"lg:w-1\/2 relative w-full\">\r\n                    <div class=\"absolute inset-0 bg-gradient-to-tr from-corporate-200 to-transparent rounded-2xl transform translate-x-4 translate-y-4 -z-10\"><\/div>\r\n                    <div class=\"bg-corporate-900 p-8 rounded-2xl border border-corporate-700 shadow-xl relative overflow-hidden\">\r\n                        <div class=\"absolute inset-0\" style=\"background-image: linear-gradient(#334e68 1px, transparent 1px), linear-gradient(90deg, #334e68 1px, transparent 1px); background-size: 20px 20px; opacity: 0.3;\"><\/div>\r\n                        \r\n                        <div class=\"relative z-10 space-y-6\">\r\n                            <div class=\"border-b border-corporate-700 pb-4 mb-6\">\r\n                                <span class=\"text-corporate-300 text-xs font-mono uppercase tracking-widest flex items-center gap-2\">\r\n                                    <i data-lucide=\"layout-template\" class=\"h-4 w-4\"><\/i>\r\n                                    Fases de Arquitectura\r\n                                <\/span>\r\n                            <\/div>\r\n                            \r\n                            <!-- Fase 1 -->\r\n                            <div class=\"flex gap-4 items-start\">\r\n                                <div class=\"w-8 h-8 rounded bg-corporate-800 border border-corporate-600 flex items-center justify-center flex-shrink-0 text-corporate-200 font-mono text-sm\">01<\/div>\r\n                                <div>\r\n                                    <h5 class=\"text-white font-medium text-sm\">Discovery Estructural<\/h5>\r\n                                    <p class=\"text-corporate-400 text-xs mt-1\">Mapeo de flujos operativos y brechas de control.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- Fase 2 -->\r\n                            <div class=\"flex gap-4 items-start\">\r\n                                <div class=\"w-8 h-8 rounded bg-corporate-800 border border-corporate-600 flex items-center justify-center flex-shrink-0 text-corporate-200 font-mono text-sm\">02<\/div>\r\n                                <div>\r\n                                    <h5 class=\"text-white font-medium text-sm\">Dise\u00f1o de Cimientos (Blueprint)<\/h5>\r\n                                    <p class=\"text-corporate-400 text-xs mt-1\">Aprobaci\u00f3n ejecutiva de la arquitectura propuesta.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- Fase 3 -->\r\n                            <div class=\"flex gap-4 items-start\">\r\n                                <div class=\"w-8 h-8 rounded bg-corporate-800 border border-corporate-600 flex items-center justify-center flex-shrink-0 text-corporate-200 font-mono text-sm\">03<\/div>\r\n                                <div>\r\n                                    <h5 class=\"text-white font-medium text-sm\">Despliegue Controlado<\/h5>\r\n                                    <p class=\"text-corporate-300 text-xs mt-1\">Implementaci\u00f3n sin desviaciones de presupuesto.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4. Los Tres Pilares del \u00c9xito -->\r\n    <section class=\"py-20 bg-white w-full\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <h2 class=\"text-3xl font-bold text-center text-corporate-900 mb-16\">Ejes de Control Estrat\u00e9gico para Alta Gerencia<\/h2>\r\n            \r\n            <div class=\"grid lg:grid-cols-3 gap-8\">\r\n                <!-- Pilar 1 -->\r\n                <div class=\"p-8 border-l-4 border-corporate-900 bg-corporate-50 rounded-r-lg\">\r\n                    <i data-lucide=\"calculator\" class=\"h-8 w-8 text-corporate-900 mb-4\"><\/i>\r\n                    <h3 class=\"text-xl font-bold text-corporate-900 mb-3\">Blindaje Presupuestario<\/h3>\r\n                    <p class=\"text-corporate-700\">Eliminamos los costos ocultos. En Intellect, lo que se acuerda formalmente en el dise\u00f1o es lo que se paga. Condici\u00f3n vital para mantener la previsibilidad y los compromisos de su novena emisi\u00f3n de papel comercial ante inversionistas.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Pilar 2 -->\r\n                <div class=\"p-8 border-l-4 border-accent-blue bg-blue-50\/30 rounded-r-lg\">\r\n                    <i data-lucide=\"file-signature\" class=\"h-8 w-8 text-accent-blue mb-4\"><\/i>\r\n                    <h3 class=\"text-xl font-bold text-corporate-900 mb-3\">Trazabilidad \u00c9tica y Fiduciaria<\/h3>\r\n                    <p class=\"text-corporate-700\">Digitalizamos su Sistema de Gesti\u00f3n Integrado (SIG) y su canal \u00e9tico. Construimos cadenas de custodia digitales inalterables que protegen su responsabilidad fiduciaria y legal ante los entes reguladores del Estado.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Pilar 3 -->\r\n                <div class=\"p-8 border-l-4 border-accent-green bg-green-50\/30 rounded-r-lg\">\r\n                    <i data-lucide=\"leaf\" class=\"h-8 w-8 text-accent-green mb-4\"><\/i>\r\n                    <h3 class=\"text-xl font-bold text-corporate-900 mb-3\">Pragmatismo Sostenible (ESG)<\/h3>\r\n                    <p class=\"text-corporate-700\">Su tecnolog\u00eda debe ayudarle a conservar. Nuestras soluciones auditan la log\u00edstica para reducir la huella de carbono y digitalizan la seguridad laboral (SGSSO) para proteger la integridad f\u00edsica de sus 816 colaboradores en campo.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 5. Casos de \u00c9xito -->\r\n    <section class=\"py-20 bg-corporate-900 text-white w-full\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-16\">\r\n                <h2 class=\"text-3xl font-bold mb-4\">Tecnolog\u00eda probada en el ecosistema ecuatoriano<\/h2>\r\n                <p class=\"text-corporate-300\">Soluciones operando con \u00e9xito en arquitecturas institucionales complejas.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-3 gap-8\">\r\n                <div class=\"bg-corporate-800 p-8 rounded-xl border border-corporate-700\">\r\n                    <div class=\"flex items-center gap-3 mb-4 text-corporate-200\">\r\n                        <i data-lucide=\"building-2\" class=\"h-5 w-5\"><\/i>\r\n                        <span class=\"font-semibold tracking-wide uppercase text-sm\">Sector Inmobiliario<\/span>\r\n                    <\/div>\r\n                    <h4 class=\"text-xl font-bold mb-2\">Ciudad Celeste<\/h4>\r\n                    <p class=\"text-corporate-300 text-sm\">Implementaci\u00f3n estructurada que logr\u00f3 una visi\u00f3n 360\u00b0 del cliente y trazabilidad de ventas en tiempo r\u00e9cord, eliminando silos de informaci\u00f3n.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"bg-corporate-800 p-8 rounded-xl border border-corporate-700\">\r\n                    <div class=\"flex items-center gap-3 mb-4 text-corporate-200\">\r\n                        <i data-lucide=\"landmark\" class=\"h-5 w-5\"><\/i>\r\n                        <span class=\"font-semibold tracking-wide uppercase text-sm\">Sector Financiero<\/span>\r\n                    <\/div>\r\n                    <h4 class=\"text-xl font-bold mb-2\">Banco Pichincha<\/h4>\r\n                    <p class=\"text-corporate-300 text-sm\">Despliegue de agilidad operativa bajo estrictos est\u00e1ndares de cumplimiento regulatorio y auditor\u00eda fiduciaria.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bg-corporate-800 p-8 rounded-xl border border-corporate-700\">\r\n                    <div class=\"flex items-center gap-3 mb-4 text-corporate-200\">\r\n                        <i data-lucide=\"hard-hat\" class=\"h-5 w-5\"><\/i>\r\n                        <span class=\"font-semibold tracking-wide uppercase text-sm\">Sector Construcci\u00f3n<\/span>\r\n                    <\/div>\r\n                    <h4 class=\"text-xl font-bold mb-2\">Global Benchmarks<\/h4>\r\n                    <p class=\"text-corporate-300 text-sm\">Referencias documentadas de aumento neto de ingresos operativos mediante la trazabilidad absoluta del ciclo 'Lead-to-Cash'.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 6. Cierre y Formulario (L\u00f3gica Pardot\/FormSubmit) -->\r\n    <section id=\"diagnostico-form\" class=\"py-24 bg-corporate-50 w-full\">\r\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden flex flex-col md:flex-row border border-corporate-200\">\r\n                \r\n                <!-- Info Side -->\r\n                <div class=\"md:w-5\/12 bg-corporate-900 text-white p-10 flex flex-col justify-between\">\r\n                    <div>\r\n                        <h2 class=\"text-2xl font-bold mb-4 leading-tight\">\u00bfListo para una implementaci\u00f3n sin sorpresas inc\u00f3modas?<\/h2>\r\n                        <p class=\"text-corporate-300 mb-8 font-light text-sm\">\r\n                            Como economista, usted comprende que la mayor ineficiencia operativa es la incertidumbre. Agende una sesi\u00f3n de <strong>Diagn\u00f3stico Inicial<\/strong>. No le presentaremos un discurso de ventas gen\u00e9rico; le entregaremos una hoja de ruta anal\u00edtica personalizada para evaluar la viabilidad real de su proyecto.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"space-y-4\">\r\n                        <div class=\"flex items-center gap-3 text-sm text-corporate-300\">\r\n                            <i data-lucide=\"check-circle-2\" class=\"h-5 w-5 text-accent-green\"><\/i>\r\n                            Revisi\u00f3n de arquitectura base\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-3 text-sm text-corporate-300\">\r\n                            <i data-lucide=\"check-circle-2\" class=\"h-5 w-5 text-accent-green\"><\/i>\r\n                            An\u00e1lisis de riesgos operativos\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-3 text-sm text-corporate-300\">\r\n                            <i data-lucide=\"check-circle-2\" class=\"h-5 w-5 text-accent-green\"><\/i>\r\n                            Mapeo de eficiencias y trazabilidad operativa\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Form Side -->\r\n                <div class=\"md:w-7\/12 p-10\">\r\n                    <iframe name=\"pardot-hidden-frame\" style=\"display:none;\"><\/iframe>\r\n                    <!-- Usamos el mismo Formulario y Estructura de Pardot\/SONGA -->\r\n                    <form id=\"pardot-form\" action=\"https:\/\/www2.intellectsystem.net\/l\/874111\/2026-02-20\/j7875t\" method=\"POST\" target=\"pardot-hidden-frame\" class=\"space-y-5\">\r\n                        \r\n                        <div>\r\n                            <label for=\"first_name\" class=\"block text-sm font-medium text-corporate-700 mb-1\">Nombre (Opcional)<\/label>\r\n                            <input type=\"text\" name=\"first_name\" id=\"first_name\" class=\"w-full px-4 py-2 border border-corporate-200 rounded-md focus:ring-accent-blue focus:border-accent-blue bg-corporate-50 text-corporate-900 outline-none transition\" placeholder=\"Tu nombre\">\r\n                        <\/div>\r\n                        \r\n                        <div>\r\n                            <label for=\"email\" class=\"block text-sm font-medium text-corporate-700 mb-1\">Email Corporativo *<\/label>\r\n                            <input type=\"email\" name=\"email\" id=\"email\" required class=\"w-full px-4 py-2 border border-corporate-200 rounded-md focus:ring-accent-blue focus:border-accent-blue bg-corporate-50 text-corporate-900 outline-none transition\" placeholder=\"ejemplo@ripconciv.com\">\r\n                        <\/div>\r\n                        \r\n                        <div>\r\n                            <label for=\"phone\" class=\"block text-sm font-medium text-corporate-700 mb-1\">Tel\u00e9fono (Opcional)<\/label>\r\n                            <input type=\"tel\" name=\"phone\" id=\"phone\" class=\"w-full px-4 py-2 border border-corporate-200 rounded-md focus:ring-accent-blue focus:border-accent-blue bg-corporate-50 text-corporate-900 outline-none transition\" placeholder=\"+593...\">\r\n                        <\/div>\r\n                        \r\n                        <div class=\"pt-2\">\r\n                            <button type=\"submit\" id=\"btn-submit-pardot\" class=\"w-full flex justify-center items-center gap-2 px-6 py-3 border border-transparent rounded-md shadow-sm text-base font-bold text-white bg-corporate-900 hover:bg-corporate-800 transition focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-corporate-900 uppercase tracking-wide cursor-pointer\">\r\n                                Enviar Confirmaci\u00f3n\r\n                                <i data-lucide=\"send\" class=\"h-4 w-4\"><\/i>\r\n                            <\/button>\r\n                        <\/div>\r\n                        <p class=\"text-xs text-corporate-500 text-center mt-4\">\r\n                            Sus datos ser\u00e1n tratados con estricta confidencialidad bajo protocolos de nivel corporativo. <br><a href=\"#\" class=\"underline hover:text-corporate-700\">Pol\u00edtica de Privacidad y Manejo de Datos<\/a>.\r\n                        <\/p>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 7. Footer CO-BRANDING (Ripconciv + Intellect + Salesforce) -->\r\n    <footer id=\"contacto\" class=\"bg-white border-t border-corporate-200 w-full py-12 relative z-50\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            \r\n            <!-- Logos & Partners -->\r\n            <div class=\"flex flex-col md:flex-row items-center justify-center gap-12 md:gap-20 opacity-90 mb-10\">\r\n                <!-- Intellect Systems Logo -->\r\n                <div class=\"flex flex-col items-center gap-2\">\r\n                    <span class=\"text-[9px] uppercase font-bold tracking-widest text-corporate-400 mb-1\">Arquitectura por<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/logo-intellect-png.png\" alt=\"Intellect Systems\" class=\"h-8 md:h-10 w-auto object-contain grayscale hover:grayscale-0 transition-all duration-300\" style=\"max-width: 150px;\">\r\n                <\/div>\r\n\r\n                <!-- Divider Line -->\r\n                <div class=\"hidden md:block h-10 w-px bg-corporate-200\"><\/div>\r\n\r\n                <!-- Salesforce Logo -->\r\n                <div class=\"flex flex-col items-center gap-2\">\r\n                    <span class=\"text-[9px] uppercase font-bold tracking-widest text-corporate-400 mb-1\">Tecnolog\u00eda Base<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/download-1.png\" alt=\"Salesforce Partner\" class=\"h-10 md:h-12 w-auto object-contain hover:brightness-110 transition-all duration-300\" style=\"max-width: 100px;\">\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Bottom Footer info -->\r\n            <div class=\"flex flex-col md:flex-row justify-between items-center gap-4 pt-6 border-t border-corporate-100\">\r\n                <div class=\"text-[10px] text-corporate-400 uppercase tracking-widest text-center md:text-left\">\r\n                    \u00a9 2026 Ripconciv & Intellect Systems. Todos los derechos reservados.\r\n                <\/div>\r\n                <div class=\"text-sm text-corporate-400 flex flex-wrap justify-center gap-6\">\r\n                    <a href=\"#\" class=\"hover:text-corporate-700 transition\">Compliance<\/a>\r\n                    <a href=\"#\" class=\"hover:text-corporate-700 transition\">Aviso Legal<\/a>\r\n                    <a href=\"#\" class=\"hover:text-corporate-700 transition\">Protocolos de Seguridad<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- MODAL \u00c9XITO (Aparece tras enviar el formulario, copiado de la landing SONGA y adaptado a Ripconciv) -->\r\n    <div id=\"success-modal\" class=\"custom-modal fixed inset-0 z-[200] flex items-center justify-center hidden\">\r\n        <!-- Backdrop -->\r\n        <div class=\"absolute inset-0 bg-corporate-900\/90 backdrop-blur-sm\" onclick=\"closeSuccessModal()\"><\/div>\r\n        \r\n        <!-- Content -->\r\n        <div class=\"relative bg-white rounded-lg shadow-2xl p-8 max-w-md mx-4 text-center border-t-4 border-accent-green transform transition-all scale-100\">\r\n            <button onclick=\"closeSuccessModal()\" class=\"absolute top-4 right-4 text-corporate-400 hover:text-corporate-600\">\r\n                <i data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\r\n            <\/button>\r\n            \r\n            <div class=\"w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n                <i data-lucide=\"check\" class=\"w-8 h-8 text-accent-green\"><\/i>\r\n            <\/div>\r\n            \r\n            <h3 class=\"text-2xl font-bold text-corporate-900 mb-4\">\u00a1Gracias por el inter\u00e9s!<\/h3>\r\n            <p class=\"text-corporate-600 text-lg leading-relaxed mb-6\">\r\n                Hemos recibido sus datos de forma segura. Nos pondremos en contacto a trav\u00e9s de canales institucionales para coordinar la reuni\u00f3n ejecutiva.\r\n            <\/p>\r\n            \r\n            <button onclick=\"closeSuccessModal()\" class=\"w-full bg-corporate-900 text-white py-3 rounded-md font-bold hover:bg-corporate-800 transition-colors\">\r\n                Entendido\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div> <!-- \/ FIN DE LA ENVOLTURA #intellect-landing-wrapper -->\r\n\r\n    <!-- Initialize Lucide Icons & Pardot Form Logic -->\r\n    <script>\r\n        lucide.createIcons();\r\n\r\n        function closeSuccessModal() {\r\n            document.getElementById('success-modal').classList.add('hidden');\r\n        }\r\n\r\n        \/\/ --- L\u00d3GICA DE FORMULARIO CON BACKUP (Id\u00e9ntica a la Landing SONGA) ---\r\n        document.getElementById('pardot-form').addEventListener('submit', function(e) {\r\n            \/\/ Prevenimos el comportamiento por defecto temporalmente\r\n            e.preventDefault(); \r\n            const form = this;\r\n            \r\n            \/\/ Cambiamos el texto del bot\u00f3n para feedback visual\r\n            const submitBtn = document.getElementById('btn-submit-pardot');\r\n            const originalText = submitBtn.innerHTML;\r\n            submitBtn.innerHTML = '<i data-lucide=\"loader-2\" class=\"h-5 w-5 animate-spin mr-2\"><\/i> Enviando...';\r\n            submitBtn.disabled = true;\r\n            lucide.createIcons(); \/\/ Para que el icono loader empiece a girar\r\n\r\n            \/\/ Extraemos los datos del formulario\r\n            const formData = new FormData(form);\r\n            const firstName = formData.get('first_name') || 'No especificado';\r\n            const email = formData.get('email') || 'No especificado';\r\n            const phone = formData.get('phone') || 'No especificado';\r\n\r\n            \/\/ URL de FormSubmit (Backup)\r\n            const backupUrl = \"https:\/\/formsubmit.co\/ajax\/fernando.cajaraville@intellectsystem.net\"; \r\n\r\n            \/\/ 1. Enviamos el respaldo a FormSubmit (Email)\r\n            fetch(backupUrl, {\r\n                method: 'POST',\r\n                headers: {\r\n                    'Content-Type': 'application\/json',\r\n                    'Accept': 'application\/json'\r\n                },\r\n                body: JSON.stringify({\r\n                    _subject: \"\u00a1Nuevo Lead de Respaldo! (Ripconciv - Intellect Systems)\",\r\n                    Nombre: firstName,\r\n                    Email: email,\r\n                    Tel\u00e9fono: phone,\r\n                    _template: \"table\"\r\n                })\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => console.log(\"Respaldo enviado exitosamente:\", data))\r\n            .catch(error => console.error(\"Error al enviar el respaldo:\", error))\r\n            .finally(() => {\r\n                \/\/ 2. Independientemente del respaldo, forzamos el env\u00edo de los datos a Pardot.\r\n                \/\/ Como el formulario tiene target=\"pardot-hidden-frame\", no recargar\u00e1 la p\u00e1gina.\r\n                form.submit();\r\n\r\n                \/\/ 3. Mostramos el mensaje de \u00e9xito (Modal)\r\n                setTimeout(() => {\r\n                    document.getElementById('success-modal').classList.remove('hidden');\r\n                    form.reset();\r\n                    submitBtn.innerHTML = originalText;\r\n                    submitBtn.disabled = false;\r\n                    lucide.createIcons();\r\n                }, 500);\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Diagn\u00f3stico de Viabilidad Tecnol\u00f3gica | Intellect Systems Privado Propuesta elaborada por \u00c1rea de Auditor\u00eda Implementaci\u00f3n Tecnol\u00f3gica Estructurada Deje de financiar las sorpresas de su implementaci\u00f3n tecnol\u00f3gica. Construya rentabilidad con la precisi\u00f3n de un plano estructural. En un sector de alta volatilidad y m\u00e1rgenes presionados, Ripconciv ha demostrado un crecimiento sobresaliente del 29%. El M\u00e9todo Intellect [&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-188","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":31,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/188\/revisions"}],"predecessor-version":[{"id":221,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/188\/revisions\/221"}],"wp:attachment":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/media?parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}