{"id":55,"date":"2026-02-18T05:00:00","date_gmt":"2026-02-18T04:00:00","guid":{"rendered":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/?page_id=55"},"modified":"2026-02-21T00:32:47","modified_gmt":"2026-02-20T23:32:47","slug":"songa-2","status":"publish","type":"page","link":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/songa-2\/","title":{"rendered":"SONGA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"55\" class=\"elementor elementor-55\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d199074 e-con-full e-flex e-con e-parent\" data-id=\"d199074\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8b7350 elementor-widget elementor-widget-html\" data-id=\"d8b7350\" 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\">\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>SONGA - Intellect Systems<\/title>\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Lucide Icons -->\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        \/* --- FUERZA BRUTA PARA PANTALLA COMPLETA --- *\/\r\n        html, body {\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            width: 100% !important;\r\n            overflow-x: hidden !important;\r\n            max-width: 100vw !important;\r\n            background-color: #f8fafc; \/* bg-slate-50 *\/\r\n        }\r\n\r\n        \/* --- LOGO FIX (Correcci\u00f3n de Logo en WP) --- *\/\r\n        .songa-logo-img {\r\n            height: 40px !important;\r\n            width: auto !important;\r\n            max-width: 150px !important;\r\n            object-fit: contain !important;\r\n            display: block !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border: none !important;\r\n            box-shadow: none !important;\r\n        }\r\n        @media (min-width: 768px) {\r\n            .songa-logo-img {\r\n                height: 50px !important;\r\n                max-width: 180px !important;\r\n            }\r\n        }\r\n\r\n        \/* --- MODO EXTERMINADOR DE ELEMENTOS WORDPRESS --- *\/\r\n        .wp-block-post-title,\r\n        h1.wp-block-post-title,\r\n        .entry-title,\r\n        .page-title,\r\n        .wp-site-blocks > h1, \r\n        header .wp-block-heading {\r\n            display: none !important;\r\n        }\r\n\r\n        footer:not(#contacto) {\r\n            display: none !important;\r\n        }\r\n        \r\n        .wp-site-blocks {\r\n            padding-top: 0 !important;\r\n            margin-top: 0 !important;\r\n        }\r\n        \r\n        .force-full-width {\r\n            width: 100vw;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n            z-index: 10;\r\n            background: #f8fafc;\r\n        }\r\n\r\n        \/* Scrollbar personalizada *\/\r\n        ::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n        ::-webkit-scrollbar-track {\r\n            background: #0f172a; \r\n        }\r\n        ::-webkit-scrollbar-thumb {\r\n            background: #0077C8; \r\n            border-radius: 4px;\r\n        }\r\n\r\n        \/* Estilos para Modales *\/\r\n        .custom-modal {\r\n            transition: opacity 0.3s ease-in-out;\r\n        }\r\n        .custom-modal.hidden {\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n        .custom-modal:not(.hidden) {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        songa: {\r\n                            blue: '#0077C8',\r\n                            bg: '#0077C8',\r\n                            border: '#0077C8',\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800\">\r\n\r\n    <!-- Wrapper principal -->\r\n    <div class=\"force-full-width overflow-x-hidden relative\">\r\n\r\n        <!-- BARRA DE CONFIDENCIALIDAD (Fixed Top) -->\r\n        <div class=\"fixed top-0 left-0 w-full z-[100] bg-red-700 text-white text-[10px] sm:text-xs font-bold tracking-[0.2em] uppercase text-center py-1 shadow-md\">\r\n            <i data-lucide=\"lock\" class=\"inline-block w-3 h-3 mb-0.5 mr-1\"><\/i> Propuesta Confidencial - Solo Uso Interno\r\n        <\/div>\r\n\r\n        <!-- NAVIGATION -->\r\n        <nav class=\"fixed top-6 w-full z-50 bg-white\/95 backdrop-blur-md border-b border-slate-200 shadow-sm transition-all duration-300\">\r\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n                <div class=\"flex items-center justify-between h-20\"> \r\n                    \r\n                    <!-- LOGO AREA -->\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <img decoding=\"async\" \r\n                            src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/songa.png\" \r\n                            alt=\"SONGA\" \r\n                            class=\"songa-logo-img hover:scale-105 transition-transform duration-300\" \r\n                        \/>\r\n                        <div class=\"hidden lg:block h-6 w-px bg-slate-200\"><\/div>\r\n                        <span class=\"hidden lg:block text-[9px] text-slate-400 font-bold tracking-widest uppercase border border-slate-200 px-2 py-0.5 rounded-sm\">\r\n                            Privado\r\n                        <\/span>\r\n                    <\/div>\r\n                    \r\n                    <!-- Desktop Menu -->\r\n                    <div class=\"hidden md:block\">\r\n                        <div class=\"ml-10 flex items-center space-x-6\">\r\n                            <button onclick=\"scrollToSection('problema')\" class=\"text-slate-600 hover:text-[#0077C8] px-3 py-2 rounded-md text-xs font-bold uppercase tracking-wide transition-colors cursor-pointer bg-transparent border-0\">El Reto<\/button>\r\n                            <button onclick=\"scrollToSection('solucion')\" class=\"text-slate-600 hover:text-[#0077C8] px-3 py-2 rounded-md text-xs font-bold uppercase tracking-wide transition-colors cursor-pointer bg-transparent border-0\">Soluci\u00f3n<\/button>\r\n                            <button onclick=\"scrollToSection('beneficios')\" class=\"text-slate-600 hover:text-[#0077C8] px-3 py-2 rounded-md text-xs font-bold uppercase tracking-wide transition-colors cursor-pointer bg-transparent border-0\">Beneficios<\/button>\r\n                            <button onclick=\"scrollToSection('contacto')\" class=\"bg-[#0077C8] hover:opacity-90 text-white px-5 py-2 rounded-sm text-xs font-bold uppercase tracking-wider transition-all shadow-lg shadow-blue-900\/10 hover:shadow-blue-900\/20 transform hover:-translate-y-0.5 cursor-pointer border-0\">\r\n                                Reuni\u00f3n\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Mobile menu button -->\r\n                    <div class=\"-mr-2 flex md:hidden\">\r\n                        <button onclick=\"toggleMenu()\" class=\"text-slate-500 hover:text-[#0077C8] p-2 bg-transparent border-0 cursor-pointer\">\r\n                            <i data-lucide=\"menu\" id=\"menu-icon\" class=\"w-6 h-6\"><\/i>\r\n                            <i data-lucide=\"x\" id=\"close-icon\" class=\"w-6 h-6 hidden\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Mobile Menu -->\r\n            <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-slate-200 shadow-xl absolute w-full left-0 top-20\">\r\n                <div class=\"px-2 pt-2 pb-3 space-y-1 sm:px-3\">\r\n                    <button onclick=\"scrollToSection('problema')\" class=\"text-slate-600 hover:text-[#0077C8] block px-3 py-2 rounded-md text-base font-bold w-full text-left border-l-4 border-transparent hover:border-[#0077C8] bg-slate-50 hover:bg-slate-100 cursor-pointer\">El Reto<\/button>\r\n                    <button onclick=\"scrollToSection('solucion')\" class=\"text-slate-600 hover:text-[#0077C8] block px-3 py-2 rounded-md text-base font-bold w-full text-left border-l-4 border-transparent hover:border-[#0077C8] bg-slate-50 hover:bg-slate-100 mt-2 cursor-pointer\">Soluci\u00f3n<\/button>\r\n                    <button onclick=\"scrollToSection('beneficios')\" class=\"text-slate-600 hover:text-[#0077C8] block px-3 py-2 rounded-md text-base font-bold w-full text-left border-l-4 border-transparent hover:border-[#0077C8] bg-slate-50 hover:bg-slate-100 mt-2 cursor-pointer\">Beneficios<\/button>\r\n                    <button onclick=\"scrollToSection('contacto')\" class=\"text-[#0077C8] font-bold block px-3 py-2 rounded-md text-base w-full text-left mt-2 bg-blue-50 cursor-pointer\">Reuni\u00f3n<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/nav>\r\n\r\n        <!-- 1. HEADER \/ HERO SECTION -->\r\n        <header class=\"relative pt-44 pb-20 lg:pt-60 lg:pb-32 overflow-hidden bg-slate-900\">\r\n            <!-- Abstract Background Texture -->\r\n            <div class=\"absolute inset-0 z-0 pointer-events-none\">\r\n                <div class=\"absolute top-0 right-0 w-[800px] h-[800px] bg-gradient-to-br from-[#005a9c] to-[#0093e9] opacity-20 transform rotate-45 translate-x-1\/3 -translate-y-1\/4 blur-3xl\"><\/div>\r\n                <div class=\"absolute bottom-0 left-0 w-[600px] h-[600px] bg-[#0077C8] opacity-10 transform rotate-45 -translate-x-1\/3 translate-y-1\/4 blur-3xl\"><\/div>\r\n                <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/diamond-upholstery.png')] opacity-5\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n                <!-- Etiqueta superior del Hero -->\r\n                <div class=\"flex justify-center mb-8\">\r\n                    <span class=\"inline-flex items-center py-1.5 px-4 rounded-sm bg-[#0077C8]\/10 border border-[#0077C8] text-[#0077C8] text-xs font-bold tracking-widest uppercase backdrop-blur-sm\">\r\n                        <i data-lucide=\"lock\" class=\"w-3 h-3 mr-2\"><\/i> Inteligencia Comercial para Acuicultura\r\n                    <\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"text-4xl sm:text-5xl lg:text-7xl font-extrabold text-white tracking-tight mb-8 leading-tight drop-shadow-lg\">\r\n                    El margen de ganancia est\u00e1 en <br \/>\r\n                    <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-[#005a9c] to-[#0093e9]\">la anticipaci\u00f3n.<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"mt-4 max-w-2xl mx-auto text-xl text-slate-300 mb-12 font-light leading-relaxed\">\r\n                    Conecta la data en tiempo real de tus piscinas directamente con los mercados premium de Europa y EE.UU. \r\n                <\/p>\r\n                \r\n                <div class=\"flex justify-center\">\r\n                    <button \r\n                        onclick=\"scrollToSection('contacto')\"\r\n                        class=\"group relative inline-flex items-center justify-center px-8 py-4 text-lg font-bold text-white transition-all duration-200 bg-[#0077C8] rounded-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#0077C8] hover:bg-[#0066ad] hover:shadow-lg hover:shadow-blue-900\/30 uppercase tracking-wide cursor-pointer border-0\"\r\n                    >\r\n                        Conversar sobre el Proyecto\r\n                        <i data-lucide=\"arrow-right\" class=\"ml-2 h-5 w-5 group-hover:translate-x-1 transition-transform\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- 2. SECCI\u00d3N DE VIDEO -->\r\n        <section class=\"relative -mt-20 sm:-mt-32 z-20 px-4 sm:px-6 lg:px-8 max-w-5xl mx-auto\">\r\n            <div class=\"rounded-sm shadow-2xl overflow-hidden bg-slate-900 border-4 border-[#0077C8] relative aspect-video transform hover:scale-[1.01] transition-transform duration-500\">\r\n                <iframe \r\n                    class=\"absolute top-0 left-0 w-full h-full\" \r\n                    src=\"https:\/\/www.youtube.com\/embed\/gwdQJh5DoVQ?rel=0&modestbranding=1\" \r\n                    title=\"Propuesta SONGA - Intellect Systems\" \r\n                    frameborder=\"0\" \r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n                    allowfullscreen>\r\n                <\/iframe>\r\n            <\/div>\r\n            <p class=\"mt-6 text-center text-slate-500 text-sm font-bold uppercase tracking-wide\">\r\n                Descubre en 90 segundos c\u00f3mo Salesforce Sales Cloud transforma terabytes de datos\r\n            <\/p>\r\n        <\/section>\r\n\r\n        <!-- 3. EL PROBLEMA -->\r\n        <section id=\"problema\" class=\"py-24 lg:py-32 bg-white relative\">\r\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n                <div class=\"text-center mb-20\">\r\n                    <h2 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900 leading-tight\">\r\n                        Vender volumen a Asia no es estrategia.<br class=\"hidden md:block\" \/>\r\n                        <span class=\"text-[#0077C8] border-b-4 border-[#0077C8]\">Es una dependencia.<\/span>\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12\">\r\n                    <!-- Cards -->\r\n                    <div class=\"bg-slate-50 p-10 border-t-4 border-slate-300 hover:border-[#0077C8] transition-colors shadow-sm group hover:shadow-xl duration-300\">\r\n                        <div class=\"w-16 h-16 bg-white border border-slate-200 flex items-center justify-center mb-6 transform rotate-45 group-hover:bg-[#0077C8] group-hover:border-[#0077C8] transition-colors duration-300\">\r\n                             <i data-lucide=\"anchor\" class=\"h-7 w-7 text-slate-400 transform -rotate-45 group-hover:text-white\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-4 uppercase tracking-tight\">El riesgo del Commodity<\/h3>\r\n                        <p class=\"text-slate-600 leading-relaxed text-sm\">\r\n                            Vender camar\u00f3n entero (HOSO) a granel deja tu rentabilidad a merced de la volatilidad del precio internacional.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"bg-slate-50 p-10 border-t-4 border-slate-300 hover:border-[#0077C8] transition-colors shadow-sm group hover:shadow-xl duration-300\">\r\n                        <div class=\"w-16 h-16 bg-white border border-slate-200 flex items-center justify-center mb-6 transform rotate-45 group-hover:bg-[#0077C8] group-hover:border-[#0077C8] transition-colors duration-300\">\r\n                            <i data-lucide=\"server\" class=\"h-7 w-7 text-slate-400 transform -rotate-45 group-hover:text-white\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-4 uppercase tracking-tight\">Silos de Informaci\u00f3n<\/h3>\r\n                        <p class=\"text-slate-600 leading-relaxed text-sm\">\r\n                            Tu gesti\u00f3n comercial (IT) no habla con la finca hasta que el producto ya est\u00e1 procesado, perdiendo valor en el camino.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"bg-slate-50 p-10 border-t-4 border-slate-300 hover:border-[#0077C8] transition-colors shadow-sm group hover:shadow-xl duration-300\">\r\n                        <div class=\"w-16 h-16 bg-white border border-slate-200 flex items-center justify-center mb-6 transform rotate-45 group-hover:bg-[#0077C8] group-hover:border-[#0077C8] transition-colors duration-300\">\r\n                            <i data-lucide=\"trending-up\" class=\"h-7 w-7 text-slate-400 transform -rotate-45 group-hover:text-white\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-4 uppercase tracking-tight\">P\u00e9rdida de Oportunidad<\/h3>\r\n                        <p class=\"text-slate-600 leading-relaxed text-sm\">\r\n                            El camar\u00f3n de valor agregado no se improvisa; requiere una relaci\u00f3n comercial anticipada con el cliente final.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 4. LA SOLUCI\u00d3N -->\r\n        <section id=\"solucion\" class=\"py-24 lg:py-32 bg-slate-900 text-white relative overflow-hidden\">\r\n            <div class=\"absolute top-0 right-0 -mr-40 -mt-40 w-[600px] h-[600px] border border-[#0077C8] opacity-20 transform rotate-45 pointer-events-none\"><\/div>\r\n            <div class=\"absolute bottom-0 left-0 -ml-40 -mb-40 w-[500px] h-[500px] bg-[#0077C8] opacity-10 transform rotate-45 pointer-events-none\"><\/div>\r\n\r\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n                <div class=\"text-center mb-24\">\r\n                    <h2 class=\"text-3xl sm:text-4xl font-extrabold mb-4\">\r\n                        Vender el lote perfecto, antes de pescarlo.\r\n                    <\/h2>\r\n                    <p class=\"text-[#0077C8] text-lg font-bold tracking-[0.2em] uppercase\">Esa es la meta.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"relative\">\r\n                    <div class=\"hidden md:block absolute top-1\/2 left-0 w-full h-0.5 bg-gradient-to-r from-slate-800 via-[#0077C8] to-slate-800 -translate-y-1\/2 z-0 opacity-50\"><\/div>\r\n\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12 relative z-10\">\r\n                        <!-- Step 1 -->\r\n                        <div class=\"bg-slate-900 border border-slate-700 p-8 relative group hover:-translate-y-2 transition-transform duration-300 hover:border-[#0077C8]\">\r\n                            <div class=\"absolute -top-6 left-1\/2 -translate-x-1\/2 bg-slate-900 text-white border border-[#0077C8] w-12 h-12 flex items-center justify-center font-bold text-xl shadow-lg transform rotate-45 group-hover:bg-[#0077C8] transition-colors duration-300\">\r\n                                <span class=\"transform -rotate-45\">1<\/span>\r\n                            <\/div>\r\n                            <div class=\"mt-8 text-center\">\r\n                                <i data-lucide=\"waves\" class=\"h-10 w-10 text-[#0077C8] mx-auto mb-6 group-hover:scale-110 transition-transform\"><\/i>\r\n                                <h3 class=\"text-xl font-bold mb-3 uppercase tracking-wide\">La Se\u00f1al (Finca)<\/h3>\r\n                                <p class=\"text-slate-400 text-sm leading-relaxed group-hover:text-slate-300\">\r\n                                    Los sensores de tu piscina indican que el lote 5 ha alcanzado la talla comercial premium de 20 gramos.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Step 2 -->\r\n                        <div class=\"bg-slate-800 border border-[#0077C8] p-8 relative shadow-2xl shadow-blue-900\/20 hover:-translate-y-2 transition-transform duration-300\">\r\n                             <div class=\"absolute -top-6 left-1\/2 -translate-x-1\/2 bg-[#0077C8] text-white w-12 h-12 flex items-center justify-center font-bold text-xl shadow-lg transform rotate-45\">\r\n                                <span class=\"transform -rotate-45\">2<\/span>\r\n                            <\/div>\r\n                            <div class=\"mt-8 text-center\">\r\n                                <i data-lucide=\"cpu\" class=\"h-10 w-10 text-white mx-auto mb-6\"><\/i>\r\n                                <h3 class=\"text-xl font-bold mb-3 text-white uppercase tracking-wide\">El Puente (Salesforce)<\/h3>\r\n                                <p class=\"text-slate-300 text-sm leading-relaxed\">\r\n                                    La plataforma recibe el dato de producci\u00f3n y alerta autom\u00e1ticamente a tu equipo de exportaciones.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Step 3 -->\r\n                        <div class=\"bg-slate-900 border border-slate-700 p-8 relative group hover:-translate-y-2 transition-transform duration-300 hover:border-[#0077C8]\">\r\n                             <div class=\"absolute -top-6 left-1\/2 -translate-x-1\/2 bg-slate-900 text-white border border-[#0077C8] w-12 h-12 flex items-center justify-center font-bold text-xl shadow-lg transform rotate-45 group-hover:bg-[#0077C8] transition-colors duration-300\">\r\n                                <span class=\"transform -rotate-45\">3<\/span>\r\n                            <\/div>\r\n                            <div class=\"mt-8 text-center\">\r\n                                <i data-lucide=\"globe\" class=\"h-10 w-10 text-[#0077C8] mx-auto mb-6 group-hover:scale-110 transition-transform\"><\/i>\r\n                                <h3 class=\"text-xl font-bold mb-3 uppercase tracking-wide\">El Cierre (Mercado)<\/h3>\r\n                                <p class=\"text-slate-400 text-sm leading-relaxed group-hover:text-slate-300\">\r\n                                    Tu equipo contacta al cliente clave en Francia con especificaciones exactas y asegura precio antes de la cosecha.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 5. EL RETORNO -->\r\n        <section id=\"beneficios\" class=\"py-24 lg:py-32 bg-slate-50\">\r\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n                <div class=\"text-center mb-20\">\r\n                    <h2 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900\">\r\n                        De productor a estratega.\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n                    <div class=\"bg-white p-10 shadow-lg shadow-slate-200\/50 border-t-4 border-[#0077C8] hover:shadow-xl transition-shadow duration-300\">\r\n                        <div class=\"flex items-start mb-6\">\r\n                            <i data-lucide=\"shield-check\" class=\"h-8 w-8 text-[#0077C8] flex-shrink-0\"><\/i>\r\n                            <div class=\"ml-4\">\r\n                                <h3 class=\"text-lg font-bold text-slate-900 uppercase\">Protecci\u00f3n del Margen<\/h3>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                            Al cruzar la oferta proyectada con la demanda de tus clientes VIP, evitas las guerras de precios y vendes con ventaja estrat\u00e9gica.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"bg-white p-10 shadow-lg shadow-slate-200\/50 border-t-4 border-slate-800 hover:shadow-xl transition-shadow duration-300\">\r\n                        <div class=\"flex items-start mb-6\">\r\n                            <i data-lucide=\"database\" class=\"h-8 w-8 text-slate-800 flex-shrink-0\"><\/i>\r\n                            <div class=\"ml-4\">\r\n                                <h3 class=\"text-lg font-bold text-slate-900 uppercase\">Eficiencia Comercial<\/h3>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                            Sales Cloud elimina la dependencia de hojas de c\u00e1lculo y centraliza la inteligencia de clientes para vender productos con mayor margen neto.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"bg-white p-10 shadow-lg shadow-slate-200\/50 border-t-4 border-[#0077C8] hover:shadow-xl transition-shadow duration-300\">\r\n                        <div class=\"flex items-start mb-6\">\r\n                            <div class=\"flex items-center justify-center bg-[#0077C8] w-8 h-8 rounded-sm transform rotate-45\">\r\n                               <span class=\"font-bold text-white text-xs transform -rotate-45\">IS<\/span>\r\n                            <\/div>\r\n                            <div class=\"ml-4\">\r\n                                <h3 class=\"text-lg font-bold text-slate-900 uppercase\">Ejecuci\u00f3n Impecable<\/h3>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                            Implementamos flujos de trabajo que conectan tu excelencia productiva con tu facturaci\u00f3n comercial.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 6. FOOTER Y CTA FINAL -->\r\n        <footer id=\"contacto\" class=\"bg-slate-900 border-t border-slate-800 relative\">\r\n            <div class=\"absolute top-10 right-10 opacity-5 pointer-events-none transform rotate-12\">\r\n               <i data-lucide=\"fish\" class=\"w-[400px] h-[400px] text-white\"><\/i>\r\n            <\/div>\r\n\r\n            <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10 pt-24 pb-16\">\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold mb-8 leading-tight text-white\">\r\n                    La tecnolog\u00eda ya la tienes en el agua. <br \/>\r\n                    <span class=\"text-[#0077C8]\">Ahora pong\u00e1mosla a vender.<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"text-slate-400 text-lg mb-12 max-w-2xl mx-auto\">\r\n                    Esta propuesta digital es solo un detalle para visualizar el potencial. Busco una reuni\u00f3n para conversar sobre c\u00f3mo hacer esto realidad en SONGA.\r\n                <\/p>\r\n\r\n                <!-- BOT\u00d3N \"ME INTERESA\" (Abre Formulario) -->\r\n                <div class=\"flex flex-col items-center justify-center gap-6 mt-8 mb-16\">\r\n                    <button \r\n                        onclick=\"openFormModal()\"\r\n                        class=\"group inline-flex items-center justify-center px-10 py-5 text-lg font-bold text-white transition-all duration-300 bg-amber-600 rounded-sm hover:bg-amber-500 hover:-translate-y-1 shadow-xl hover:shadow-amber-500\/20 uppercase tracking-wide border border-amber-400 cursor-pointer\"\r\n                    >\r\n                        <i data-lucide=\"check-circle\" class=\"mr-3 h-6 w-6 text-white\"><\/i>\r\n                        Me Interesa\r\n                    <\/button>\r\n                    <p class=\"text-slate-500 text-xs uppercase tracking-widest\">\r\n                        Sin compromiso. Solo confirmaci\u00f3n de lectura.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- LOGOS & PARTNERS SECTION -->\r\n            <div class=\"bg-slate-50 py-10 w-full border-t border-slate-200\">\r\n               <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n                 <div class=\"flex flex-col md:flex-row items-center justify-center gap-12 md:gap-20 opacity-90\">\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-slate-400 mb-1\">Implementado por<\/span>\r\n                       <img decoding=\"async\" \r\n                         src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/intellect.png\" \r\n                         alt=\"Intellect Systems\" \r\n                         class=\"h-8 md:h-9 w-auto object-contain grayscale hover:grayscale-0 transition-all duration-300\"\r\n                         style=\"max-width: 130px;\"\r\n                       \/>\r\n                    <\/div>\r\n\r\n                    <!-- Divider Line -->\r\n                    <div class=\"hidden md:block h-10 w-px bg-slate-300\"><\/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-slate-400 mb-1\">Tecnolog\u00eda<\/span>\r\n                       <img decoding=\"async\" \r\n                         src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/download-1.png\" \r\n                         alt=\"Salesforce Partner\" \r\n                         class=\"h-10 md:h-12 w-auto object-contain hover:brightness-110 transition-all duration-300\"\r\n                         style=\"max-width: 100px;\"\r\n                       \/>\r\n                    <\/div>\r\n                 <\/div>\r\n                 \r\n                 <div class=\"mt-8 text-center text-[10px] text-slate-400 uppercase tracking-widest\">\r\n                   \u00a9 2026 SONGA & Intellect Systems. Todos los derechos reservados.\r\n                 <\/div>\r\n               <\/div>\r\n            <\/div>\r\n        <\/footer>\r\n\r\n        <!-- MODAL FORMULARIO DE INTER\u00c9S -->\r\n        <div id=\"form-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-slate-900\/90 backdrop-blur-sm\" onclick=\"closeFormModal()\"><\/div>\r\n            \r\n            <!-- Content -->\r\n            <div class=\"relative bg-white rounded-lg shadow-2xl p-8 max-w-md mx-4 w-full border-t-4 border-[#0077C8] transform transition-all scale-100\">\r\n                <button onclick=\"closeFormModal()\" class=\"absolute top-4 right-4 text-slate-400 hover:text-slate-600\">\r\n                    <i data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\r\n                <\/button>\r\n                \r\n                <h3 class=\"text-2xl font-bold text-slate-900 mb-2\">Confirmar Inter\u00e9s<\/h3>\r\n                <p class=\"text-slate-500 text-sm mb-6\">D\u00e9janos tus datos para agendar la reuni\u00f3n.<\/p>\r\n                \r\n                <!-- IFRAME OCULTO PARA EVITAR REDIRECCI\u00d3N -->\r\n                <iframe name=\"pardot-hidden-frame\" style=\"display:none;\"><\/iframe>\r\n\r\n                <!-- FORMULARIO (Combina FormSubmit y Pardot) -->\r\n                <!-- La URL que compartiste (https:\/\/www2.intellectsystem.net\/l\/874111\/2026-02-20\/j7875t) se ejecutar\u00e1 por el iframe tras procesar el JS. -->\r\n                <form id=\"pardot-form\" action=\"https:\/\/www2.intellectsystem.net\/l\/874111\/2026-02-20\/j7875t\" method=\"POST\" target=\"pardot-hidden-frame\">\r\n                    \r\n                    <div class=\"space-y-4\">\r\n                        <div>\r\n                            <label for=\"first_name\" class=\"block text-xs font-bold text-slate-700 uppercase 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-slate-300 rounded-sm focus:ring-2 focus:ring-[#0077C8] focus:border-[#0077C8] outline-none transition-colors\" placeholder=\"Tu nombre\">\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <label for=\"email\" class=\"block text-xs font-bold text-slate-700 uppercase mb-1\">Email Corporativo <span class=\"text-red-500\">*<\/span><\/label>\r\n                            <input type=\"email\" name=\"email\" id=\"email\" required class=\"w-full px-4 py-2 border border-slate-300 rounded-sm focus:ring-2 focus:ring-[#0077C8] focus:border-[#0077C8] outline-none transition-colors\" placeholder=\"ejemplo@songa.com\">\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <label for=\"phone\" class=\"block text-xs font-bold text-slate-700 uppercase mb-1\">Tel\u00e9fono (Opcional)<\/label>\r\n                            <input type=\"tel\" name=\"phone\" id=\"phone\" class=\"w-full px-4 py-2 border border-slate-300 rounded-sm focus:ring-2 focus:ring-[#0077C8] focus:border-[#0077C8] outline-none transition-colors\" placeholder=\"+593...\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" id=\"btn-submit-pardot\" class=\"w-full mt-6 bg-slate-900 text-white py-3 rounded-sm font-bold hover:bg-slate-800 transition-colors uppercase tracking-wide cursor-pointer\">\r\n                        Enviar Confirmaci\u00f3n\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- MODAL \u00c9XITO (Aparece tras enviar el formulario) -->\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-slate-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-green-500 transform transition-all scale-100\">\r\n                <button onclick=\"closeSuccessModal()\" class=\"absolute top-4 right-4 text-slate-400 hover:text-slate-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-green-600\"><\/i>\r\n                <\/div>\r\n                \r\n                <h3 class=\"text-2xl font-bold text-slate-900 mb-4\">\u00a1Gracias por el inter\u00e9s!<\/h3>\r\n                <p class=\"text-slate-600 text-lg leading-relaxed mb-6\">\r\n                    Hemos recibido tus datos. Nos pondremos en contacto contigo por el mismo medio para coordinar la reuni\u00f3n.\r\n                <\/p>\r\n                \r\n                <button onclick=\"closeSuccessModal()\" class=\"w-full bg-slate-900 text-white py-3 rounded-sm font-bold hover:bg-slate-800 transition-colors\">\r\n                    Entendido\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div> <!-- End force-full-width -->\r\n\r\n    <!-- Scripts for Interactivity and Cleanup -->\r\n    <script>\r\n        \/\/ Initialize Lucide Icons\r\n        lucide.createIcons();\r\n\r\n        \/\/ Limpieza WP al cargar la p\u00e1gina\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            cleanWordpressCruft();\r\n        });\r\n\r\n        function openFormModal() {\r\n            document.getElementById('form-modal').classList.remove('hidden');\r\n        }\r\n\r\n        function closeFormModal() {\r\n            document.getElementById('form-modal').classList.add('hidden');\r\n        }\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 ---\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            submitBtn.innerText = \"Enviando...\";\r\n            submitBtn.disabled = true;\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! (SONGA - 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 agradecimiento\r\n                setTimeout(() => {\r\n                    closeFormModal();\r\n                    document.getElementById('success-modal').classList.remove('hidden');\r\n                    form.reset();\r\n                    submitBtn.innerText = \"Enviar Confirmaci\u00f3n\";\r\n                    submitBtn.disabled = false;\r\n                }, 500);\r\n            });\r\n        });\r\n\r\n        function cleanWordpressCruft() {\r\n            const themeFooters = document.querySelectorAll('footer:not(#contacto)');\r\n            themeFooters.forEach(f => {\r\n                f.style.display = 'none';\r\n                f.remove(); \r\n            });\r\n\r\n            const possibleTitles = document.querySelectorAll('.wp-block-post-title, h1.entry-title');\r\n            possibleTitles.forEach(t => {\r\n                t.style.display = 'none';\r\n                t.remove();\r\n            });\r\n            \r\n            const looseH1s = document.querySelectorAll('body > h1, .wp-site-blocks > h1');\r\n            looseH1s.forEach(h1 => {\r\n                if (!h1.closest('.force-full-width')) {\r\n                    h1.style.display = 'none';\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Mobile Menu Toggle Logic\r\n        function toggleMenu() {\r\n            const menu = document.getElementById('mobile-menu');\r\n            const menuIcon = document.getElementById('menu-icon');\r\n            const closeIcon = document.getElementById('close-icon');\r\n            \r\n            if (menu.classList.contains('hidden')) {\r\n                menu.classList.remove('hidden');\r\n                menuIcon.classList.add('hidden');\r\n                closeIcon.classList.remove('hidden');\r\n            } else {\r\n                menu.classList.add('hidden');\r\n                menuIcon.classList.remove('hidden');\r\n                closeIcon.classList.add('hidden');\r\n            }\r\n        }\r\n\r\n        \/\/ Smooth Scroll Logic\r\n        function scrollToSection(id) {\r\n            const element = document.getElementById(id);\r\n            if (element) {\r\n                element.scrollIntoView({ behavior: 'smooth' });\r\n            }\r\n            const menu = document.getElementById('mobile-menu');\r\n            if (!menu.classList.contains('hidden')) {\r\n                toggleMenu();\r\n            }\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>SONGA &#8211; Intellect Systems Propuesta Confidencial &#8211; Solo Uso Interno Privado El Reto Soluci\u00f3n Beneficios Reuni\u00f3n El Reto Soluci\u00f3n Beneficios Reuni\u00f3n Inteligencia Comercial para Acuicultura El margen de ganancia est\u00e1 en la anticipaci\u00f3n. Conecta la data en tiempo real de tus piscinas directamente con los mercados premium de Europa y EE.UU. Conversar sobre el Proyecto [&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-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/55","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=55"}],"version-history":[{"count":19,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":123,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/55\/revisions\/123"}],"wp:attachment":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}