{"id":23,"date":"2026-05-09T10:16:54","date_gmt":"2026-05-09T15:16:54","guid":{"rendered":"http:\/\/localhost\/mkt\/?page_id=23"},"modified":"2026-05-27T14:31:32","modified_gmt":"2026-05-27T19:31:32","slug":"casos-de-exito","status":"publish","type":"page","link":"https:\/\/jorgealvarez.me\/en\/casos-de-exito\/","title":{"rendered":"Success Stories"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"23\" class=\"elementor elementor-23\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7ef2d7 e-con-full e-flex e-con e-parent\" data-id=\"a7ef2d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cc9c46 elementor-widget elementor-widget-html\" data-id=\"0cc9c46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-portfolio-hero\">\n    <div class=\"ja-hero-container\">\n        \n        <div class=\"ja-hero-content\">\n            <span class=\"ja-hero-badge\">Success Stories<\/span>\n            <h1 class=\"ja-hero-title\">\n                Resultados digitales construidos con estrategia, tecnolog\u00eda y performance\n            <\/h1>\n            <p class=\"ja-hero-text\">\n                Desarrollo ecosistemas digitales enfocados en adquisici\u00f3n, conversi\u00f3n, automatizaci\u00f3n y crecimiento sostenible para marcas, empresas y proyectos digitales.\n            <\/p>\n            \n            <div class=\"ja-hero-buttons\">\n                <a href=\"https:\/\/jorgealvarez.me\/en\/contacto\/\" class=\"ja-btn-primary\">\n                    <i class=\"fa-solid fa-comments\"><\/i> Hablemos de tu proyecto\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"ja-hero-image-box\">\n            <img decoding=\"async\" src=\"https:\/\/jorgealvarez.me\/wp-content\/uploads\/jorge-2024.png\" alt=\"Jorge \u00c1lvarez - Estrategia, tecnolog\u00eda y performance digital\">\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-portfolio-hero {\n    position: relative;\n    background: #ffffff;\n    padding: 50px 20px;\n    overflow: hidden;\n    font-family: 'Inter', sans-serif;\n}\n.ja-hero-container {\n    max-width: 1320px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 40px;\n}\n.ja-hero-content {\n    width: 100%;\n}\n.ja-hero-badge {\n    display: inline-block;\n    color: #FF8A00;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 16px;\n}\n.ja-hero-title {\n    margin: 0 0 20px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 34px;\n    line-height: 1.15;\n    letter-spacing: -1px;\n    font-weight: 800;\n}\n.ja-hero-text {\n    margin: 0 0 32px;\n    color: #475569;\n    font-size: 16px;\n    line-height: 1.6;\n}\n\n\/* Botonera *\/\n.ja-hero-buttons {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n.ja-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 16px 28px;\n    border-radius: 14px;\n    background: #FF8A00;\n    color: #ffffff !important;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    width: 100%;\n    box-shadow: 0 8px 24px rgba(255, 138, 0, 0.15);\n    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n}\n.ja-btn-primary:hover {\n    background: #EA7A00 !important;\n    color: #ffffff !important;\n}\n\n\/* Img contenedor *\/\n.ja-hero-image-box {\n    width: 100%;\n}\n.ja-hero-image-box img {\n    width: 100%;\n    height: auto;\n    border-radius: 24px;\n    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);\n    display: block;\n}\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Responsivo progresivo)\n   ========================================================================== *\/\n@media (min-width: 640px) {\n    .ja-hero-title { font-size: 42px; }\n    .ja-hero-buttons { flex-direction: row; }\n    .ja-btn-primary { width: auto; }\n}\n\n@media (min-width: 1024px) {\n    .ja-portfolio-hero { padding: 100px 40px; }\n    .ja-hero-container { flex-direction: row; align-items: center; gap: 64px; }\n    .ja-hero-content { flex: 1.1; max-width: 720px; }\n    .ja-hero-title { font-size: 54px; line-height: 1.1; letter-spacing: -2px; margin-bottom: 24px; }\n    .ja-hero-text { font-size: 18px; margin-bottom: 32px; }\n    .ja-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(255, 138, 0, 0.25); }\n    .ja-hero-image-box { flex: 0.9; max-width: 580px; }\n    .ja-hero-image-box img { border-radius: 32px; box-shadow: 0 30px 60px rgba(15, 23, 42, 0.12); }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5af40f6 e-con-full e-flex e-con e-parent\" data-id=\"5af40f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d584e13 elementor-widget elementor-widget-html\" data-id=\"d584e13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-metrics-dashboard\">\n    <div class=\"ja-metrics-container\">\n        <div class=\"ja-metrics-header\">\n            <span class=\"ja-metrics-label\">Impacto medible<\/span>\n            <h2 class=\"ja-metrics-title\">Sistemas digitales optimizados para el crecimiento<\/h2>\n        <\/div>\n        \n        <div class=\"ja-metrics-grid\">\n            <div class=\"ja-metric-card\">\n                <div class=\"ja-metric-top\">\n                    <span class=\"ja-metric-tag\">Experiencia<\/span>\n                    <div class=\"ja-metric-chart-icon\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\n                <\/div>\n                <div class=\"ja-metric-value\">+<span class=\"ja-counter\" data-target=\"10\">0<\/span><\/div>\n                <h3 class=\"ja-metric-title-card\">A\u00f1os de trayectoria<\/h3>\n                <p class=\"ja-metric-desc\">Desarrollando ecosistemas de alta conversi\u00f3n.<\/p>\n            <\/div>\n            \n            <div class=\"ja-metric-card\">\n                <div class=\"ja-metric-top\">\n                    <span class=\"ja-metric-tag\">Alcance<\/span>\n                    <div class=\"ja-metric-chart-icon\"><i class=\"fa-solid fa-earth-americas\"><\/i><\/div>\n                <\/div>\n                <div class=\"ja-metric-value\">LATAM &amp; USA<\/div>\n                <h3 class=\"ja-metric-title-card\">Mercados Globales<\/h3>\n                <p class=\"ja-metric-desc\">Proyectos con impacto internacional.<\/p>\n            <\/div>\n            \n            <div class=\"ja-metric-card\">\n                <div class=\"ja-metric-top\">\n                    <span class=\"ja-metric-tag\">Estrategia<\/span>\n                    <div class=\"ja-metric-chart-icon\"><i class=\"fa-solid fa-chart-pie\"><\/i><\/div>\n                <\/div>\n                <div class=\"ja-metric-value\">eCommerce & Growth<\/div>\n                <h3 class=\"ja-metric-title-card\">Modelos de Negocio<\/h3>\n                <p class=\"ja-metric-desc\">Estrategias orientadas a maximizar ingresos.<\/p>\n            <\/div>\n            \n            <div class=\"ja-metric-card\">\n                <div class=\"ja-metric-top\">\n                    <span class=\"ja-metric-tag\">Tr\u00e1fico<\/span>\n                    <div class=\"ja-metric-chart-icon\"><i class=\"fa-solid fa-arrow-trend-up\"><\/i><\/div>\n                <\/div>\n                <div class=\"ja-metric-value\"><span class=\"ja-counter\" data-target=\"100\">0<\/span>%<\/div>\n                <h3 class=\"ja-metric-title-card\">Performance Digital<\/h3>\n                <p class=\"ja-metric-desc\">Campa\u00f1as escalables y anal\u00edtica avanzada.<\/p>\n            <\/div>\n            \n            <div class=\"ja-metric-card\">\n                <div class=\"ja-metric-top\">\n                    <span class=\"ja-metric-tag\">Eficiencia<\/span>\n                    <div class=\"ja-metric-chart-icon\"><i class=\"fa-solid fa-gears\"><\/i><\/div>\n                <\/div>\n                <div class=\"ja-metric-value\">Automation<\/div>\n                <h3 class=\"ja-metric-title-card\">Flujos de Trabajo<\/h3>\n                <p class=\"ja-metric-desc\">Reducci\u00f3n de tiempos operativos con Make y CRMs.<\/p>\n            <\/div>\n            \n            <div class=\"ja-metric-card\">\n                <div class=\"ja-metric-top\">\n                    <span class=\"ja-metric-tag\">Optimizaci\u00f3n<\/span>\n                    <div class=\"ja-metric-chart-icon\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i><\/div>\n                <\/div>\n                <div class=\"ja-metric-value\">UX\/UI & Conversi\u00f3n<\/div>\n                <h3 class=\"ja-metric-title-card\">CRO y Dise\u00f1o<\/h3>\n                <p class=\"ja-metric-desc\">Interfaces intuitivas que aceleran las ventas.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-metrics-dashboard {\n    position: relative;\n    background: #F8FAFC;\n    padding: 60px 20px;\n    font-family: 'Inter', sans-serif;\n}\n.ja-metrics-container {\n    max-width: 1320px;\n    margin: 0 auto;\n}\n.ja-metrics-header {\n    text-align: center;\n    max-width: 760px;\n    margin: 0 auto 40px;\n}\n.ja-metrics-label {\n    display: inline-block;\n    color: #FF8A00;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 12px;\n}\n.ja-metrics-title {\n    margin: 0;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 28px;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    font-weight: 800;\n}\n\n\/* GRID TIPO DASHBOARD *\/\n.ja-metrics-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n}\n\n\/* CARDS PREMIUM *\/\n.ja-metric-card {\n    background: #ffffff;\n    border: 1px solid #E2E8F0;\n    border-radius: 20px;\n    padding: 24px;\n    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.02), 0 2px 4px -2px rgba(15, 23, 42, 0.02);\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.ja-metric-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n.ja-metric-tag {\n    background: #F1F5F9;\n    color: #475569;\n    font-size: 12px;\n    font-weight: 600;\n    padding: 4px 10px;\n    border-radius: 999px;\n}\n.ja-metric-chart-icon {\n    color: #94A3B8;\n    font-size: 16px;\n}\n.ja-metric-value {\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 24px;\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 8px;\n    letter-spacing: -0.5px;\n}\n.ja-metric-title-card {\n    margin: 0 0 6px;\n    color: #FF8A00;\n    font-size: 15px;\n    font-weight: 700;\n}\n.ja-metric-desc {\n    margin: 0;\n    color: #64748B;\n    font-size: 13px;\n    line-height: 1.5;\n}\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Responsivo progresivo)\n   ========================================================================== *\/\n@media (min-width: 640px) {\n    .ja-metrics-title { font-size: 34px; }\n    .ja-metrics-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n    }\n    .ja-metric-value { font-size: 28px; }\n}\n\n@media (min-width: 1024px) {\n    .ja-metrics-dashboard { padding: 100px 40px; }\n    .ja-metrics-header { margin-bottom: 60px; }\n    .ja-metrics-title { font-size: 42px; line-height: 1.15; letter-spacing: -1.5px; }\n    \n    .ja-metrics-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 28px;\n    }\n    .ja-metric-card {\n        padding: 32px;\n    }\n    .ja-metric-card:hover {\n        transform: translateY(-4px);\n        border-color: #FF8A00;\n        box-shadow: 0 12px 30px rgba(255, 138, 0, 0.06);\n    }\n    .ja-metric-card:hover .ja-metric-chart-icon {\n        color: #FF8A00;\n        transition: color 0.3s ease;\n    }\n    .ja-metric-value { font-size: 32px; }\n    .ja-metric-title-card { font-size: 16px; }\n    .ja-metric-desc { font-size: 14px; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const counters = document.querySelectorAll(\".ja-counter\");\n    \n    const startCounter = (counter) => {\n        const target = +counter.getAttribute(\"data-target\");\n        const speed = target \/ 30; \/\/ Ajuste de velocidad uniforme\n        \n        const updateCount = () => {\n            const count = +counter.innerText;\n            if (count < target) {\n                counter.innerText = Math.ceil(count + speed);\n                setTimeout(updateCount, 25);\n            } else {\n                counter.innerText = target;\n            }\n        };\n        updateCount();\n    };\n\n    \/\/ Intersection Observer para disparar la animaci\u00f3n al hacer scroll\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                startCounter(entry.target);\n                observer.unobserve(entry.target);\n            }\n        });\n    }, { threshold: 0.5 });\n\n    counters.forEach(counter => observer.observe(counter));\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3608f6a e-con-full e-flex e-con e-parent\" data-id=\"3608f6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96b3ad7 elementor-widget elementor-widget-html\" data-id=\"96b3ad7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-cases-section\">\n    <div class=\"ja-cases-container\">\n        \n        <div class=\"ja-cases-header\">\n            <span class=\"ja-cases-label\">Portafolio Estrat\u00e9gico<\/span>\n            <h2 class=\"ja-cases-title\">Casos de \u00c9xito & Soluciones Reales<\/h2>\n            <p class=\"ja-cases-text\">\n                Una mirada detallada a c\u00f3mo combino estrategia, tecnolog\u00eda y optimizaci\u00f3n continua para resolver problemas de negocio y acelerar el crecimiento digital.\n            <\/p>\n        <\/div>\n\n        <div class=\"ja-cases-grid\">\n\n            <div class=\"ja-case-card\">\n                <div class=\"ja-case-body\">\n                    <div class=\"ja-case-meta\">\n                        <span class=\"ja-case-cat\">Tourism<\/span>\n                        <div class=\"ja-case-result\"><i class=\"fa-solid fa-arrow-trend-up\"><\/i> +240% Leads<\/div>\n                    <\/div>\n                    <h3 class=\"ja-case-title\">Adquisici\u00f3n a gran escala para operadora tur\u00edstica<\/h3>\n                    <p class=\"ja-case-desc\">\n                        <strong>Problema:<\/strong> Alto costo por lead y embudo de ventas fragmentado que imped\u00eda escalar la captaci\u00f3n de viajeros.<br>\n                        <strong>Soluci\u00f3n:<\/strong> Reestructuraci\u00f3n completa de campa\u00f1as en Meta Ads y desarrollo de landing pages de alta conversi\u00f3n conectadas a workflows automatizados.\n                    <\/p>\n                    <div class=\"ja-case-tech\">\n                        <span>Meta Ads<\/span>\n                        <span>Landing Pages<\/span>\n                        <span>Automation<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"ja-case-footer\">\n                    <a href=\"https:\/\/jorgealvarez.me\/en\/contacto\/\" class=\"ja-case-link\">Hablemos de tu proyecto <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"ja-case-card featured-case\">\n                <div class=\"ja-case-body\">\n                    <div class=\"ja-case-meta\">\n                        <span class=\"ja-case-cat\">eCommerce<\/span>\n                        <div class=\"ja-case-result\"><i class=\"fa-solid fa-chart-line\"><\/i> Optimized ROAS<\/div>\n                    <\/div>\n                    <h3 class=\"ja-case-title\">Escalabilidad y rentabilidad para tienda online<\/h3>\n                    <p class=\"ja-case-desc\">\n                        <strong>Problema:<\/strong> Ventas estancadas y un retorno de inversi\u00f3n publicitaria bajo debido a fricciones en el checkout y segmentaci\u00f3n incorrecta.<br>\n                        <strong>Soluci\u00f3n:<\/strong> Implementaci\u00f3n de estrategia de performance enfocada en Google Ads (Shopping y Search), optimizaci\u00f3n de la experiencia de usuario (UX) y t\u00e9cnicas de CRO.\n                    <\/p>\n                    <div class=\"ja-case-tech\">\n                        <span>Google Ads<\/span>\n                        <span>SEO<\/span>\n                        <span>Conversi\u00f3n<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"ja-case-footer\">\n                    <a href=\"https:\/\/jorgealvarez.me\/en\/contacto\/\" class=\"ja-case-link\">Hablemos de tu proyecto <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"ja-case-card\">\n                <div class=\"ja-case-body\">\n                    <div class=\"ja-case-meta\">\n                        <span class=\"ja-case-cat\">WordPress<\/span>\n                        <div class=\"ja-case-result\"><i class=\"fa-solid fa-bolt\"><\/i> Speed Optimization<\/div>\n                    <\/div>\n                    <h3 class=\"ja-case-title\">Redise\u00f1o corporativo enfocado en rendimiento<\/h3>\n                    <p class=\"ja-case-desc\">\n                        <strong>Problema:<\/strong> Sitio web lento, obsoleto y con nula capacidad de captar prospectos de manera org\u00e1nica.<br>\n                        <strong>Soluci\u00f3n:<\/strong> Desarrollo de un ecosistema web moderno con WordPress y Elementor Pro, optimizado desde la ra\u00edz para Core Web Vitals, velocidad extrema y SEO t\u00e9cnico.\n                    <\/p>\n                    <div class=\"ja-case-tech\">\n                        <span>WordPress<\/span>\n                        <span>Performance<\/span>\n                        <span>SEO<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"ja-case-footer\">\n                    <a href=\"https:\/\/jorgealvarez.me\/en\/contacto\/\" class=\"ja-case-link\">Hablemos de tu proyecto <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"ja-case-card\">\n                <div class=\"ja-case-body\">\n                    <div class=\"ja-case-meta\">\n                        <span class=\"ja-case-cat\">Lead Generation<\/span>\n                        <div class=\"ja-case-result\"><i class=\"fa-solid fa-gears\"><\/i> Sales Automation<\/div>\n                    <\/div>\n                    <h3 class=\"ja-case-title\">Eficiencia operativa para servicios B2B<\/h3>\n                    <p class=\"ja-case-desc\">\n                        <strong>Problema:<\/strong> P\u00e9rdida de prospectos calificados por lentitud en la atenci\u00f3n y falta de un registro comercial centralizado.<br>\n                        <strong>Soluci\u00f3n:<\/strong> Integraci\u00f3n avanzada de formularios interactivos, CRM corporativo y workflows automatizados que asignan y notifican leads en tiempo real.\n                    <\/p>\n                    <div class=\"ja-case-tech\">\n                        <span>Make<\/span>\n                        <span>CRM<\/span>\n                        <span>Automation<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"ja-case-footer\">\n                    <a href=\"https:\/\/jorgealvarez.me\/en\/contacto\/\" class=\"ja-case-link\">Hablemos de tu proyecto <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"ja-case-card\">\n                <div class=\"ja-case-body\">\n                    <div class=\"ja-case-meta\">\n                        <span class=\"ja-case-cat\">Bienes Ra\u00edces<\/span>\n                        <div class=\"ja-case-result\"><i class=\"fa-solid fa-filter\"><\/i> Costo Lead -45%<\/div>\n                    <\/div>\n                    <h3 class=\"ja-case-title\">Embudo de ventas para proyectos inmobiliarios<\/h3>\n                    <p class=\"ja-case-desc\">\n                        <strong>Problema:<\/strong> Campa\u00f1as publicitarias masivas que generaban prospectos de muy baja calidad, saturando al equipo de ventas.<br>\n                        <strong>Soluci\u00f3n:<\/strong> Dise\u00f1o de un funnel de filtrado con cuestionarios din\u00e1micos combinando pauta segmentada en Meta Ads y Google Search.\n                    <\/p>\n                    <div class=\"ja-case-tech\">\n                        <span>Meta & Google Ads<\/span>\n                        <span>CRO<\/span>\n                        <span>Funnels<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"ja-case-footer\">\n                    <a href=\"https:\/\/jorgealvarez.me\/en\/contacto\/\" class=\"ja-case-link\">Hablemos de tu proyecto <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"ja-case-card\">\n                <div class=\"ja-case-body\">\n                    <div class=\"ja-case-meta\">\n                        <span class=\"ja-case-cat\">Salud \/ Cl\u00ednicas<\/span>\n                        <div class=\"ja-case-result\"><i class=\"fa-solid fa-calendar-check\"><\/i> +180% Citas<\/div>\n                    <\/div>\n                    <h3 class=\"ja-case-title\">Agendamiento digital y conversi\u00f3n local<\/h3>\n                    <p class=\"ja-case-desc\">\n                        <strong>Problema:<\/strong> Sistema de reservas confuso y desconectado que provocaba un alto porcentaje de abandono por parte de los pacientes.<br>\n                        <strong>Soluci\u00f3n:<\/strong> Optimizaci\u00f3n de la interfaz UX de reserva, implementaci\u00f3n de campa\u00f1as locales y flujos automatizados de recordatorios por WhatsApp.\n                    <\/p>\n                    <div class=\"ja-case-tech\">\n                        <span>UX\/UI<\/span>\n                        <span>WhatsApp API<\/span>\n                        <span>Local Ads<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"ja-case-footer\">\n                    <a href=\"https:\/\/jorgealvarez.me\/en\/contacto\/\" class=\"ja-case-link\">Hablemos de tu proyecto <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-cases-section {\n    position: relative;\n    background: #ffffff;\n    padding: 60px 20px;\n    font-family: 'Inter', sans-serif;\n}\n.ja-cases-container {\n    max-width: 1320px;\n    margin: 0 auto;\n}\n\n\/* HEADER *\/\n.ja-cases-header {\n    text-align: center;\n    max-width: 760px;\n    margin: 0 auto 44px;\n}\n.ja-cases-label {\n    display: inline-block;\n    color: #FF8A00;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 12px;\n}\n.ja-cases-title {\n    margin: 0 0 16px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 28px;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    font-weight: 800;\n}\n.ja-cases-text {\n    margin: 0;\n    color: #64748B;\n    font-size: 15px;\n    line-height: 1.6;\n}\n\n\/* GRID DE CASOS *\/\n.ja-cases-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 24px;\n}\n\n\/* CARTAS - MINI CASE STUDIES *\/\n.ja-case-card {\n    background: #ffffff;\n    border: 1px solid #E2E8F0;\n    border-radius: 20px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    overflow: hidden;\n    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.01), 0 2px 4px -2px rgba(15, 23, 42, 0.01);\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.ja-case-body {\n    padding: 28px;\n}\n\n\/* META: CATEGOR\u00cdA Y RESULTADO *\/\n.ja-case-meta {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 20px;\n}\n.ja-case-cat {\n    color: #475569;\n    background: #F1F5F9;\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    padding: 4px 12px;\n    border-radius: 999px;\n}\n.ja-case-result {\n    color: #22C55E;\n    background: #DCFCE7;\n    font-size: 14px;\n    font-weight: 700;\n    padding: 4px 12px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n\/* TEXTOS INTERNOS *\/\n.ja-case-title {\n    margin: 0 0 14px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 20px;\n    font-weight: 800;\n    line-height: 1.3;\n}\n.ja-case-desc {\n    margin: 0 0 24px;\n    color: #475569;\n    font-size: 14px;\n    line-height: 1.6;\n}\n.ja-case-desc strong {\n    color: #0F172A;\n}\n\n\/* SERVICIOS \/ TECNOLOG\u00cdAS APLICADOS *\/\n.ja-case-tech {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n.ja-case-tech span {\n    color: #334155;\n    background: #ffffff;\n    border: 1px solid #E2E8F0;\n    font-size: 12px;\n    font-weight: 600;\n    padding: 6px 12px;\n    border-radius: 8px;\n}\n\n\/* FOOTER DE LA CARD *\/\n.ja-case-footer {\n    padding: 20px 28px;\n    background: #F8FAFC;\n    border-top: 1px solid #E2E8F0;\n}\n.ja-case-link {\n    color: #FF8A00 !important;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 700;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: color 0.2s ease;\n}\n.ja-case-link i {\n    font-size: 12px;\n    transition: transform 0.2s ease;\n}\n.ja-case-card:hover .ja-case-link i {\n    transform: translateX(4px);\n}\n\n\/* ENFOQUE DESTACADO (E-COMMERCE) *\/\n.ja-case-card.featured-case {\n    border-color: rgba(255, 138, 0, 0.2);\n    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 138, 0, 0.01) 100%);\n}\n.ja-case-card.featured-case .ja-case-cat {\n    background: rgba(255, 138, 0, 0.08);\n    color: #FF8A00;\n}\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Responsivo progresivo)\n   ========================================================================== *\/\n@media (min-width: 640px) {\n    .ja-cases-title { font-size: 34px; }\n    .ja-cases-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n    }\n}\n\n@media (min-width: 1024px) {\n    .ja-cases-section { padding: 100px 40px; }\n    .ja-cases-header { margin-bottom: 60px; }\n    .ja-cases-title { font-size: 42px; line-height: 1.15; letter-spacing: -1.5px; }\n    \n    .ja-cases-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 28px;\n    }\n    .ja-case-card:hover {\n        transform: translateY(-5px);\n        border-color: #FF8A00;\n        box-shadow: 0 16px 36px rgba(255, 138, 0, 0.06);\n    }\n    .ja-case-body { padding: 32px; }\n    .ja-case-footer { padding: 22px 32px; }\n    .ja-case-title { font-size: 22px; }\n    .ja-case-desc { font-size: 15px; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8883e62 e-con-full e-flex e-con e-parent\" data-id=\"8883e62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-633e663 elementor-widget elementor-widget-html\" data-id=\"633e663\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-process-section\">\n    <div class=\"ja-process-container\">\n        <div class=\"ja-process-header\">\n            <span class=\"ja-process-label\">Metodolog\u00eda<\/span>\n            <h2 class=\"ja-process-title\">A process focused on clarity and results.<\/h2>\n            <p class=\"ja-process-text\">\n                As\u00ed es como transformo objetivos comerciales en ecosistemas digitales medibles, optimizados y listos para escalar.\n            <\/p>\n        <\/div>\n        \n        <div class=\"ja-process-grid\">\n            <div class=\"ja-process-card\">\n                <div class=\"ja-process-number\">1<\/div>\n                <h3 class=\"ja-process-name\">Diagn\u00f3stico & An\u00e1lisis<\/h3>\n                <p class=\"ja-process-desc\">Auditor\u00eda profunda del ecosistema actual, embudos de venta y datos para identificar cuellos de botella y fugas de conversi\u00f3n.<\/p>\n            <\/div>\n            \n            <div class=\"ja-process-card\">\n                <div class=\"ja-process-number\">2<\/div>\n                <h3 class=\"ja-process-name\">Definici\u00f3n Estrat\u00e9gica<\/h3>\n                <p class=\"ja-process-desc\">Dise\u00f1o del plan de acci\u00f3n personalizado: arquitectura web, canales de adquisici\u00f3n, integraciones de software y KPIs de rendimiento.<\/p>\n            <\/div>\n            \n            <div class=\"ja-process-card\">\n                <div class=\"ja-process-number\">3<\/div>\n                <h3 class=\"ja-process-name\">Optimizaci\u00f3n & Implementaci\u00f3n<\/h3>\n                <p class=\"ja-process-desc\">Desarrollo t\u00e9cnico premium, maquetaci\u00f3n UX\/UI, configuraci\u00f3n de campa\u00f1as avanzadas y automatizaci\u00f3n de flujos con Make \/ CRM.<\/p>\n            <\/div>\n            \n            <div class=\"ja-process-card\">\n                <div class=\"ja-process-number\">4<\/div>\n                <h3 class=\"ja-process-name\">Monitoreo & Mejora Continua<\/h3>\n                <p class=\"ja-process-desc\">An\u00e1lisis diario de m\u00e9tricas reales, pruebas A\/B y optimizaciones en vivo para garantizar un crecimiento sostenible y el m\u00e1ximo ROAS.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-process-section {\n    position: relative;\n    background: #ffffff;\n    padding: 60px 20px;\n    font-family: 'Inter', sans-serif;\n}\n.ja-process-container {\n    max-width: 1320px;\n    margin: 0 auto;\n}\n.ja-process-header {\n    text-align: center;\n    max-width: 760px;\n    margin: 0 auto 40px;\n}\n.ja-process-label {\n    display: inline-block;\n    color: #FF8A00;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 12px;\n}\n.ja-process-title {\n    margin: 0 0 16px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 28px;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    font-weight: 800;\n}\n.ja-process-text {\n    margin: 0;\n    color: #475569;\n    font-size: 15px;\n    line-height: 1.6;\n}\n\n\/* GRID DE PROCESO *\/\n.ja-process-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n}\n\n\/* TARJETAS PREMIUM *\/\n.ja-process-card {\n    display: flex;\n    flex-direction: column;\n    background: #ffffff;\n    border: 1px solid #E2E8F0;\n    border-radius: 20px;\n    padding: 32px 24px;\n    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.01), 0 2px 4px -2px rgba(15, 23, 42, 0.01);\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.ja-process-number {\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 24px;\n    font-weight: 800;\n    margin-bottom: 16px;\n    line-height: 1;\n}\n.ja-process-name {\n    margin: 0 0 12px;\n    color: #FF8A00;\n    font-family: 'Inter', sans-serif;\n    font-size: 18px;\n    font-weight: 700;\n    line-height: 1.35;\n}\n.ja-process-desc {\n    margin: 0;\n    color: #475569;\n    font-size: 14px;\n    line-height: 1.6;\n}\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Responsivo progresivo)\n   ========================================================================== *\/\n@media (min-width: 576px) {\n    .ja-process-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n    }\n}\n\n@media (min-width: 768px) {\n    .ja-process-title { font-size: 34px; }\n    .ja-process-text { font-size: 16px; }\n}\n\n@media (min-width: 1024px) {\n    .ja-process-section { padding: 100px 40px; }\n    .ja-process-header { margin-bottom: 60px; }\n    .ja-process-title { font-size: 42px; line-height: 1.15; letter-spacing: -1.5px; }\n    \n    .ja-process-grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 24px;\n    }\n    .ja-process-card {\n        padding: 40px 28px;\n    }\n    .ja-process-card:hover {\n        transform: translateY(-4px);\n        border-color: #FF8A00;\n        box-shadow: 0 12px 30px rgba(255, 138, 0, 0.06);\n    }\n    .ja-process-number {\n        font-size: 28px;\n    }\n    .ja-process-name {\n        font-size: 19px;\n    }\n    .ja-process-desc {\n        font-size: 15px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4d4f18 e-con-full e-flex e-con e-parent\" data-id=\"a4d4f18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e03a83 elementor-widget elementor-widget-html\" data-id=\"9e03a83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-tech-section\">\n    <div class=\"ja-tech-container\">\n        <div class=\"ja-tech-header\">\n            <h2>Industrias y \u00e1reas de expertise con las que trabajo<\/h2>\n        <\/div>\n        <div class=\"ja-tech-grid\">\n            <div class=\"ja-tech-pill\">Tourism<\/div>\n            <div class=\"ja-tech-pill\">eCommerce<\/div>\n            <div class=\"ja-tech-pill\">Retail<\/div>\n            <div class=\"ja-tech-pill\">Digital Marketing<\/div>\n            <div class=\"ja-tech-pill\">Consulting<\/div>\n            <div class=\"ja-tech-pill\">WordPress<\/div>\n            <div class=\"ja-tech-pill\">SEO<\/div>\n            <div class=\"ja-tech-pill\">Growth<\/div>\n            <div class=\"ja-tech-pill\">Performance<\/div>\n            <div class=\"ja-tech-pill\">Automation<\/div>\n            <div class=\"ja-tech-pill\">UX\/UI<\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-tech-section {\n    position: relative;\n    background: #F8FAFC;\n    padding: 60px 20px;\n    font-family: 'Inter', sans-serif;\n    text-align: center;\n}\n.ja-tech-container {\n    max-width: 1140px;\n    margin: 0 auto;\n}\n.ja-tech-header h2 {\n    margin: 0 0 32px;\n    color: #475569;\n    font-family: 'Inter', sans-serif;\n    font-size: 18px;\n    font-weight: 600;\n    letter-spacing: -0.2px;\n    line-height: 1.4;\n}\n.ja-tech-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n}\n.ja-tech-pill {\n    background: #ffffff;\n    color: #0F172A;\n    border: 1px solid #E2E8F0;\n    border-radius: 999px;\n    padding: 14px 28px;\n    font-size: 15px;\n    font-weight: 600;\n    min-width: 140px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.01);\n}\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Responsivo progresivo)\n   ========================================================================== *\/\n@media (min-width: 640px) {\n    .ja-tech-grid { \n        display: grid; \n        grid-template-columns: repeat(2, 1fr); \n        gap: 16px 20px; \n    }\n    .ja-tech-pill { width: 100%; min-height: 52px; }\n}\n\n@media (min-width: 900px) {\n    .ja-tech-grid { grid-template-columns: repeat(3, 1fr); gap: 18px 24px; }\n}\n\n@media (min-width: 1100px) {\n    .ja-tech-section { padding: 80px 40px; }\n    .ja-tech-header h2 { margin-bottom: 42px; font-size: 19px; }\n    .ja-tech-grid { grid-template-columns: repeat(4, 1fr); gap: 24px 28px; }\n    .ja-tech-pill { \n        min-height: 56px; \n        font-size: 16px; \n        padding: 16px 32px; \n        transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease; \n    }\n    .ja-tech-pill:hover { \n        border-color: #FF8A00; \n        background-color: #ffffff; \n        color: #FF8A00;\n        cursor: default; \n        transform: translateY(-2px);\n        box-shadow: 0 8px 20px rgba(255, 138, 0, 0.06);\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48bcc3e e-con-full e-flex e-con e-parent\" data-id=\"48bcc3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4c4928 elementor-widget elementor-widget-html\" data-id=\"d4c4928\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-stack-section\">\n    <div class=\"ja-stack-container\">\n        <div class=\"ja-stack-header\">\n            <span class=\"ja-stack-label\">Infraestructura & Software<\/span>\n            <h2 class=\"ja-stack-title\">Stack Tecnol\u00f3gico Premium<\/h2>\n            <p class=\"ja-stack-text\">\n                Utilizo las herramientas l\u00edderes de la industria SaaS para garantizar velocidad, automatizaci\u00f3n y una medici\u00f3n de datos impecable en cada proyecto.\n            <\/p>\n        <\/div>\n        \n        <div class=\"ja-stack-grid\">\n            <div class=\"ja-stack-card\">\n                <div class=\"ja-stack-icon\"><i class=\"fa-brands fa-wordpress\"><\/i><\/div>\n                <h3 class=\"ja-stack-name\">WordPress<\/h3>\n                <span class=\"ja-stack-tag\">CMS Core<\/span>\n            <\/div>\n            \n            <div class=\"ja-stack-card\">\n                <div class=\"ja-stack-icon\"><i class=\"fa-solid fa-cubes\"><\/i><\/div>\n                <h3 class=\"ja-stack-name\">Elementor Pro<\/h3>\n                <span class=\"ja-stack-tag\">Maquetaci\u00f3n UX<\/span>\n            <\/div>\n            \n            <div class=\"ja-stack-card\">\n                <div class=\"ja-stack-icon\"><i class=\"fa-brands fa-meta\"><\/i><\/div>\n                <h3 class=\"ja-stack-name\">Meta Ads<\/h3>\n                <span class=\"ja-stack-tag\">Adquisici\u00f3n<\/span>\n            <\/div>\n            \n            <div class=\"ja-stack-card\">\n                <div class=\"ja-stack-icon\"><i class=\"fa-brands fa-google\"><\/i><\/div>\n                <h3 class=\"ja-stack-name\">Google Ads<\/h3>\n                <span class=\"ja-stack-tag\">Performance<\/span>\n            <\/div>\n            \n            <div class=\"ja-stack-card\">\n                <div class=\"ja-stack-icon\"><i class=\"fa-solid fa-chart-bar\"><\/i><\/div>\n                <h3 class=\"ja-stack-name\">Google Analytics<\/h3>\n                <span class=\"ja-stack-tag\">Medici\u00f3n (GA4)<\/span>\n            <\/div>\n            \n            <div class=\"ja-stack-card\">\n                <div class=\"ja-stack-icon\"><i class=\"fa-solid fa-tags\"><\/i><\/div>\n                <h3 class=\"ja-stack-name\">GTM<\/h3>\n                <span class=\"ja-stack-tag\">Tag Management<\/span>\n            <\/div>\n            \n            <div class=\"ja-stack-card\">\n                <div class=\"ja-stack-icon\"><i class=\"fa-solid fa-chart-pie\"><\/i><\/div>\n                <h3 class=\"ja-stack-name\">Looker Studio<\/h3>\n                <span class=\"ja-stack-tag\">Dashboards<\/span>\n            <\/div>\n            \n            <div class=\"ja-stack-card\">\n                <div class=\"ja-stack-icon\"><i class=\"fa-solid fa-circle-nodes\"><\/i><\/div>\n                <h3 class=\"ja-stack-name\">Make<\/h3>\n                <span class=\"ja-stack-tag\">Automation<\/span>\n            <\/div>\n            \n            <div class=\"ja-stack-card\">\n                <div class=\"ja-stack-icon\"><i class=\"fa-brands fa-hubspot\"><\/i><\/div>\n                <h3 class=\"ja-stack-name\">HubSpot<\/h3>\n                <span class=\"ja-stack-tag\">CRM & Growth<\/span>\n            <\/div>\n            \n            <div class=\"ja-stack-card\">\n                <div class=\"ja-stack-icon\"><i class=\"fa-solid fa-cart-shopping\"><\/i><\/div>\n                <h3 class=\"ja-stack-name\">WooCommerce<\/h3>\n                <span class=\"ja-stack-tag\">eCommerce<\/span>\n            <\/div>\n            \n            <div class=\"ja-stack-card\">\n                <div class=\"ja-stack-icon\"><i class=\"fa-solid fa-magnifying-glass-chart\"><\/i><\/div>\n                <h3 class=\"ja-stack-name\">Rank Math SEO<\/h3>\n                <span class=\"ja-stack-tag\">Optimizaci\u00f3n<\/span>\n            <\/div>\n            \n            <div class=\"ja-stack-card\">\n                <div class=\"ja-stack-icon\"><i class=\"fa-solid fa-cloud\"><\/i><\/div>\n                <h3 class=\"ja-stack-name\">Cloudflare<\/h3>\n                <span class=\"ja-stack-tag\">WAF & WPO<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-stack-section {\n    position: relative;\n    background: #ffffff;\n    padding: 60px 20px;\n    font-family: 'Inter', sans-serif;\n}\n.ja-stack-container {\n    max-width: 1320px;\n    margin: 0 auto;\n}\n\n\/* HEADER *\/\n.ja-stack-header {\n    text-align: center;\n    max-width: 760px;\n    margin: 0 auto 40px;\n}\n.ja-stack-label {\n    display: inline-block;\n    color: #FF8A00;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 12px;\n}\n.ja-stack-title {\n    margin: 0 0 16px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 28px;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    font-weight: 800;\n}\n.ja-stack-text {\n    margin: 0;\n    color: #475569;\n    font-size: 15px;\n    line-height: 1.6;\n}\n\n\/* GRID ESTILO SAAS MINIMALISTA *\/\n.ja-stack-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n}\n\n\/* CARDS DE HERRAMIENTAS *\/\n.ja-stack-card {\n    background: #ffffff;\n    border: 1px solid #E2E8F0;\n    border-radius: 16px;\n    padding: 24px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.01), 0 2px 4px -2px rgba(15, 23, 42, 0.01);\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.ja-stack-icon {\n    font-size: 28px;\n    color: #334155;\n    margin-bottom: 14px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: color 0.3s ease;\n}\n.ja-stack-name {\n    margin: 0 0 6px;\n    color: #0F172A;\n    font-family: 'Manrope', sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.2;\n}\n.ja-stack-tag {\n    color: #64748B;\n    font-size: 12px;\n    font-weight: 500;\n}\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Responsivo progresivo)\n   ========================================================================== *\/\n@media (min-width: 640px) {\n    .ja-stack-title { font-size: 34px; }\n    .ja-stack-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (min-width: 900px) {\n    .ja-stack-grid {\n        grid-template-columns: repeat(4, 1fr);\n    }\n}\n\n@media (min-width: 1024px) {\n    .ja-stack-section { padding: 100px 40px; }\n    .ja-stack-header { margin-bottom: 60px; }\n    .ja-stack-title { font-size: 42px; line-height: 1.15; letter-spacing: -1.5px; }\n    .ja-stack-text { font-size: 16px; }\n    \n    .ja-stack-grid {\n        grid-template-columns: repeat(6, 1fr);\n        gap: 24px;\n    }\n    .ja-stack-card {\n        padding: 32px 20px;\n    }\n    .ja-stack-card:hover {\n        transform: translateY(-4px);\n        border-color: #FF8A00;\n        box-shadow: 0 12px 25px rgba(255, 138, 0, 0.05);\n    }\n    .ja-stack-card:hover .ja-stack-icon {\n        color: #FF8A00;\n    }\n    .ja-stack-name { font-size: 17px; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b821f0 e-con-full e-flex e-con e-parent\" data-id=\"6b821f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d390795 elementor-widget elementor-widget-html\" data-id=\"d390795\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ja-cta-final\">\n    <div class=\"ja-cta-container\">\n        \n        <div class=\"ja-cta-content\">\n            <h2 class=\"ja-cta-title\">\u00bfListo para construir un ecosistema digital orientado a resultados?<\/h2>\n            <p class=\"ja-cta-text\">\n                Cada proyecto se desarrolla con estrategia, optimizaci\u00f3n y un enfoque absoluto en el crecimiento sostenible de tu marca o negocio.\n            <\/p>\n            \n            <div class=\"ja-cta-buttons\">\n                <a href=\"https:\/\/jorgealvarez.me\/en\/contacto\/\" class=\"ja-cta-btn-primary\">\n                    <i class=\"fa-solid fa-envelope\"><\/i> Cont\u00e1ctame\n                <\/a>\n                <a href=\"https:\/\/wa.me\/51954112535\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ja-cta-btn-whatsapp\">\n                    <i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp directo\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   1. ESTILOS BASE \/ MOBILE-FIRST (Por defecto para Smartphones)\n   ========================================================================== *\/\n.ja-cta-final {\n    position: relative;\n    background: #0F172A; \/* Fondo oscuro premium tipo SaaS *\/\n    padding: 60px 20px;\n    font-family: 'Inter', sans-serif;\n    overflow: hidden;\n}\n\n\/* Efecto sutil de gradiente de fondo *\/\n.ja-cta-final::before {\n    content: \"\";\n    position: absolute;\n    top: -50%;\n    left: -20%;\n    width: 140%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(255, 138, 0, 0.07) 0%, rgba(15, 23, 42, 0) 60%);\n    pointer-events: none;\n}\n\n.ja-cta-container {\n    max-width: 840px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n.ja-cta-content {\n    text-align: center;\n}\n\n\/* T\u00cdTULO *\/\n.ja-cta-title {\n    margin: 0 0 16px;\n    color: #ffffff;\n    font-family: 'Manrope', sans-serif;\n    font-size: 28px;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    font-weight: 800;\n}\n\n\/* TEXTO *\/\n.ja-cta-text {\n    margin: 0 0 36px;\n    color: #94A3B8;\n    font-size: 16px;\n    line-height: 1.6;\n}\n\n\/* BOTONES *\/\n.ja-cta-buttons {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    align-items: center;\n    width: 100%;\n}\n\n.ja-cta-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 16px 32px;\n    border-radius: 14px;\n    background: #FF8A00;\n    color: #ffffff !important;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    width: 100%;\n    box-shadow: 0 8px 24px rgba(255, 138, 0, 0.2);\n    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n}\n\n.ja-cta-btn-primary:hover {\n    background: #EA7A00 !important;\n}\n\n.ja-cta-btn-whatsapp {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 16px 32px;\n    border-radius: 14px;\n    background: #25D366;\n    color: #ffffff !important;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    width: 100%;\n    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.15);\n    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n}\n\n.ja-cta-btn-whatsapp:hover {\n    background: #20BA5A !important;\n}\n\n\/* ==========================================================================\n   2. MEDIA QUERIES (Responsivo progresivo)\n   ========================================================================== *\/\n@media (min-width: 640px) {\n    .ja-cta-title { font-size: 36px; }\n    .ja-cta-buttons {\n        flex-direction: row;\n        justify-content: center;\n    }\n    .ja-cta-btn-primary, .ja-cta-btn-whatsapp {\n        width: auto;\n        min-width: 200px;\n    }\n}\n\n@media (min-width: 1024px) {\n    .ja-cta-final { padding: 100px 40px; }\n    .ja-cta-title { font-size: 44px; line-height: 1.15; letter-spacing: -1.5px; margin-bottom: 20px; }\n    .ja-cta-text { font-size: 18px; margin-bottom: 44px; }\n    \n    .ja-cta-btn-primary:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 12px 30px rgba(255, 138, 0, 0.3);\n    }\n    .ja-cta-btn-whatsapp:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 12px 30px rgba(37, 211, 102, 0.25);\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Casos de \u00e9xito Resultados digitales construidos con estrategia, tecnolog\u00eda y performance Desarrollo ecosistemas digitales enfocados en adquisici\u00f3n, conversi\u00f3n, automatizaci\u00f3n y crecimiento sostenible para marcas, empresas y proyectos digitales. Hablemos de tu proyecto Impacto medible Sistemas digitales optimizados para el crecimiento Experiencia +0 A\u00f1os de trayectoria Desarrollando ecosistemas de alta conversi\u00f3n. Alcance LATAM &#038; USA Mercados &#8230; <a title=\"Success Stories\" class=\"read-more\" href=\"https:\/\/jorgealvarez.me\/en\/casos-de-exito\/\" aria-label=\"Read more about Casos de \u00e9xito\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-23","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":7,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":9392,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/23\/revisions\/9392"}],"wp:attachment":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}