{"id":325,"date":"2026-05-15T17:30:50","date_gmt":"2026-05-15T15:30:50","guid":{"rendered":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/?page_id=325"},"modified":"2026-05-15T17:35:52","modified_gmt":"2026-05-15T15:35:52","slug":"elementor-325","status":"publish","type":"page","link":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/elementor-325\/","title":{"rendered":"Elementor #325"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"325\" class=\"elementor elementor-325\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6734c31 e-flex e-con-boxed e-con e-parent\" data-id=\"6734c31\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40dad10 elementor-widget elementor-widget-html\" data-id=\"40dad10\" 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>Blueprint: Protege tu cartera de clientes | Sector Financiero<\/title>\r\n    <!-- Carga de Tailwind CSS a trav\u00e9s de CDN para estilos r\u00e1pidos y responsivos -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Carga de fuente Montserrat desde Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- Configuraci\u00f3n personalizada de Tailwind -->\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Montserrat', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        brand: {\r\n                            dark: '#0a1930', \/\/ Azul corporativo profundo (estilo Intellect)\r\n                            primary: '#0056b3', \/\/ Azul profesional principal\r\n                            accent: '#00b4d8', \/\/ Acentos\r\n                            light: '#f8fafc', \r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        \/* Aislamiento estricto de WordPress *\/\r\n        html, body { \r\n            margin: 0 !important; \r\n            padding: 0 !important; \r\n            overflow: hidden !important; \/* Evita doble scroll con el wrapper *\/\r\n        }\r\n        html.wp-toolbar { padding-top: 0 !important; }\r\n        #wpadminbar { display: none !important; }\r\n        \r\n        \/* Ocultar elementos t\u00edpicos de temas WP que puedan interferir en la carga *\/\r\n        .site-header, .site-footer, #masthead, #colophon { display: none !important; }\r\n\r\n        \/* Animaci\u00f3n suave para la aparici\u00f3n del contenido *\/\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        .animate-fade-in {\r\n            animation: fadeIn 0.8s ease-out forwards;\r\n        }\r\n        \r\n        \/* Estilos personalizados para iconos de check (SVG inline en CSS) *\/\r\n        .check-icon::before {\r\n            content: '';\r\n            display: inline-block;\r\n            width: 1.25rem;\r\n            height: 1.25rem;\r\n            margin-right: 0.75rem;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20' fill='%230056b3'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n            vertical-align: middle;\r\n            flex-shrink: 0;\r\n            margin-top: 2px; \/* Alineaci\u00f3n fina con el texto *\/\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- WRAPPER DE AISLAMIENTO: Cubre completamente el tema de WordPress -->\r\n    <div id=\"intellect-landing-wrapper\" class=\"fixed inset-0 z-[999999] bg-brand-light text-slate-800 antialiased overflow-y-auto w-full h-full flex flex-col font-sans\">\r\n\r\n        <!-- Navbar simple \/ Branding -->\r\n        <header class=\"w-full bg-white shadow-sm py-4 px-6 md:px-12 border-b border-slate-200 shrink-0\">\r\n            <div class=\"max-w-7xl mx-auto flex justify-between items-center\">\r\n                <!-- Logotipo de Intellect Systems cargado desde URL con estilos forzados (Anti-WordPress Theme) -->\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=\"h-10 md:h-12 w-auto object-contain\" style=\"height: 48px !important; max-height: 48px !important; width: auto !important; max-width: 250px !important; min-height: 40px !important; object-fit: contain !important; margin: 0 !important; padding: 0 !important; border: none !important; display: block !important;\">\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- Contenido Principal -->\r\n        <main class=\"flex-grow flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8\">\r\n            \r\n            <!-- Columna Izquierda: Copywriting y Beneficios -->\r\n            <div class=\"flex flex-col space-y-8 animate-fade-in\">\r\n                \r\n                <!-- 1. Cabecera \/ Target Audience -->\r\n                <div class=\"inline-flex\">\r\n                    <span class=\"bg-blue-100 text-brand-primary text-sm font-semibold tracking-wide uppercase px-4 py-1.5 rounded-full border border-blue-200\">\r\n                        Para l\u00edderes del sector financiero en Centroam\u00e9rica\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <!-- 2. Titular Principal (Gancho) -->\r\n                <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-extrabold text-brand-dark leading-tight tracking-tight\">\r\n                    \u00bfSon tus clientes o los de tus <span class=\"text-brand-primary relative\">\r\n                        vendedores?\r\n                        <!-- Subrayado decorativo -->\r\n                        <svg class=\"absolute w-full h-3 -bottom-1 left-0 text-blue-200 -z-10 opacity-70\" viewBox=\"0 0 100 10\" preserveAspectRatio=\"none\">\r\n                            <path d=\"M0 5 Q 50 10 100 5\" stroke=\"currentColor\" stroke-width=\"4\" fill=\"transparent\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/h1>\r\n\r\n                <!-- 3. Subt\u00edtulo (El problema) -->\r\n                <p class=\"text-xl md:text-2xl text-slate-600 font-medium leading-relaxed\">\r\n                    Qu\u00e9 hacer cuando tu vendedor estrella se va con la competencia y no quieres que los clientes se vayan con \u00e9l.\r\n                <\/p>\r\n\r\n                <!-- 4. Lista de Beneficios -->\r\n                <div class=\"bg-white rounded-2xl p-8 shadow-md border border-slate-100 mt-4\">\r\n                    <h3 class=\"text-lg font-bold text-brand-dark mb-6 border-b border-slate-100 pb-4\">\r\n                        Descarga este Blueprint y descubre c\u00f3mo retomar el control:\r\n                    <\/h3>\r\n                    \r\n                    <ul class=\"space-y-4\">\r\n                        <li class=\"flex items-start text-slate-700\">\r\n                            <span class=\"check-icon\"><\/span>\r\n                            <span class=\"leading-tight\">Establecer <strong>gobernanza total sobre los datos<\/strong> e historial de cada cliente.<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-start text-slate-700\">\r\n                            <span class=\"check-icon\"><\/span>\r\n                            <span class=\"leading-tight\">Asegurar la <strong>trazabilidad completa<\/strong> de todos los procesos de venta activos.<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-start text-slate-700\">\r\n                            <span class=\"check-icon\"><\/span>\r\n                            <span class=\"leading-tight\">Obtener <strong>visibilidad real del valor de vida<\/strong> del cliente (CLV).<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-start text-slate-700\">\r\n                            <span class=\"check-icon\"><\/span>\r\n                            <span class=\"leading-tight\">Calcular con precisi\u00f3n el <strong>coste de adquisici\u00f3n<\/strong> (CAC) por asesor.<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-start text-slate-700\">\r\n                            <span class=\"check-icon\"><\/span>\r\n                            <span class=\"leading-tight\">Estrategias de fidelizaci\u00f3n institucionales vs. relaciones personales.<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n            <\/div> <!-- Fin Columna Izquierda -->\r\n\r\n            <!-- Columna Derecha: Formulario de Captaci\u00f3n -->\r\n            <div class=\"w-full max-w-md mx-auto lg:mx-0 lg:ml-auto animate-fade-in\" style=\"animation-delay: 0.2s;\">\r\n                \r\n                <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden border border-slate-200\">\r\n                    <!-- Cabecera del formulario -->\r\n                    <div class=\"bg-brand-dark px-8 py-6 text-white relative overflow-hidden\">\r\n                        <!-- Elemento decorativo de fondo -->\r\n                        <div class=\"absolute top-0 right-0 -mr-8 -mt-8 w-32 h-32 rounded-full bg-brand-primary opacity-20 blur-2xl\"><\/div>\r\n                        \r\n                        <h2 class=\"text-2xl font-bold mb-2 relative z-10\">Obt\u00e9n acceso inmediato<\/h2>\r\n                        <p class=\"text-slate-300 text-sm relative z-10\">Completa tus datos para recibir el documento en tu bandeja de entrada.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Cuerpo del formulario -->\r\n                    <div class=\"px-8 py-8\">\r\n                        <form id=\"leadForm\" class=\"space-y-5\" onsubmit=\"handleFormSubmit(event)\">\r\n                            \r\n                            <!-- Campo: Nombre -->\r\n                            <div>\r\n                                <label for=\"fullName\" class=\"block text-sm font-semibold text-slate-700 mb-1\">Nombre y Apellido<\/label>\r\n                                <input type=\"text\" id=\"fullName\" name=\"fullName\" required\r\n                                    class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:ring-2 focus:ring-brand-primary focus:border-brand-primary outline-none transition-all duration-200 bg-slate-50 focus:bg-white placeholder-slate-400\"\r\n                                    placeholder=\"Ej. Carlos Mendoza\">\r\n                            <\/div>\r\n\r\n                            <!-- Campo: Email Profesional -->\r\n                            <div>\r\n                                <label for=\"workEmail\" class=\"block text-sm font-semibold text-slate-700 mb-1\">Email Profesional<\/label>\r\n                                <input type=\"email\" id=\"workEmail\" name=\"workEmail\" required\r\n                                    class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:ring-2 focus:ring-brand-primary focus:border-brand-primary outline-none transition-all duration-200 bg-slate-50 focus:bg-white placeholder-slate-400\"\r\n                                    placeholder=\"carlos@tuempresa.com\">\r\n                            <\/div>\r\n\r\n                            <!-- Campo: Empresa -->\r\n                            <div>\r\n                                <label for=\"company\" class=\"block text-sm font-semibold text-slate-700 mb-1\">Instituci\u00f3n Financiera<\/label>\r\n                                <input type=\"text\" id=\"company\" name=\"company\" required\r\n                                    class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:ring-2 focus:ring-brand-primary focus:border-brand-primary outline-none transition-all duration-200 bg-slate-50 focus:bg-white placeholder-slate-400\"\r\n                                    placeholder=\"Nombre de la entidad\">\r\n                            <\/div>\r\n\r\n                            <!-- Consentimiento -->\r\n                            <div class=\"flex items-start pt-2\">\r\n                                <div class=\"flex items-center h-5\">\r\n                                    <input id=\"privacy\" name=\"privacy\" type=\"checkbox\" required\r\n                                        class=\"w-4 h-4 text-brand-primary border-slate-300 rounded focus:ring-brand-primary\">\r\n                                <\/div>\r\n                                <div class=\"ml-3 text-sm\">\r\n                                    <label for=\"privacy\" class=\"text-slate-500 text-xs\">\r\n                                        Acepto la <a href=\"#\" class=\"text-brand-primary hover:underline\">pol\u00edtica de privacidad<\/a> y consiento el tratamiento de mis datos para recibir el blueprint.\r\n                                    <\/label>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Bot\u00f3n de Env\u00edo -->\r\n                            <div class=\"pt-4\">\r\n                                <button type=\"submit\" \r\n                                    class=\"w-full bg-brand-primary hover:bg-blue-700 text-white font-bold py-4 px-6 rounded-xl shadow-lg shadow-blue-500\/30 transform transition-all duration-200 hover:-translate-y-1 active:translate-y-0 flex flex-col items-center justify-center leading-tight\">\r\n                                    <span class=\"text-lg\">Descargar Blueprint Ahora<\/span>\r\n                                    <span class=\"text-xs font-normal opacity-90 mt-1\">10 beneficios para tu equipo de ventas de tener una \u00fanica fuente de la verdad<\/span>\r\n                                <\/button>\r\n                            <\/div>\r\n                            \r\n                            <p class=\"text-center text-xs text-slate-400 mt-4 flex items-center justify-center\">\r\n                                <!-- Candado SVG -->\r\n                                <svg class=\"w-3 h-3 mr-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n                                Tus datos est\u00e1n seguros con nosotros.\r\n                            <\/p>\r\n                        <\/form>\r\n                        \r\n                        <!-- Mensaje de \u00c9xito (Oculto por defecto) -->\r\n                        <div id=\"successMessage\" class=\"hidden text-center py-8\">\r\n                            <div class=\"mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-green-100 mb-6\">\r\n                                <svg class=\"h-8 w-8 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <h3 class=\"text-2xl font-bold text-slate-800 mb-2\">\u00a1Blueprint enviado!<\/h3>\r\n                            <p class=\"text-slate-600 mb-6\">Revisa tu bandeja de entrada. Te hemos enviado el enlace de descarga a la direcci\u00f3n proporcionada.<\/p>\r\n                            <button onclick=\"resetForm()\" class=\"text-brand-primary font-semibold hover:underline\">Volver al inicio<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div> <!-- Fin Columna Derecha -->\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <!-- Footer Simple -->\r\n    <footer class=\"bg-white border-t border-slate-200 py-8 mt-auto\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center text-sm text-slate-500\">\r\n            <p>&copy; 2026 Intellect Systems. Todos los derechos reservados.<\/p>\r\n            <div class=\"mt-4 md:mt-0 space-x-4\">\r\n                <a href=\"#\" class=\"hover:text-slate-800 transition-colors\">T\u00e9rminos legales<\/a>\r\n                <a href=\"#\" class=\"hover:text-slate-800 transition-colors\">Pol\u00edtica de cookies<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- L\u00f3gica de interacciones -->\r\n    <script>\r\n        function handleFormSubmit(event) {\r\n            \/\/ Prevenimos la recarga de la p\u00e1gina (comportamiento por defecto del form)\r\n            event.preventDefault();\r\n            \r\n            \/\/ Aqu\u00ed ir\u00eda tu l\u00f3gica de env\u00edo a servidor\/CRM (ej. fetch API)\r\n            \/\/ Simulamos un env\u00edo exitoso:\r\n            \r\n            const form = document.getElementById('leadForm');\r\n            const successMsg = document.getElementById('successMessage');\r\n            const submitBtn = form.querySelector('button[type=\"submit\"]');\r\n            \r\n            \/\/ Estado de carga en el bot\u00f3n\r\n            const originalBtnContent = submitBtn.innerHTML;\r\n            submitBtn.innerHTML = '<span class=\"flex items-center justify-center\"><svg class=\"animate-spin -ml-1 mr-3 h-5 w-5 text-white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle><path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path><\/svg> Procesando...<\/span>';\r\n            submitBtn.disabled = true;\r\n\r\n            \/\/ Simular delay de red\r\n            setTimeout(() => {\r\n                \/\/ Ocultar formulario y mostrar \u00e9xito\r\n                form.classList.add('hidden');\r\n                successMsg.classList.remove('hidden');\r\n                successMsg.classList.add('animate-fade-in');\r\n                \r\n                \/\/ Restaurar bot\u00f3n (por si se resetea)\r\n                submitBtn.innerHTML = originalBtnContent;\r\n                submitBtn.disabled = false;\r\n                form.reset(); \/\/ Limpiar campos\r\n            }, 1500);\r\n        }\r\n\r\n        function resetForm() {\r\n            const form = document.getElementById('leadForm');\r\n            const successMsg = document.getElementById('successMessage');\r\n            \r\n            successMsg.classList.add('hidden');\r\n            successMsg.classList.remove('animate-fade-in');\r\n            form.classList.remove('hidden');\r\n            form.classList.add('animate-fade-in');\r\n        }\r\n    <\/script>\r\n    \r\n    <\/div> <!-- FIN WRAPPER DE AISLAMIENTO -->\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>Blueprint: Protege tu cartera de clientes | Sector Financiero Para l\u00edderes del sector financiero en Centroam\u00e9rica \u00bfSon tus clientes o los de tus vendedores? Qu\u00e9 hacer cuando tu vendedor estrella se va con la competencia y no quieres que los clientes se vayan con \u00e9l. Descarga este Blueprint y descubre c\u00f3mo retomar el control: Establecer [&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-325","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/325","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=325"}],"version-history":[{"count":10,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/325\/revisions"}],"predecessor-version":[{"id":335,"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/pages\/325\/revisions\/335"}],"wp:attachment":[{"href":"https:\/\/intellectsystem.net\/propuesta.intellectsystem.net\/wp-json\/wp\/v2\/media?parent=325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}