Visi\u00f3n Estrat\u00e9gica Teojama - Intellect Systems<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\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 },\r\n colors: {\r\n teojama: {\r\n primary: '#02A877', \/* Verde Teal del logotipo *\/\r\n primaryDark: '#02855E', \/* Tono oscuro para hovers *\/\r\n dark: '#111827',\r\n gray: '#F3F4F6',\r\n text: '#374151'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ==========================================================================\r\n FORZADO DE CSS PARA WORDPRESS \/ ELEMENTOR (MODO CANVAS ABSOLUTO)\r\n ========================================================================== *\/\r\n \r\n \/* 1. Ocultar TODAS las cabeceras, pies de p\u00e1gina, barras y t\u00edtulos nativos del tema *\/\r\n header, footer, nav, aside, \r\n #masthead, #colophon, #header, #footer, #sidebar, #top-bar, #bottom-bar,\r\n .site-header, .site-footer, .site-info, .site-title,\r\n .page-header, .page-title, .entry-header, .entry-title,\r\n .elementor-location-header, .elementor-location-footer, .elementor-page-title,\r\n .ast-primary-header-bar, .site-primary-header-wrap,\r\n .generate-header, .site-logo, .main-navigation, .oceanwp-page-header {\r\n display: none !important;\r\n height: 0 !important;\r\n min-height: 0 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n pointer-events: none !important;\r\n position: absolute !important;\r\n z-index: -9999 !important;\r\n }\r\n\r\n \/* 2. Bloquear el scroll del tema de WordPress para evitar doble barra de desplazamiento *\/\r\n html, body {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n overflow: hidden !important; \/* Bloquea el scroll del tema nativo *\/\r\n background-color: #ffffff !important;\r\n }\r\n\r\n \/* 3. Anular los contenedores estructurales de WordPress *\/\r\n #page, #content, #main, #primary, .site-content, .site-main, .elementor-page, .elementor-section-wrap {\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n max-width: none !important;\r\n width: 100% !important;\r\n border: none !important;\r\n }\r\n\r\n \/* 4. MODO OVERLAY: Forzar que nuestro dise\u00f1o flote POR ENCIMA de todo y ocupe el 100% de la pantalla *\/\r\n #teojama-landing-wrapper {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n z-index: 9999999 !important; \/* M\u00e1xima prioridad sobre el tema *\/\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n background: #fff !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n overflow-y: auto !important; \/* Habilita el scroll solo dentro de nuestra landing *\/\r\n overflow-x: hidden !important;\r\n scroll-behavior: smooth !important;\r\n }\r\n\r\n \/* Animaciones *\/\r\n .fade-in-up {\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n @keyframes fadeInUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .delay-100 { animation-delay: 0.1s; }\r\n .delay-200 { animation-delay: 0.2s; }\r\n .delay-300 { animation-delay: 0.3s; }\r\n .delay-400 { animation-delay: 0.4s; }\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<\/head>\r\n<body class=\"antialiased text-teojama-text selection:bg-teojama-primary selection:text-white\">\r\n\r\n <div id=\"teojama-landing-wrapper\">\r\n \r\n \r\n <div class=\"absolute top-0 left-0 w-full z-50 px-6 py-6 sm:px-12 lg:px-24 flex flex-col xl:flex-row justify-between items-start xl:items-center gap-4 bg-gradient-to-b from-black\/80 via-black\/40 to-transparent\">\r\n \r\n <div class=\"flex items-center gap-3 sm:gap-4 fade-in-up bg-white px-5 sm:px-6 py-3 rounded-2xl shadow-xl border border-gray-100\/50\">\r\n <div class=\"flex flex-col items-start\">\r\n <span class=\"text-gray-400 text-[10px] font-bold uppercase tracking-widest mb-1\">De:<\/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 Logo\" class=\"object-contain\" style=\"height: 28px !important; max-height: 28px !important; width: auto !important; min-height: 28px !important; min-width: auto !important;\">\r\n <\/div>\r\n \r\n <div class=\"flex items-center justify-center px-2 sm:px-4\">\r\n <svg class=\"text-teojama-primary animate-pulse\" style=\"height: 28px !important; width: 28px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-start\">\r\n <span class=\"text-gray-400 text-[10px] font-bold uppercase tracking-widest mb-1\">Para:<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/teojama_logo_header.png\" alt=\"Teojama Logo\" class=\"object-contain\" style=\"height: 36px !important; max-height: 36px !important; width: auto !important; min-height: 36px !important; min-width: auto !important;\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fade-in-up delay-100 hidden md:block text-white\/90 text-[10px] font-bold tracking-widest uppercase border border-white\/30 px-4 py-2 rounded-full backdrop-blur-md bg-black\/30\">\r\n Comunicaci\u00f3n Confidencial\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section class=\"relative min-h-[90vh] flex items-center justify-center pt-28\">\r\n \r\n <div class=\"absolute inset-0 z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519003722824-194d445e8631?q=80&w=2000&auto=format&fit=crop\" alt=\"Estrategia Corporativa\" class=\"w-full h-full object-cover grayscale opacity-40\" \/>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-teojama-dark\/95 via-teojama-dark\/90 to-teojama-dark\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 w-full max-w-5xl mx-auto px-6 sm:px-12 text-center mt-12\">\r\n <div class=\"mb-8 fade-in-up flex flex-col items-center gap-3\">\r\n <span class=\"bg-teojama-primary text-white px-5 py-1.5 rounded-full text-sm font-bold tracking-widest uppercase shadow-lg shadow-teojama-primary\/30 inline-flex items-center gap-2\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path><\/svg>\r\n Atenci\u00f3n: Sr. Malo\r\n <\/span>\r\n <p class=\"text-white\/80 font-medium tracking-widest uppercase text-sm md:text-base\">Hablemos de lo que realmente est\u00e1 en juego hoy.<\/p>\r\n <\/div>\r\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight mb-8 fade-in-up delay-100 text-balance\">\r\n \u00bfEst\u00e1 Teojama perdiendo su lugar en la historia por una <span class=\"text-teojama-primary\">guerra de precios<\/span> que no eligi\u00f3?\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-300 max-w-3xl mx-auto leading-relaxed fade-in-up delay-200\">\r\n La industria automotriz en Ecuador atraviesa una reconfiguraci\u00f3n estructural. Las reglas que permitieron a Teojama Comercial liderar durante m\u00e1s de seis d\u00e9cadas est\u00e1n bajo ataque por una competencia que no juega bajo las mismas normas de calidad ni servicio.\r\n <\/p>\r\n <div class=\"mt-12 fade-in-up delay-300\">\r\n <a href=\"#las-3-preguntas\" class=\"inline-flex items-center justify-center w-12 h-12 rounded-full border border-white\/30 text-white hover:bg-white\/10 transition-colors animate-bounce\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"las-3-preguntas\" class=\"py-24 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto px-6 sm:px-12 lg:px-24\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-teojama-dark mb-6\">Como l\u00edderes, hay tres preguntas que hoy no podemos permitirnos ignorar:<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-gray-100 hover:shadow-xl transition-shadow duration-300 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 left-0 w-full h-1 bg-teojama-primary transform origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-500\"><\/div>\r\n <h3 class=\"text-xl font-bold text-teojama-dark mb-4 leading-snug\">\u00bfEstamos viendo c\u00f3mo clientes hist\u00f3ricos se dejan seducir por el precio de entrada de los camiones chinos?<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">Perder a un cliente de toda la vida por unos d\u00f3lares de ahorro inicial es ver c\u00f3mo la lealtad se diluye ante la presi\u00f3n del presupuesto.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-gray-100 hover:shadow-xl transition-shadow duration-300 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 left-0 w-full h-1 bg-teojama-primary transform origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-500\"><\/div>\r\n <h3 class=\"text-xl font-bold text-teojama-dark mb-4 leading-snug\">\u00bfNos preocupa que el \u00fanico camino para seguir compitiendo sea sacrificar nuestros m\u00e1rgenes de beneficio?<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">Entrar en la batalla del \"m\u00e1s barato\" es una carrera hacia el fondo que puede volver el negocio insostenible a largo plazo.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-gray-100 hover:shadow-xl transition-shadow duration-300 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 left-0 w-full h-1 bg-teojama-primary transform origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-500\"><\/div>\r\n <h3 class=\"text-xl font-bold text-teojama-dark mb-4 leading-snug\">\u00bfSiente que el prestigio de la marca Hino corre el riesgo de ser visto como una \"commodity\" m\u00e1s?<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">El peligro real es que el mercado deje de valorar el \"Soporte Total\" y empiece a elegir simplemente por el precio de lista.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 bg-teojama-dark text-white relative overflow-hidden\">\r\n \r\n <div class=\"absolute inset-0 opacity-5\" style=\"background-image: radial-gradient(#ffffff 1px, transparent 1px); background-size: 30px 30px;\"><\/div>\r\n \r\n <div class=\"max-w-4xl mx-auto px-6 sm:px-12 text-center relative z-10\">\r\n <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-balance\">La excelencia en el servicio es el camino, pero... <span class=\"text-teojama-primary\">\u00bfes suficiente hoy?<\/span><\/h2>\r\n \r\n <p class=\"text-xl text-gray-300 mb-8 leading-relaxed font-light\">\r\n Sabemos que Teojama ya apuesta por la especializaci\u00f3n t\u00e9cnica y la filosof\u00eda de <strong>Soporte Total<\/strong>. Ese es su ADN y lo que les ha dado el octavo lugar en ventas de Hino a nivel mundial.\r\n <\/p>\r\n <p class=\"text-xl text-gray-300 mb-12 leading-relaxed font-light\">\r\n Sin embargo, en este nuevo escenario, el buen servicio ya no es una ventaja; <span class=\"text-white font-semibold\">es el requisito m\u00ednimo para sobrevivir<\/span>. Para ganar, hay que pasar de la excelencia reactiva a la <strong>excelencia predictiva<\/strong>.\r\n <\/p>\r\n\r\n <div class=\"p-8 border border-white\/10 bg-white\/5 rounded-2xl backdrop-blur-sm\">\r\n <p class=\"text-lg text-gray-200\">\r\n Ustedes ya tienen el activo m\u00e1s valioso: los datos de <strong>Teojama Analytics<\/strong> y la lealtad de sus flotas. Pero, <span class=\"text-white font-bold italic\">\u00bfle estamos sacando todo el partido posible para blindar nuestra cartera de clientes?<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-6 sm:px-12 lg:px-24\">\r\n <div class=\"mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-teojama-dark mb-4\">El siguiente nivel: Blindar la relaci\u00f3n y disparar la posventa<\/h2>\r\n <p class=\"text-xl text-gray-600 max-w-3xl\">Creemos que existe un camino para proteger a Teojama de la guerra de precios sin tener que bajar sus est\u00e1ndares:<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-12\">\r\n \r\n <div class=\"flex flex-col md:flex-row gap-6 items-start group\">\r\n <div class=\"flex-shrink-0 w-16 h-16 rounded-full bg-emerald-50 text-teojama-primary flex items-center justify-center border-2 border-emerald-100 group-hover:bg-teojama-primary group-hover:text-white transition-colors duration-300\">\r\n <span class=\"text-2xl font-bold\">1<\/span>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-teojama-dark mb-3\">Aumentar la recurrencia en repuestos<\/h3>\r\n <p class=\"text-lg text-gray-600 leading-relaxed\">Si bien la divisi\u00f3n de repuestos creci\u00f3 un 18%, el potencial de capturar cada d\u00f3lar del \"aftermarket\" es mucho mayor si nos <strong>anticipamos a la necesidad<\/strong> del cliente, en lugar de esperar a que \u00e9l nos busque.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col md:flex-row gap-6 items-start group\">\r\n <div class=\"flex-shrink-0 w-16 h-16 rounded-full bg-emerald-50 text-teojama-primary flex items-center justify-center border-2 border-emerald-100 group-hover:bg-teojama-primary group-hover:text-white transition-colors duration-300\">\r\n <span class=\"text-2xl font-bold\">2<\/span>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-teojama-dark mb-3\">Maximizar la retenci\u00f3n de clientes<\/h3>\r\n <p class=\"text-lg text-gray-600 leading-relaxed\">No se trata solo de esperar a que el cliente venga al taller, sino de crear un ecosistema donde el cliente <strong>nunca tenga una sola raz\u00f3n<\/strong> para buscar otra opci\u00f3n en la competencia.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col md:flex-row gap-6 items-start group\">\r\n <div class=\"flex-shrink-0 w-16 h-16 rounded-full bg-emerald-50 text-teojama-primary flex items-center justify-center border-2 border-emerald-100 group-hover:bg-teojama-primary group-hover:text-white transition-colors duration-300\">\r\n <span class=\"text-2xl font-bold\">3<\/span>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-teojama-dark mb-3\">Convertir los datos en ventas reales<\/h3>\r\n <p class=\"text-lg text-gray-600 leading-relaxed\">Usar la inteligencia que ya generan sus unidades para que su fuerza comercial \u2014que representa el 94% de su plantilla\u2014 sea <strong>infalible al momento de cerrar negocios<\/strong> de servicio y mantenimiento.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 bg-gray-50 border-t border-gray-200\">\r\n <div class=\"max-w-4xl mx-auto px-6 sm:px-12 text-center\">\r\n <span class=\"text-teojama-primary font-bold uppercase tracking-wider text-sm mb-4 block\">La Propuesta<\/span>\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-teojama-dark mb-8\">Hablemos de estrategia, no de herramientas.<\/h2>\r\n \r\n <p class=\"text-xl text-gray-700 mb-6 leading-relaxed\">\r\n Sr. Malo, el desaf\u00edo no es t\u00e9cnico, <strong>es de continuity de negocio<\/strong>. No queremos proponerle un cambio de rumbo, sino mostrarle c\u00f3mo acelerar en el camino que ya han trazado con TINNOVA.\r\n <\/p>\r\n <p class=\"text-xl text-gray-700 mb-12 leading-relaxed\">\r\n Hagamos esto juntos. El mercado ha planteado un reto hist\u00f3rico y tenemos la capacidad tecnol\u00f3gica y estrat\u00e9gica para enfrentarlo y salir fortalecidos.\r\n <\/p>\r\n\r\n \r\n <button onclick=\"openFormModal()\" class=\"inline-block bg-teojama-primary hover:bg-teojama-primaryDark text-white text-lg font-bold py-5 px-10 rounded-xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1 border-0 cursor-pointer\">\r\n Hablemos\r\n <\/button>\r\n <p class=\"mt-4 text-sm text-gray-400\">Sin compromiso, solo un intercambio de ideas que nos hagan crecer.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"bg-white border-t border-gray-200 py-10\">\r\n <div class=\"max-w-7xl mx-auto px-6 flex flex-col items-center justify-center gap-6\">\r\n \r\n <div class=\"flex flex-col sm:flex-row items-center gap-6\">\r\n <img decoding=\"async\" src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/teojama_logo_header.png\" alt=\"Teojama Comercial\" class=\"object-contain\" style=\"height: 32px !important; max-height: 32px !important; width: auto !important; min-height: 32px !important; min-width: auto !important;\">\r\n <span class=\"text-gray-300 hidden sm:inline\">|<\/span>\r\n <div class=\"flex items-center gap-3\">\r\n <span class=\"text-[10px] text-gray-400 uppercase tracking-widest font-semibold\">Presentado 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 Logo\" class=\"object-contain\" style=\"height: 26px !important; max-height: 26px !important; width: auto !important; min-height: 26px !important; min-width: auto !important;\">\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-gray-400 text-[10px] text-center mt-2 uppercase tracking-wide\">\r\n Este documento es confidencial y ha sido preparado exclusivamente para la directiva de Teojama Comercial.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"form-modal\" class=\"custom-modal fixed inset-0 z-[200] flex items-center justify-center hidden\">\r\n \r\n <div class=\"absolute inset-0 bg-teojama-dark\/90 backdrop-blur-sm\" onclick=\"closeFormModal()\"><\/div>\r\n \r\n \r\n <div class=\"relative bg-white rounded-2xl shadow-2xl p-8 max-w-md mx-4 w-full border-t-4 border-teojama-primary transform transition-all scale-100\">\r\n <button onclick=\"closeFormModal()\" class=\"absolute top-4 right-4 text-gray-400 hover:text-gray-600 bg-transparent border-0 cursor-pointer\">\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-teojama-dark mb-2\">Confirmar Inter\u00e9s<\/h3>\r\n <p class=\"text-gray-500 text-sm mb-6\">D\u00e9janos tus datos para agendar la reuni\u00f3n.<\/p>\r\n \r\n \r\n <iframe name=\"pardot-hidden-frame\" style=\"display:none;\"><\/iframe>\r\n\r\n \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-gray-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-gray-300 rounded-lg focus:ring-2 focus:ring-teojama-primary focus:border-teojama-primary 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-gray-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-gray-300 rounded-lg focus:ring-2 focus:ring-teojama-primary focus:border-teojama-primary outline-none transition-colors\" placeholder=\"ejemplo@teojama.com\">\r\n <\/div>\r\n\r\n <div>\r\n <label for=\"phone\" class=\"block text-xs font-bold text-gray-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-gray-300 rounded-lg focus:ring-2 focus:ring-teojama-primary focus:border-teojama-primary 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-teojama-dark text-white py-3 rounded-lg font-bold hover:bg-black transition-colors uppercase tracking-wide cursor-pointer border-0\">\r\n Enviar Confirmaci\u00f3n\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"success-modal\" class=\"custom-modal fixed inset-0 z-[200] flex items-center justify-center hidden\">\r\n \r\n <div class=\"absolute inset-0 bg-teojama-dark\/90 backdrop-blur-sm\" onclick=\"closeSuccessModal()\"><\/div>\r\n \r\n \r\n <div class=\"relative bg-white rounded-2xl 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-gray-400 hover:text-gray-600 bg-transparent border-0 cursor-pointer\">\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-teojama-dark mb-4\">\u00a1Gracias por el inter\u00e9s!<\/h3>\r\n <p class=\"text-gray-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-teojama-dark text-white py-3 rounded-lg font-bold hover:bg-black transition-colors border-0 cursor-pointer\">\r\n Entendido\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <script>\r\n \/\/ Initialize Lucide Icons\r\n lucide.createIcons();\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 e.preventDefault(); \r\n const form = this;\r\n \r\n const submitBtn = document.getElementById('btn-submit-pardot');\r\n submitBtn.innerText = \"Enviando...\";\r\n submitBtn.disabled = true;\r\n\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 const backupUrl = \"https:\/\/formsubmit.co\/ajax\/fernando.cajaraville@intellectsystem.net\"; \r\n\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! (Teojama - 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 form.submit();\r\n\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 <\/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>Visi\u00f3n Estrat\u00e9gica Teojama – Intellect Systems De: Para: Comunicaci\u00f3n Confidencial Atenci\u00f3n: Sr. Malo Hablemos de lo que realmente est\u00e1 en juego hoy. \u00bfEst\u00e1 Teojama perdiendo su lugar en la historia por una guerra de precios que no eligi\u00f3? La industria automotriz en Ecuador atraviesa una reconfiguraci\u00f3n estructural. Las reglas que permitieron a Teojama Comercial liderar […]<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/13","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=13"}],"version-history":[{"count":26,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/13\/revisions\/239"}],"wp:attachment":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Visi\u00f3n Estrat\u00e9gica Teojama - Intellect Systems<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\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 },\r\n colors: {\r\n teojama: {\r\n primary: '#02A877', \/* Verde Teal del logotipo *\/\r\n primaryDark: '#02855E', \/* Tono oscuro para hovers *\/\r\n dark: '#111827',\r\n gray: '#F3F4F6',\r\n text: '#374151'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ==========================================================================\r\n FORZADO DE CSS PARA WORDPRESS \/ ELEMENTOR (MODO CANVAS ABSOLUTO)\r\n ========================================================================== *\/\r\n \r\n \/* 1. Ocultar TODAS las cabeceras, pies de p\u00e1gina, barras y t\u00edtulos nativos del tema *\/\r\n header, footer, nav, aside, \r\n #masthead, #colophon, #header, #footer, #sidebar, #top-bar, #bottom-bar,\r\n .site-header, .site-footer, .site-info, .site-title,\r\n .page-header, .page-title, .entry-header, .entry-title,\r\n .elementor-location-header, .elementor-location-footer, .elementor-page-title,\r\n .ast-primary-header-bar, .site-primary-header-wrap,\r\n .generate-header, .site-logo, .main-navigation, .oceanwp-page-header {\r\n display: none !important;\r\n height: 0 !important;\r\n min-height: 0 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n pointer-events: none !important;\r\n position: absolute !important;\r\n z-index: -9999 !important;\r\n }\r\n\r\n \/* 2. Bloquear el scroll del tema de WordPress para evitar doble barra de desplazamiento *\/\r\n html, body {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n overflow: hidden !important; \/* Bloquea el scroll del tema nativo *\/\r\n background-color: #ffffff !important;\r\n }\r\n\r\n \/* 3. Anular los contenedores estructurales de WordPress *\/\r\n #page, #content, #main, #primary, .site-content, .site-main, .elementor-page, .elementor-section-wrap {\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n max-width: none !important;\r\n width: 100% !important;\r\n border: none !important;\r\n }\r\n\r\n \/* 4. MODO OVERLAY: Forzar que nuestro dise\u00f1o flote POR ENCIMA de todo y ocupe el 100% de la pantalla *\/\r\n #teojama-landing-wrapper {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n z-index: 9999999 !important; \/* M\u00e1xima prioridad sobre el tema *\/\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n background: #fff !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n overflow-y: auto !important; \/* Habilita el scroll solo dentro de nuestra landing *\/\r\n overflow-x: hidden !important;\r\n scroll-behavior: smooth !important;\r\n }\r\n\r\n \/* Animaciones *\/\r\n .fade-in-up {\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n @keyframes fadeInUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .delay-100 { animation-delay: 0.1s; }\r\n .delay-200 { animation-delay: 0.2s; }\r\n .delay-300 { animation-delay: 0.3s; }\r\n .delay-400 { animation-delay: 0.4s; }\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<\/head>\r\n<body class=\"antialiased text-teojama-text selection:bg-teojama-primary selection:text-white\">\r\n\r\n <div id=\"teojama-landing-wrapper\">\r\n \r\n \r\n <div class=\"absolute top-0 left-0 w-full z-50 px-6 py-6 sm:px-12 lg:px-24 flex flex-col xl:flex-row justify-between items-start xl:items-center gap-4 bg-gradient-to-b from-black\/80 via-black\/40 to-transparent\">\r\n \r\n <div class=\"flex items-center gap-3 sm:gap-4 fade-in-up bg-white px-5 sm:px-6 py-3 rounded-2xl shadow-xl border border-gray-100\/50\">\r\n <div class=\"flex flex-col items-start\">\r\n <span class=\"text-gray-400 text-[10px] font-bold uppercase tracking-widest mb-1\">De:<\/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 Logo\" class=\"object-contain\" style=\"height: 28px !important; max-height: 28px !important; width: auto !important; min-height: 28px !important; min-width: auto !important;\">\r\n <\/div>\r\n \r\n <div class=\"flex items-center justify-center px-2 sm:px-4\">\r\n <svg class=\"text-teojama-primary animate-pulse\" style=\"height: 28px !important; width: 28px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-start\">\r\n <span class=\"text-gray-400 text-[10px] font-bold uppercase tracking-widest mb-1\">Para:<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/teojama_logo_header.png\" alt=\"Teojama Logo\" class=\"object-contain\" style=\"height: 36px !important; max-height: 36px !important; width: auto !important; min-height: 36px !important; min-width: auto !important;\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fade-in-up delay-100 hidden md:block text-white\/90 text-[10px] font-bold tracking-widest uppercase border border-white\/30 px-4 py-2 rounded-full backdrop-blur-md bg-black\/30\">\r\n Comunicaci\u00f3n Confidencial\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section class=\"relative min-h-[90vh] flex items-center justify-center pt-28\">\r\n \r\n <div class=\"absolute inset-0 z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519003722824-194d445e8631?q=80&w=2000&auto=format&fit=crop\" alt=\"Estrategia Corporativa\" class=\"w-full h-full object-cover grayscale opacity-40\" \/>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-teojama-dark\/95 via-teojama-dark\/90 to-teojama-dark\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 w-full max-w-5xl mx-auto px-6 sm:px-12 text-center mt-12\">\r\n <div class=\"mb-8 fade-in-up flex flex-col items-center gap-3\">\r\n <span class=\"bg-teojama-primary text-white px-5 py-1.5 rounded-full text-sm font-bold tracking-widest uppercase shadow-lg shadow-teojama-primary\/30 inline-flex items-center gap-2\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path><\/svg>\r\n Atenci\u00f3n: Sr. Malo\r\n <\/span>\r\n <p class=\"text-white\/80 font-medium tracking-widest uppercase text-sm md:text-base\">Hablemos de lo que realmente est\u00e1 en juego hoy.<\/p>\r\n <\/div>\r\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight mb-8 fade-in-up delay-100 text-balance\">\r\n \u00bfEst\u00e1 Teojama perdiendo su lugar en la historia por una <span class=\"text-teojama-primary\">guerra de precios<\/span> que no eligi\u00f3?\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-300 max-w-3xl mx-auto leading-relaxed fade-in-up delay-200\">\r\n La industria automotriz en Ecuador atraviesa una reconfiguraci\u00f3n estructural. Las reglas que permitieron a Teojama Comercial liderar durante m\u00e1s de seis d\u00e9cadas est\u00e1n bajo ataque por una competencia que no juega bajo las mismas normas de calidad ni servicio.\r\n <\/p>\r\n <div class=\"mt-12 fade-in-up delay-300\">\r\n <a href=\"#las-3-preguntas\" class=\"inline-flex items-center justify-center w-12 h-12 rounded-full border border-white\/30 text-white hover:bg-white\/10 transition-colors animate-bounce\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"las-3-preguntas\" class=\"py-24 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto px-6 sm:px-12 lg:px-24\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-teojama-dark mb-6\">Como l\u00edderes, hay tres preguntas que hoy no podemos permitirnos ignorar:<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-gray-100 hover:shadow-xl transition-shadow duration-300 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 left-0 w-full h-1 bg-teojama-primary transform origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-500\"><\/div>\r\n <h3 class=\"text-xl font-bold text-teojama-dark mb-4 leading-snug\">\u00bfEstamos viendo c\u00f3mo clientes hist\u00f3ricos se dejan seducir por el precio de entrada de los camiones chinos?<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">Perder a un cliente de toda la vida por unos d\u00f3lares de ahorro inicial es ver c\u00f3mo la lealtad se diluye ante la presi\u00f3n del presupuesto.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-gray-100 hover:shadow-xl transition-shadow duration-300 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 left-0 w-full h-1 bg-teojama-primary transform origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-500\"><\/div>\r\n <h3 class=\"text-xl font-bold text-teojama-dark mb-4 leading-snug\">\u00bfNos preocupa que el \u00fanico camino para seguir compitiendo sea sacrificar nuestros m\u00e1rgenes de beneficio?<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">Entrar en la batalla del \"m\u00e1s barato\" es una carrera hacia el fondo que puede volver el negocio insostenible a largo plazo.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-gray-100 hover:shadow-xl transition-shadow duration-300 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 left-0 w-full h-1 bg-teojama-primary transform origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-500\"><\/div>\r\n <h3 class=\"text-xl font-bold text-teojama-dark mb-4 leading-snug\">\u00bfSiente que el prestigio de la marca Hino corre el riesgo de ser visto como una \"commodity\" m\u00e1s?<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">El peligro real es que el mercado deje de valorar el \"Soporte Total\" y empiece a elegir simplemente por el precio de lista.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 bg-teojama-dark text-white relative overflow-hidden\">\r\n \r\n <div class=\"absolute inset-0 opacity-5\" style=\"background-image: radial-gradient(#ffffff 1px, transparent 1px); background-size: 30px 30px;\"><\/div>\r\n \r\n <div class=\"max-w-4xl mx-auto px-6 sm:px-12 text-center relative z-10\">\r\n <h2 class=\"text-3xl md:text-5xl font-bold mb-8 text-balance\">La excelencia en el servicio es el camino, pero... <span class=\"text-teojama-primary\">\u00bfes suficiente hoy?<\/span><\/h2>\r\n \r\n <p class=\"text-xl text-gray-300 mb-8 leading-relaxed font-light\">\r\n Sabemos que Teojama ya apuesta por la especializaci\u00f3n t\u00e9cnica y la filosof\u00eda de <strong>Soporte Total<\/strong>. Ese es su ADN y lo que les ha dado el octavo lugar en ventas de Hino a nivel mundial.\r\n <\/p>\r\n <p class=\"text-xl text-gray-300 mb-12 leading-relaxed font-light\">\r\n Sin embargo, en este nuevo escenario, el buen servicio ya no es una ventaja; <span class=\"text-white font-semibold\">es el requisito m\u00ednimo para sobrevivir<\/span>. Para ganar, hay que pasar de la excelencia reactiva a la <strong>excelencia predictiva<\/strong>.\r\n <\/p>\r\n\r\n <div class=\"p-8 border border-white\/10 bg-white\/5 rounded-2xl backdrop-blur-sm\">\r\n <p class=\"text-lg text-gray-200\">\r\n Ustedes ya tienen el activo m\u00e1s valioso: los datos de <strong>Teojama Analytics<\/strong> y la lealtad de sus flotas. Pero, <span class=\"text-white font-bold italic\">\u00bfle estamos sacando todo el partido posible para blindar nuestra cartera de clientes?<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-6 sm:px-12 lg:px-24\">\r\n <div class=\"mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-teojama-dark mb-4\">El siguiente nivel: Blindar la relaci\u00f3n y disparar la posventa<\/h2>\r\n <p class=\"text-xl text-gray-600 max-w-3xl\">Creemos que existe un camino para proteger a Teojama de la guerra de precios sin tener que bajar sus est\u00e1ndares:<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-12\">\r\n \r\n <div class=\"flex flex-col md:flex-row gap-6 items-start group\">\r\n <div class=\"flex-shrink-0 w-16 h-16 rounded-full bg-emerald-50 text-teojama-primary flex items-center justify-center border-2 border-emerald-100 group-hover:bg-teojama-primary group-hover:text-white transition-colors duration-300\">\r\n <span class=\"text-2xl font-bold\">1<\/span>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-teojama-dark mb-3\">Aumentar la recurrencia en repuestos<\/h3>\r\n <p class=\"text-lg text-gray-600 leading-relaxed\">Si bien la divisi\u00f3n de repuestos creci\u00f3 un 18%, el potencial de capturar cada d\u00f3lar del \"aftermarket\" es mucho mayor si nos <strong>anticipamos a la necesidad<\/strong> del cliente, en lugar de esperar a que \u00e9l nos busque.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col md:flex-row gap-6 items-start group\">\r\n <div class=\"flex-shrink-0 w-16 h-16 rounded-full bg-emerald-50 text-teojama-primary flex items-center justify-center border-2 border-emerald-100 group-hover:bg-teojama-primary group-hover:text-white transition-colors duration-300\">\r\n <span class=\"text-2xl font-bold\">2<\/span>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-teojama-dark mb-3\">Maximizar la retenci\u00f3n de clientes<\/h3>\r\n <p class=\"text-lg text-gray-600 leading-relaxed\">No se trata solo de esperar a que el cliente venga al taller, sino de crear un ecosistema donde el cliente <strong>nunca tenga una sola raz\u00f3n<\/strong> para buscar otra opci\u00f3n en la competencia.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col md:flex-row gap-6 items-start group\">\r\n <div class=\"flex-shrink-0 w-16 h-16 rounded-full bg-emerald-50 text-teojama-primary flex items-center justify-center border-2 border-emerald-100 group-hover:bg-teojama-primary group-hover:text-white transition-colors duration-300\">\r\n <span class=\"text-2xl font-bold\">3<\/span>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-teojama-dark mb-3\">Convertir los datos en ventas reales<\/h3>\r\n <p class=\"text-lg text-gray-600 leading-relaxed\">Usar la inteligencia que ya generan sus unidades para que su fuerza comercial \u2014que representa el 94% de su plantilla\u2014 sea <strong>infalible al momento de cerrar negocios<\/strong> de servicio y mantenimiento.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 bg-gray-50 border-t border-gray-200\">\r\n <div class=\"max-w-4xl mx-auto px-6 sm:px-12 text-center\">\r\n <span class=\"text-teojama-primary font-bold uppercase tracking-wider text-sm mb-4 block\">La Propuesta<\/span>\r\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-teojama-dark mb-8\">Hablemos de estrategia, no de herramientas.<\/h2>\r\n \r\n <p class=\"text-xl text-gray-700 mb-6 leading-relaxed\">\r\n Sr. Malo, el desaf\u00edo no es t\u00e9cnico, <strong>es de continuity de negocio<\/strong>. No queremos proponerle un cambio de rumbo, sino mostrarle c\u00f3mo acelerar en el camino que ya han trazado con TINNOVA.\r\n <\/p>\r\n <p class=\"text-xl text-gray-700 mb-12 leading-relaxed\">\r\n Hagamos esto juntos. El mercado ha planteado un reto hist\u00f3rico y tenemos la capacidad tecnol\u00f3gica y estrat\u00e9gica para enfrentarlo y salir fortalecidos.\r\n <\/p>\r\n\r\n \r\n <button onclick=\"openFormModal()\" class=\"inline-block bg-teojama-primary hover:bg-teojama-primaryDark text-white text-lg font-bold py-5 px-10 rounded-xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1 border-0 cursor-pointer\">\r\n Hablemos\r\n <\/button>\r\n <p class=\"mt-4 text-sm text-gray-400\">Sin compromiso, solo un intercambio de ideas que nos hagan crecer.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"bg-white border-t border-gray-200 py-10\">\r\n <div class=\"max-w-7xl mx-auto px-6 flex flex-col items-center justify-center gap-6\">\r\n \r\n <div class=\"flex flex-col sm:flex-row items-center gap-6\">\r\n <img decoding=\"async\" src=\"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-content\/uploads\/2026\/02\/teojama_logo_header.png\" alt=\"Teojama Comercial\" class=\"object-contain\" style=\"height: 32px !important; max-height: 32px !important; width: auto !important; min-height: 32px !important; min-width: auto !important;\">\r\n <span class=\"text-gray-300 hidden sm:inline\">|<\/span>\r\n <div class=\"flex items-center gap-3\">\r\n <span class=\"text-[10px] text-gray-400 uppercase tracking-widest font-semibold\">Presentado 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 Logo\" class=\"object-contain\" style=\"height: 26px !important; max-height: 26px !important; width: auto !important; min-height: 26px !important; min-width: auto !important;\">\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-gray-400 text-[10px] text-center mt-2 uppercase tracking-wide\">\r\n Este documento es confidencial y ha sido preparado exclusivamente para la directiva de Teojama Comercial.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"form-modal\" class=\"custom-modal fixed inset-0 z-[200] flex items-center justify-center hidden\">\r\n \r\n <div class=\"absolute inset-0 bg-teojama-dark\/90 backdrop-blur-sm\" onclick=\"closeFormModal()\"><\/div>\r\n \r\n \r\n <div class=\"relative bg-white rounded-2xl shadow-2xl p-8 max-w-md mx-4 w-full border-t-4 border-teojama-primary transform transition-all scale-100\">\r\n <button onclick=\"closeFormModal()\" class=\"absolute top-4 right-4 text-gray-400 hover:text-gray-600 bg-transparent border-0 cursor-pointer\">\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-teojama-dark mb-2\">Confirmar Inter\u00e9s<\/h3>\r\n <p class=\"text-gray-500 text-sm mb-6\">D\u00e9janos tus datos para agendar la reuni\u00f3n.<\/p>\r\n \r\n \r\n <iframe name=\"pardot-hidden-frame\" style=\"display:none;\"><\/iframe>\r\n\r\n \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-gray-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-gray-300 rounded-lg focus:ring-2 focus:ring-teojama-primary focus:border-teojama-primary 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-gray-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-gray-300 rounded-lg focus:ring-2 focus:ring-teojama-primary focus:border-teojama-primary outline-none transition-colors\" placeholder=\"ejemplo@teojama.com\">\r\n <\/div>\r\n\r\n <div>\r\n <label for=\"phone\" class=\"block text-xs font-bold text-gray-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-gray-300 rounded-lg focus:ring-2 focus:ring-teojama-primary focus:border-teojama-primary 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-teojama-dark text-white py-3 rounded-lg font-bold hover:bg-black transition-colors uppercase tracking-wide cursor-pointer border-0\">\r\n Enviar Confirmaci\u00f3n\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"success-modal\" class=\"custom-modal fixed inset-0 z-[200] flex items-center justify-center hidden\">\r\n \r\n <div class=\"absolute inset-0 bg-teojama-dark\/90 backdrop-blur-sm\" onclick=\"closeSuccessModal()\"><\/div>\r\n \r\n \r\n <div class=\"relative bg-white rounded-2xl 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-gray-400 hover:text-gray-600 bg-transparent border-0 cursor-pointer\">\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-teojama-dark mb-4\">\u00a1Gracias por el inter\u00e9s!<\/h3>\r\n <p class=\"text-gray-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-teojama-dark text-white py-3 rounded-lg font-bold hover:bg-black transition-colors border-0 cursor-pointer\">\r\n Entendido\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <script>\r\n \/\/ Initialize Lucide Icons\r\n lucide.createIcons();\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 e.preventDefault(); \r\n const form = this;\r\n \r\n const submitBtn = document.getElementById('btn-submit-pardot');\r\n submitBtn.innerText = \"Enviando...\";\r\n submitBtn.disabled = true;\r\n\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 const backupUrl = \"https:\/\/formsubmit.co\/ajax\/fernando.cajaraville@intellectsystem.net\"; \r\n\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! (Teojama - 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 form.submit();\r\n\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 <\/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>Visi\u00f3n Estrat\u00e9gica Teojama – Intellect Systems De: Para: Comunicaci\u00f3n Confidencial Atenci\u00f3n: Sr. Malo Hablemos de lo que realmente est\u00e1 en juego hoy. \u00bfEst\u00e1 Teojama perdiendo su lugar en la historia por una guerra de precios que no eligi\u00f3? La industria automotriz en Ecuador atraviesa una reconfiguraci\u00f3n estructural. Las reglas que permitieron a Teojama Comercial liderar […]<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/13","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=13"}],"version-history":[{"count":26,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/13\/revisions\/239"}],"wp:attachment":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}