Men\u00fa de Navegaci\u00f3n Personalizado<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background-color: #011c1a;\r\n font-family: 'Montserrat', sans-serif;\r\n min-height: 100vh;\r\n }\r\n\r\n .custom-navbar {\r\n width: 100%;\r\n background-color: #012828;\r\n padding: 14px 20px;\r\n position: sticky;\r\n top: 0;\r\n z-index: 9999;\r\n box-sizing: border-box;\r\n }\r\n\r\n .nav-container {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n margin-right: auto;\r\n padding-left: 0;\r\n }\r\n \r\n.nav-logo-img {\r\n height: 80px !important; \/* Altura forzada (aj\u00fastala a tu gusto) *\/\r\n max-height: 80px !important; \/* Evita que el tema la estire *\/\r\n width: auto !important;\r\n max-width: 100% !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n transition: opacity 0.2s ease;\r\n }\r\n\r\n .nav-logo:hover .nav-logo-img {\r\n opacity: 0.85;\r\n }\r\n\r\n .desktop-nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 28px;\r\n }\r\n\r\n .nav-item {\r\n color: #CBD5E1;\r\n text-decoration: none;\r\n font-size: 16px;\r\n font-weight: 600;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n .nav-item:hover {\r\n color: #26fecf;\r\n }\r\n\r\n .btn-cv-header {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: #26fecf;\r\n color: #041C1A;\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 10px 22px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n transition: all 0.25s ease;\r\n border: none;\r\n box-shadow: none;\r\n }\r\n\r\n .btn-cv-header:hover {\r\n background-color: #28E6BD;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .icon-download {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .lang-badge {\r\n color: #94A3B8;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n letter-spacing: 0.5px;\r\n padding: 4px 8px;\r\n transition: color 0.2s ease;\r\n opacity: 0.8;\r\n }\r\n\r\n .lang-badge:hover {\r\n color: #FFFFFF;\r\n opacity: 1;\r\n }\r\n\r\n .mobile-hamburger, .mobile-drawer {\r\n display: none;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .desktop-nav {\r\n display: none;\r\n }\r\n\r\n .mobile-hamburger {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 5px;\r\n position: fixed;\r\n top: 14px;\r\n right: 16px;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background-color: #041C1A;\r\n border: 1px solid rgba(32, 234, 162, 0.5);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);\r\n cursor: pointer;\r\n z-index: 10000;\r\n transition: background-color 0.3s ease, border-color 0.3s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n outline: none;\r\n }\r\n\r\n .mobile-hamburger .bar {\r\n width: 18px;\r\n height: 2px;\r\n background-color: #26fecf;\r\n border-radius: 2px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .mobile-hamburger.is-active {\r\n background-color: #26fecf;\r\n }\r\n\r\n .mobile-hamburger.is-active .bar {\r\n background-color: #041C1A;\r\n }\r\n\r\n .mobile-hamburger.is-active .bar:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg);\r\n }\r\n\r\n .mobile-hamburger.is-active .bar:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .mobile-hamburger.is-active .bar:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg);\r\n }\r\n\r\n .mobile-drawer {\r\n display: flex;\r\n position: fixed;\r\n top: 68px;\r\n right: 16px;\r\n width: calc(100% - 32px);\r\n max-width: 300px;\r\n background: rgba(4, 28, 26, 0.97);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(32, 234, 162, 0.2);\r\n border-radius: 20px;\r\n padding: 20px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n z-index: 9999;\r\n opacity: 0;\r\n visibility: hidden;\r\n pointer-events: none;\r\n transform: translateY(-10px) scale(0.95);\r\n transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;\r\n will-change: opacity, transform;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-drawer.is-open {\r\n opacity: 1;\r\n visibility: visible;\r\n pointer-events: auto;\r\n transform: translateY(0) scale(1);\r\n }\r\n\r\n .mobile-nav-list {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n gap: 12px;\r\n }\r\n\r\n .mobile-nav-item {\r\n color: #FFFFFF;\r\n text-decoration: none;\r\n font-size: 16px;\r\n font-weight: 600;\r\n padding: 10px 12px;\r\n border-radius: 10px;\r\n transition: background 0.2s ease, color 0.2s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-nav-item:hover {\r\n background: rgba(32, 234, 162, 0.1);\r\n color: #26fecf;\r\n }\r\n\r\n .mobile-btn-cv {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background-color: #26fecf;\r\n color: #041C1A;\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 12px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n margin-top: 6px;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-lang-badge {\r\n color: #94A3B8;\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-align: center;\r\n padding: 8px;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header class=\"custom-navbar\">\r\n <div class=\"nav-container\">\r\n <a href=\"\/en\/\" class=\"nav-logo\" aria-label=\"Ir a Inicio\">\r\n <img decoding=\"async\" src=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Logo-Alexis-Ochoa-scaled.webp\" alt=\"Alexis Ochoa\" class=\"nav-logo-img\">\r\n <\/a>\r\n\r\n <nav class=\"desktop-nav\">\r\n <a href=\"\/en\/\" class=\"nav-item\">Inicio<\/a>\r\n <a href=\"\/en\/sobre-mi\/\" class=\"nav-item\">Sobre m\u00ed<\/a>\r\n <a href=\"\/en\/proyectos\/\" class=\"nav-item\">Proyectos<\/a>\r\n <a href=\"\/en\/contacto\/\" class=\"nav-item\">Contacto<\/a>\r\n\r\n <a href=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/CV_AlexisOchoa_Marketing-Professional.pdf\" target=\"_blank\" download class=\"btn-cv-header\">\r\n <span>Descargar CV<\/span>\r\n <svg class=\"icon-download\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a href=\"\/en\" class=\"lang-badge\" title=\"Cambiar a versi\u00f3n en Ingl\u00e9s\">EN<\/a>\r\n <\/nav>\r\n\r\n <button class=\"mobile-hamburger\" id=\"hamburgerBtn\" aria-label=\"Abrir men\u00fa de navegaci\u00f3n\">\r\n <span class=\"bar\"><\/span>\r\n <span class=\"bar\"><\/span>\r\n <span class=\"bar\"><\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"mobile-drawer\" id=\"mobileMenu\">\r\n <nav class=\"mobile-nav-list\">\r\n <a href=\"\/en\/\" class=\"mobile-nav-item\">Inicio<\/a>\r\n <a href=\"\/en\/sobre-mi\/\" class=\"mobile-nav-item\">Sobre m\u00ed<\/a>\r\n <a href=\"\/en\/proyectos\/\" class=\"mobile-nav-item\">Proyectos<\/a>\r\n <a href=\"\/en\/contacto\/\" class=\"mobile-nav-item\">Contacto<\/a>\r\n \r\n <a href=\"https:\/\/tusitio.com\/wp-content\/uploads\/tu-cv.pdf\" target=\"_blank\" download class=\"mobile-btn-cv\">\r\n <span>Descargar CV<\/span>\r\n <svg class=\"icon-download\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a href=\"\/en\" class=\"mobile-lang-badge\">\ud83c\uddfa\ud83c\uddf8 English (EN)<\/a>\r\n <\/nav>\r\n <\/div>\r\n<\/header>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const btn = document.getElementById('hamburgerBtn');\r\n const menu = document.getElementById('mobileMenu');\r\n\r\n if (btn && menu) {\r\n btn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n btn.classList.toggle('is-active');\r\n menu.classList.toggle('is-open');\r\n });\r\n\r\n document.addEventListener('click', function(e) {\r\n if (!menu.contains(e.target) && !btn.contains(e.target)) {\r\n btn.classList.remove('is-active');\r\n menu.classList.remove('is-open');\r\n }\r\n });\r\n\r\n const links = menu.querySelectorAll('a');\r\n links.forEach(link => {\r\n link.addEventListener('click', () => {\r\n btn.classList.remove('is-active');\r\n menu.classList.remove('is-open');\r\n });\r\n });\r\n }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-563b627 e-con e-atomic-element e-flexbox-base e-563b627-b7cbd70\" data-id=\"563b627\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"563b627\">\n \t\t\t<h1 data-interaction-id=\"4aca89e\" class=\"e-4aca89e-5bd6fd8 e-heading-base\">Proyectos que Generan Resultados<\/h1>\n\t\t\t\t\t<p class=\"e-2d1032c-f3e0b2c e-paragraph-base\" data-interaction-id=\"2d1032c\">Algunos de los m\u00e1s significativos en los que he participado y c\u00f3mo transformaron al negocio.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfa9f49 elementor-widget elementor-widget-html\" data-id=\"bfa9f49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n \/* Reset de margen\/padding para Elementor *\/\r\n .elementor-widget-html,\r\n .elementor-widget-container {\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n width: 100% !important;\r\n }\r\n\r\n \/* Contenedor wrapper principal *\/\r\n .proyectos-wrapper {\r\n width: 100%;\r\n box-sizing: border-box;\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\r\n }\r\n\r\n \/* ==========================================================================\r\n FILTROS POR CATEGOR\u00cdA\r\n ========================================================================== *\/\r\n .proyectos-filtros {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .filter-tab {\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.12);\r\n color: #CBD5E1;\r\n padding: 9px 20px;\r\n border-radius: 30px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.25s ease;\r\n outline: none;\r\n font-family: 'Montserrat', sans-serif;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .filter-tab:hover {\r\n background: rgba(38, 254, 207, 0.1);\r\n border-color: rgba(38, 254, 207, 0.3);\r\n color: #26fecf;\r\n }\r\n\r\n .filter-tab.active {\r\n background: #26fecf;\r\n border-color: #26fecf;\r\n color: #041C1A;\r\n font-weight: 700;\r\n }\r\n\r\n \/* ==========================================================================\r\n GRILLA \/ LISTA DE TARJETAS DE PROYECTO\r\n ========================================================================== *\/\r\n .proyectos-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n width: 100%;\r\n }\r\n\r\n \/* Tarjeta Individual Optimizada (2 Columnas en Escritorio) *\/\r\n .card-proyecto {\r\n background-color: #FFFFFF;\r\n border-radius: 20px;\r\n padding: 26px 0 0 28px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);\r\n position: relative;\r\n overflow: hidden;\r\n display: grid;\r\n grid-template-columns: 1.15fr 0.85fr;\r\n gap: 28px;\r\n align-items: stretch;\r\n width: 100%;\r\n box-sizing: border-box;\r\n transition: transform 0.35s ease, opacity 0.35s ease, box-shadow 0.35s ease;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .card-proyecto.is-hidden {\r\n display: none !important;\r\n }\r\n\r\n .card-proyecto:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);\r\n }\r\n\r\n \/* Columna Izquierda: Informaci\u00f3n del Proyecto *\/\r\n .card-info-col {\r\n padding-bottom: 26px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n \/* Etiqueta de categor\u00eda interna en la tarjeta *\/\r\n .card-cat-badge {\r\n display: inline-block;\r\n background: #F1F5F9;\r\n color: #475569;\r\n font-size: 11px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n padding: 4px 10px;\r\n border-radius: 6px;\r\n margin-bottom: 12px;\r\n width: fit-content;\r\n }\r\n\r\n .cliente-texto {\r\n color: #012828;\r\n font-size: 13px;\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .cliente-sep {\r\n color: #26fecf;\r\n font-weight: 400;\r\n }\r\n\r\n \/* T\u00edtulo y Descripci\u00f3n *\/\r\n .proyecto-titulo {\r\n color: #0B192C;\r\n font-size: clamp(19px, 1.8vw, 20px);\r\n font-weight: 700;\r\n line-height: 1.28;\r\n margin: 0 0 10px 0;\r\n }\r\n\r\n .proyecto-descripcion {\r\n color: #475569;\r\n font-size: clamp(14px, 1vw, 15px);\r\n line-height: 1.5;\r\n margin: 0 0 16px 0;\r\n }\r\n\r\n \/* Grid de Indicadores de \u00c9xito (Permite 1, 2 o m\u00e1s m\u00e9tricas) *\/\r\n .metricas-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .metrica-item {\r\n background: #F8FAFC;\r\n border: 1px solid #E2E8F0;\r\n border-radius: 10px;\r\n padding: 10px 14px;\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 120px;\r\n flex: 1 1 auto;\r\n box-sizing: border-box;\r\n }\r\n\r\n .metrica-numero {\r\n color: #0B192C;\r\n font-size: clamp(20px, 1.8vw, 26px);\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .metrica-etiqueta {\r\n color: #64748B;\r\n font-size: 13px;\r\n line-height: 1.3;\r\n font-weight: 500;\r\n }\r\n\r\n \/* Bot\u00f3n 'Ver caso de \u00e9xito' *\/\r\n .btn-ver-mas {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: #26fecf;\r\n color: #041C1A;\r\n font-weight: 700;\r\n font-size: 13.5px;\r\n padding: 10px 22px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n transition: all 0.25s ease;\r\n width: fit-content;\r\n }\r\n\r\n .btn-ver-mas:hover {\r\n background-color: #28E6BD;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-ver-mas .flecha {\r\n transition: transform 0.25s ease;\r\n }\r\n\r\n .btn-ver-mas:hover .flecha {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* Columna Derecha: Mockup Visual Alineado *\/\r\n .card-media-col {\r\n height: 100%;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n overflow: hidden;\r\n }\r\n\r\n .mockup-container {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n }\r\n\r\n .mockup-img {\r\n width: 100%;\r\n max-height: 340px;\r\n object-fit: cover;\r\n object-position: top left;\r\n border-top-left-radius: 16px;\r\n box-shadow: -8px -8px 25px rgba(0, 0, 0, 0.12);\r\n display: block;\r\n }\r\n\r\n \/* Mensaje de Estado Vac\u00edo *\/\r\n .no-results-msg {\r\n display: none;\r\n text-align: center;\r\n padding: 40px;\r\n color: #FFFFFF;\r\n font-size: 14px;\r\n background: rgba(255, 255, 255, 0.02);\r\n border: 1px dashed rgba(255, 255, 255, 0.1);\r\n border-radius: 16px;\r\n }\r\n\r\n \/* Responsivo para Tablets y Celulares (< 860px) *\/\r\n @media (max-width: 860px) {\r\n .card-proyecto {\r\n grid-template-columns: 1fr;\r\n padding: 24px 24px 0 24px;\r\n border-radius: 18px;\r\n gap: 16px;\r\n }\r\n\r\n .card-info-col {\r\n padding-bottom: 0;\r\n }\r\n\r\n .metricas-grid {\r\n gap: 10px;\r\n }\r\n\r\n .metrica-item {\r\n min-width: 100px;\r\n }\r\n\r\n .card-media-col {\r\n margin-right: -24px;\r\n width: calc(100% + 24px);\r\n }\r\n\r\n .mockup-img {\r\n max-height: 220px;\r\n border-top-left-radius: 12px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"proyectos-wrapper\" id=\"proyectosWrapper\">\r\n\r\n \r\n <div class=\"proyectos-filtros\">\r\n <button class=\"filter-tab active\" data-category=\"all\">Todos (5)<\/button>\r\n <button class=\"filter-tab\" data-category=\"inbound-seo\">Inbound y SEO<\/button>\r\n <button class=\"filter-tab\" data-category=\"paid-media\">Paid Media<\/button>\r\n <button class=\"filter-tab\" data-category=\"ux-growth\">UX & Growth<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"proyectos-grid\">\r\n\r\n \r\n <article class=\"card-proyecto\" data-category=\"inbound-seo ux-growth\">\r\n <div class=\"card-info-col\">\r\n <span class=\"card-cat-badge\">Content Marketing y SEO<\/span>\r\n <div class=\"cliente-texto\">Industria Tecnol\u00f3gica <span class=\"cliente-sep\">|<\/span> M\u00e9xico \ud83c\uddf2\ud83c\uddfd<\/div>\r\n \r\n <h3 class=\"proyecto-titulo\">Impulsando la Generaci\u00f3n de Leads con un Sitio Web Optimizado<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n Estrategia integral de SEO y UX\/UI enfocada en maximizar la conversi\u00f3n de prospectos cualificados para una empresa de la industria Tech\r\n <\/p>\r\n\r\n <div class=\"metricas-grid\">\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">+300%<\/span>\r\n <span class=\"metrica-etiqueta\">leads org\u00e1nicos<\/span>\r\n <\/div>\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">+70%<\/span>\r\n <span class=\"metrica-etiqueta\">tr\u00e1fico org\u00e1nico<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"\/en\/proyectos\/generacion-leads-sitio-web-optimizado\/\" class=\"btn-ver-mas\">\r\n <span>Ver caso de \u00e9xito<\/span>\r\n <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card-media-col\">\r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-scaled.webp\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-proyecto\" data-category=\"paid-media\">\r\n <div class=\"card-info-col\">\r\n <span class=\"card-cat-badge\">Email Marketing<\/span>\r\n <div class=\"cliente-texto\">Industria Tecnol\u00f3gica <span class=\"cliente-sep\">|<\/span> M\u00e9xico \ud83c\uddf2\ud83c\uddfd<\/div>\r\n \r\n <h3 class=\"proyecto-titulo\">M\u00e1s Clientes Potenciales con Campa\u00f1as de Email Marketing<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n Integraci\u00f3n de infraestructura \u00e1gil para lanzar campa\u00f1as eficazmente y convertir el correo electr\u00f3nico en un canal clave de adquisici\u00f3n de leads.\r\n <\/p>\r\n\r\n <div class=\"metricas-grid\">\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">+400%<\/span>\r\n <span class=\"metrica-etiqueta\">captaci\u00f3n de leads<\/span>\r\n <\/div>\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">2.17x<\/span>\r\n <span class=\"metrica-etiqueta\">Retorno de Inversi\u00f3n (ROI)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/alexis-ochoa.com\/en\/proyectos\/clientes-potenciales-campanas-email-marketing\/\" class=\"btn-ver-mas\">\r\n <span>Ver caso de \u00e9xito<\/span>\r\n <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card-media-col\">\r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Mas-Clientes-Potenciales-con-Campanas-de-Email-Marketing-scaled.webp\" class=\"mockup-img\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-proyecto\" data-category=\"inbound-seo\">\r\n <div class=\"card-info-col\">\r\n <span class=\"card-cat-badge\">Estrategia SEO & Contenidos<\/span>\r\n <div class=\"cliente-texto\">Global Lynx <span class=\"cliente-sep\">|<\/span> M\u00e9xico \ud83c\uddf2\ud83c\uddfd<\/div>\r\n \r\n <h3 class=\"proyecto-titulo\">Posicionamiento de palabras clave transaccionales de alto valor<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n Investigaci\u00f3n de intenciones de b\u00fasqueda, cl\u00fasteres de contenido (Topic Clusters) y optimizaci\u00f3n t\u00e9cnica para dominar b\u00fasquedas org\u00e1nicas clave.\r\n <\/p>\r\n\r\n <div class=\"metricas-grid\">\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">+68%<\/span>\r\n <span class=\"metrica-etiqueta\">tr\u00e1fico org\u00e1nico calificado<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"\/en\/proyecto-seo\/\" class=\"btn-ver-mas\">\r\n <span>Ver caso de \u00e9xito<\/span>\r\n <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card-media-col\">\r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x480\/0284c7\/ffffff?text=SEO+Growth+Chart\" alt=\"Preview Crecimiento SEO\" class=\"mockup-img\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-proyecto\" data-category=\"ux-growth paid-media\">\r\n <div class=\"card-info-col\">\r\n <span class=\"card-cat-badge\">Growth & Optimizaci\u00f3n de ROI<\/span>\r\n <div class=\"cliente-texto\">Global Lynx <span class=\"cliente-sep\">|<\/span> M\u00e9xico \ud83c\uddf2\ud83c\uddfd<\/div>\r\n \r\n <h3 class=\"proyecto-titulo\">Optimizaci\u00f3n de tasa de conversi\u00f3n (CRO) y reducci\u00f3n de CPA<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n An\u00e1lisis de mapas de calor, iteraci\u00f3n de copys y redise\u00f1o de formularios t\u00e1cticos para eliminar fricci\u00f3n en la jornada del prospecto.\r\n <\/p>\r\n\r\n <div class=\"metricas-grid\">\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">+45%<\/span>\r\n <span class=\"metrica-etiqueta\">conversiones globales<\/span>\r\n <\/div>\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">-25%<\/span>\r\n <span class=\"metrica-etiqueta\">costo por adquisici\u00f3n<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"\/en\/proyecto-growth\/\" class=\"btn-ver-mas\">\r\n <span>Ver caso de \u00e9xito<\/span>\r\n <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card-media-col\">\r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x480\/041c1a\/20EAA2?text=CRO+Landing+Page\" alt=\"Preview Growth Testing\" class=\"mockup-img\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-proyecto\" data-category=\"inbound-seo ux-growth\">\r\n <div class=\"card-info-col\">\r\n <span class=\"card-cat-badge\">Email Nurturing & Lead Gen<\/span>\r\n <div class=\"cliente-texto\">PALO IT <span class=\"cliente-sep\">|<\/span> M\u00e9xico \ud83c\uddf2\ud83c\uddfd \ud83c\udde8\ud83c\uddf4<\/div>\r\n \r\n <h3 class=\"proyecto-titulo\">Nutrici\u00f3n de prospectos mediante flujos automatizados de email<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n Dise\u00f1o y segmentaci\u00f3n de campa\u00f1as de Lead Nurturing con contenido de valor (Whitepapers y Webinars) para acelerar el ciclo de venta en servicios B2B.\r\n <\/p>\r\n\r\n <div class=\"metricas-grid\">\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">+60%<\/span>\r\n <span class=\"metrica-etiqueta\">adquisici\u00f3n automatizada<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"\/en\/proyecto-email\/\" class=\"btn-ver-mas\">\r\n <span>Ver caso de \u00e9xito<\/span>\r\n <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card-media-col\">\r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x480\/334155\/26fecf?text=Email+Workflows+Preview\" alt=\"Preview Email Marketing\" class=\"mockup-img\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <div class=\"no-results-msg\" id=\"noResultsMsg\">\r\n No hay proyectos disponibles para este filtro por el momento.\r\n <\/div>\r\n\r\n <\/div> \r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n function initProyectosFilter() {\r\n const filterTabs = document.querySelectorAll('#proyectosWrapper .proyectos-filtros .filter-tab');\r\n const projectCards = document.querySelectorAll('#proyectosWrapper .proyectos-grid .card-proyecto');\r\n const noResultsMsg = document.getElementById('noResultsMsg');\r\n\r\n if (filterTabs.length && projectCards.length) {\r\n filterTabs.forEach(tab => {\r\n tab.addEventListener('click', function() {\r\n filterTabs.forEach(t => t.classList.remove('active'));\r\n this.classList.add('active');\r\n\r\n const filterValue = this.getAttribute('data-category');\r\n let visibleCount = 0;\r\n\r\n projectCards.forEach(card => {\r\n const cardCategories = (card.getAttribute('data-category') || '').split(' ');\r\n\r\n if (filterValue === 'all' || cardCategories.includes(filterValue)) {\r\n card.classList.remove('is-hidden');\r\n visibleCount++;\r\n } else {\r\n card.classList.add('is-hidden');\r\n }\r\n });\r\n\r\n if (noResultsMsg) {\r\n noResultsMsg.style.display = (visibleCount === 0) ? 'block' : 'none';\r\n }\r\n });\r\n });\r\n }\r\n }\r\n\r\n \/\/ Ejecuci\u00f3n segura compatible con Elementor (verifica si la p\u00e1gina ya carg\u00f3 el DOM)\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initProyectosFilter);\r\n } else {\r\n initProyectosFilter();\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<footer class=\"elementor-element elementor-element-6301cbbd e-con e-atomic-element e-flexbox-base e-6301cbbd-8a39c12\" data-id=\"6301cbbd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6301cbbd\">\n \t\t\t<h2 data-interaction-id=\"386449d9\" class=\"e-386449d9-35c5a2f e-heading-base\">Lleva tus Estrategias de Negocio al Siguiente Nivel<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-68e79ac elementor-widget elementor-widget-html\" data-id=\"68e79ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cta-footer-wrapper\">\r\n \r\n \r\n <div class=\"cta-buttons-container\">\r\n \r\n \r\n \r\n <a href=\"mailto:contact@alexis-ochoa.com\" class=\"btn-cta-primary\">\r\n <span>Escr\u00edbeme<\/span>\r\n <span class=\"btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n \r\n \r\n <a href=\"https:\/\/www.linkedin.com\/in\/lrc-alexisochoa\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-cta-secondary\">\r\n \r\n <svg class=\"linkedin-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.28 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.75M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"\/>\r\n <\/svg>\r\n <span>Conecta conmigo<\/span>\r\n <span class=\"btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <footer class=\"footer-legal-bar\">\r\n <p class=\"copyright-text\">\r\n \u00a9 2026 Todos los Derechos Reservados. Desarrollado por Alexis Ochoa.\r\n <\/p>\r\n \r\n <a href=\"\/en\/politica-de-privacidad\/\" class=\"privacy-link\">\r\n Pol\u00edtica de Privacidad\r\n <\/a>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* Contenedor Principal *\/\r\n.cta-footer-wrapper {\r\n width: 100%;\r\n box-sizing: border-box;\r\n font-family: montserrat;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding-top: 10px;\r\n}\r\n\r\n\/* Disposici\u00f3n Vertical Centrada de Botones *\/\r\n.cta-buttons-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 16px;\r\n width: 100%;\r\n margin-bottom: 56px;\r\n}\r\n\r\n\/* ========================================================= *\/\r\n\/* BOT\u00d3N 1: PRINCIPAL (ESCR\u00cdBEME - S\u00d3LIDO) *\/\r\n\/* ========================================================= *\/\r\n.btn-cta-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n background-color: #26fecf; \/* Verde menta *\/\r\n color: #012828; \/* Texto oscuro *\/\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 12px 32px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n border: 1px solid #26fecf;\r\n transition: all 0.25s ease;\r\n box-shadow: none; \/* SIN brillo \/ resplandor *\/\r\n min-width: 240px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.btn-cta-primary:hover {\r\n background-color: #28E6BD;\r\n border-color: #28E6BD;\r\n transform: translateY(-2px); \/* Elevaci\u00f3n sutil sin brillo *\/\r\n}\r\n\r\n\/* ========================================================= *\/\r\n\/* BOT\u00d3N 2: SECUNDARIO (LINKEDIN - OUTLINE) *\/\r\n\/* ========================================================= *\/\r\n.btn-cta-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n background-color: transparent;\r\n color: #26fecf; \/* Texto verde menta *\/\r\n font-weight: 600;\r\n font-size: 16px;\r\n padding: 12px 28px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n border: 1.5px solid #26fecf; \/* Borde delgado elegante *\/\r\n transition: all 0.25s ease;\r\n box-shadow: none; \/* SIN brillo \/ resplandor *\/\r\n min-width: 240px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.btn-cta-secondary:hover {\r\n background-color: rgba(32, 234, 162, 0.1); \/* Fondo sutil al hover *\/\r\n border-color: #28E6BD;\r\n color: #28E6BD;\r\n transform: translateY(-2px); \/* Elevaci\u00f3n sutil sin brillo *\/\r\n}\r\n\r\n\/* Icono de LinkedIn en el Bot\u00f3n Secundario *\/\r\n.linkedin-icon {\r\n width: 18px;\r\n height: 18px;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* Flecha de direcci\u00f3n en ambos botones *\/\r\n.btn-arrow {\r\n font-size: 18px;\r\n line-height: 1;\r\n transition: transform 0.25s ease;\r\n}\r\n\r\n.btn-cta-primary:hover .btn-arrow,\r\n.btn-cta-secondary:hover .btn-arrow {\r\n transform: translateX(3px); \/* Desplazamiento leve de la flecha al pasar el cursor *\/\r\n}\r\n\r\n\/* ========================================================= *\/\r\n\/* PIE DE P\u00c1GINA (COPYRIGHT Y PRIVACIDAD) *\/\r\n\/* ========================================================= *\/\r\n.footer-legal-bar {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border-top: 1px solid rgba(255, 255, 255, 0.08); \/* L\u00ednea divisoria muy discreta *\/\r\n padding-top: 20px;\r\n color: #94A3B8;\r\n font-size: 13px;\r\n}\r\n\r\n.copyright-text {\r\n margin: 0;\r\n color: #94A3B8;\r\n font-weight: 400;\r\n}\r\n\r\n.privacy-link {\r\n color: #94A3B8;\r\n text-decoration: underline;\r\n transition: color 0.2s ease;\r\n}\r\n\r\n.privacy-link:hover {\r\n color: #26fecf;\r\n}\r\n\r\n\/* Adaptabilidad a Celulares y Tablets *\/\r\n@media (max-width: 640px) {\r\n .cta-buttons-container {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btn-cta-primary,\r\n .btn-cta-secondary {\r\n width: 100%;\r\n max-width: 280px;\r\n font-size: 15px;\r\n padding: 12px 20px;\r\n }\r\n\r\n .footer-legal-bar {\r\n flex-direction: column;\r\n gap: 12px;\r\n text-align: center;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/footer>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Men\u00fa de Navegaci\u00f3n Personalizado Inicio Sobre m\u00ed Proyectos Contacto Descargar CV EN Inicio Sobre m\u00ed Proyectos Contacto Descargar CV 🇺🇸 English (EN) Proyectos que Generan Resultados Algunos de los m\u00e1s significativos en los que he participado y c\u00f3mo transformaron al negocio. Todos (5) Inbound y SEO Paid Media UX & Growth Content Marketing y SEO […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":76,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":690,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/25\/revisions\/690"}],"wp:attachment":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n \r\n \r\n Men\u00fa de Navegaci\u00f3n Personalizado<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background-color: #011c1a;\r\n font-family: 'Montserrat', sans-serif;\r\n min-height: 100vh;\r\n }\r\n\r\n .custom-navbar {\r\n width: 100%;\r\n background-color: #012828;\r\n padding: 14px 20px;\r\n position: sticky;\r\n top: 0;\r\n z-index: 9999;\r\n box-sizing: border-box;\r\n }\r\n\r\n .nav-container {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n margin-right: auto;\r\n padding-left: 0;\r\n }\r\n \r\n.nav-logo-img {\r\n height: 80px !important; \/* Altura forzada (aj\u00fastala a tu gusto) *\/\r\n max-height: 80px !important; \/* Evita que el tema la estire *\/\r\n width: auto !important;\r\n max-width: 100% !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n transition: opacity 0.2s ease;\r\n }\r\n\r\n .nav-logo:hover .nav-logo-img {\r\n opacity: 0.85;\r\n }\r\n\r\n .desktop-nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 28px;\r\n }\r\n\r\n .nav-item {\r\n color: #CBD5E1;\r\n text-decoration: none;\r\n font-size: 16px;\r\n font-weight: 600;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n .nav-item:hover {\r\n color: #26fecf;\r\n }\r\n\r\n .btn-cv-header {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: #26fecf;\r\n color: #041C1A;\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 10px 22px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n transition: all 0.25s ease;\r\n border: none;\r\n box-shadow: none;\r\n }\r\n\r\n .btn-cv-header:hover {\r\n background-color: #28E6BD;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .icon-download {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .lang-badge {\r\n color: #94A3B8;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n letter-spacing: 0.5px;\r\n padding: 4px 8px;\r\n transition: color 0.2s ease;\r\n opacity: 0.8;\r\n }\r\n\r\n .lang-badge:hover {\r\n color: #FFFFFF;\r\n opacity: 1;\r\n }\r\n\r\n .mobile-hamburger, .mobile-drawer {\r\n display: none;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .desktop-nav {\r\n display: none;\r\n }\r\n\r\n .mobile-hamburger {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 5px;\r\n position: fixed;\r\n top: 14px;\r\n right: 16px;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background-color: #041C1A;\r\n border: 1px solid rgba(32, 234, 162, 0.5);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);\r\n cursor: pointer;\r\n z-index: 10000;\r\n transition: background-color 0.3s ease, border-color 0.3s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n outline: none;\r\n }\r\n\r\n .mobile-hamburger .bar {\r\n width: 18px;\r\n height: 2px;\r\n background-color: #26fecf;\r\n border-radius: 2px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .mobile-hamburger.is-active {\r\n background-color: #26fecf;\r\n }\r\n\r\n .mobile-hamburger.is-active .bar {\r\n background-color: #041C1A;\r\n }\r\n\r\n .mobile-hamburger.is-active .bar:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg);\r\n }\r\n\r\n .mobile-hamburger.is-active .bar:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .mobile-hamburger.is-active .bar:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg);\r\n }\r\n\r\n .mobile-drawer {\r\n display: flex;\r\n position: fixed;\r\n top: 68px;\r\n right: 16px;\r\n width: calc(100% - 32px);\r\n max-width: 300px;\r\n background: rgba(4, 28, 26, 0.97);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(32, 234, 162, 0.2);\r\n border-radius: 20px;\r\n padding: 20px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n z-index: 9999;\r\n opacity: 0;\r\n visibility: hidden;\r\n pointer-events: none;\r\n transform: translateY(-10px) scale(0.95);\r\n transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;\r\n will-change: opacity, transform;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-drawer.is-open {\r\n opacity: 1;\r\n visibility: visible;\r\n pointer-events: auto;\r\n transform: translateY(0) scale(1);\r\n }\r\n\r\n .mobile-nav-list {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n gap: 12px;\r\n }\r\n\r\n .mobile-nav-item {\r\n color: #FFFFFF;\r\n text-decoration: none;\r\n font-size: 16px;\r\n font-weight: 600;\r\n padding: 10px 12px;\r\n border-radius: 10px;\r\n transition: background 0.2s ease, color 0.2s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-nav-item:hover {\r\n background: rgba(32, 234, 162, 0.1);\r\n color: #26fecf;\r\n }\r\n\r\n .mobile-btn-cv {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background-color: #26fecf;\r\n color: #041C1A;\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 12px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n margin-top: 6px;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-lang-badge {\r\n color: #94A3B8;\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-align: center;\r\n padding: 8px;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header class=\"custom-navbar\">\r\n <div class=\"nav-container\">\r\n <a href=\"\/en\/\" class=\"nav-logo\" aria-label=\"Ir a Inicio\">\r\n <img decoding=\"async\" src=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Logo-Alexis-Ochoa-scaled.webp\" alt=\"Alexis Ochoa\" class=\"nav-logo-img\">\r\n <\/a>\r\n\r\n <nav class=\"desktop-nav\">\r\n <a href=\"\/en\/\" class=\"nav-item\">Inicio<\/a>\r\n <a href=\"\/en\/sobre-mi\/\" class=\"nav-item\">Sobre m\u00ed<\/a>\r\n <a href=\"\/en\/proyectos\/\" class=\"nav-item\">Proyectos<\/a>\r\n <a href=\"\/en\/contacto\/\" class=\"nav-item\">Contacto<\/a>\r\n\r\n <a href=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/CV_AlexisOchoa_Marketing-Professional.pdf\" target=\"_blank\" download class=\"btn-cv-header\">\r\n <span>Descargar CV<\/span>\r\n <svg class=\"icon-download\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a href=\"\/en\" class=\"lang-badge\" title=\"Cambiar a versi\u00f3n en Ingl\u00e9s\">EN<\/a>\r\n <\/nav>\r\n\r\n <button class=\"mobile-hamburger\" id=\"hamburgerBtn\" aria-label=\"Abrir men\u00fa de navegaci\u00f3n\">\r\n <span class=\"bar\"><\/span>\r\n <span class=\"bar\"><\/span>\r\n <span class=\"bar\"><\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"mobile-drawer\" id=\"mobileMenu\">\r\n <nav class=\"mobile-nav-list\">\r\n <a href=\"\/en\/\" class=\"mobile-nav-item\">Inicio<\/a>\r\n <a href=\"\/en\/sobre-mi\/\" class=\"mobile-nav-item\">Sobre m\u00ed<\/a>\r\n <a href=\"\/en\/proyectos\/\" class=\"mobile-nav-item\">Proyectos<\/a>\r\n <a href=\"\/en\/contacto\/\" class=\"mobile-nav-item\">Contacto<\/a>\r\n \r\n <a href=\"https:\/\/tusitio.com\/wp-content\/uploads\/tu-cv.pdf\" target=\"_blank\" download class=\"mobile-btn-cv\">\r\n <span>Descargar CV<\/span>\r\n <svg class=\"icon-download\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a href=\"\/en\" class=\"mobile-lang-badge\">\ud83c\uddfa\ud83c\uddf8 English (EN)<\/a>\r\n <\/nav>\r\n <\/div>\r\n<\/header>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const btn = document.getElementById('hamburgerBtn');\r\n const menu = document.getElementById('mobileMenu');\r\n\r\n if (btn && menu) {\r\n btn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n btn.classList.toggle('is-active');\r\n menu.classList.toggle('is-open');\r\n });\r\n\r\n document.addEventListener('click', function(e) {\r\n if (!menu.contains(e.target) && !btn.contains(e.target)) {\r\n btn.classList.remove('is-active');\r\n menu.classList.remove('is-open');\r\n }\r\n });\r\n\r\n const links = menu.querySelectorAll('a');\r\n links.forEach(link => {\r\n link.addEventListener('click', () => {\r\n btn.classList.remove('is-active');\r\n menu.classList.remove('is-open');\r\n });\r\n });\r\n }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-563b627 e-con e-atomic-element e-flexbox-base e-563b627-b7cbd70\" data-id=\"563b627\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"563b627\">\n \t\t\t<h1 data-interaction-id=\"4aca89e\" class=\"e-4aca89e-5bd6fd8 e-heading-base\">Proyectos que Generan Resultados<\/h1>\n\t\t\t\t\t<p class=\"e-2d1032c-f3e0b2c e-paragraph-base\" data-interaction-id=\"2d1032c\">Algunos de los m\u00e1s significativos en los que he participado y c\u00f3mo transformaron al negocio.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfa9f49 elementor-widget elementor-widget-html\" data-id=\"bfa9f49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n \/* Reset de margen\/padding para Elementor *\/\r\n .elementor-widget-html,\r\n .elementor-widget-container {\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n width: 100% !important;\r\n }\r\n\r\n \/* Contenedor wrapper principal *\/\r\n .proyectos-wrapper {\r\n width: 100%;\r\n box-sizing: border-box;\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\r\n }\r\n\r\n \/* ==========================================================================\r\n FILTROS POR CATEGOR\u00cdA\r\n ========================================================================== *\/\r\n .proyectos-filtros {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .filter-tab {\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.12);\r\n color: #CBD5E1;\r\n padding: 9px 20px;\r\n border-radius: 30px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.25s ease;\r\n outline: none;\r\n font-family: 'Montserrat', sans-serif;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .filter-tab:hover {\r\n background: rgba(38, 254, 207, 0.1);\r\n border-color: rgba(38, 254, 207, 0.3);\r\n color: #26fecf;\r\n }\r\n\r\n .filter-tab.active {\r\n background: #26fecf;\r\n border-color: #26fecf;\r\n color: #041C1A;\r\n font-weight: 700;\r\n }\r\n\r\n \/* ==========================================================================\r\n GRILLA \/ LISTA DE TARJETAS DE PROYECTO\r\n ========================================================================== *\/\r\n .proyectos-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n width: 100%;\r\n }\r\n\r\n \/* Tarjeta Individual Optimizada (2 Columnas en Escritorio) *\/\r\n .card-proyecto {\r\n background-color: #FFFFFF;\r\n border-radius: 20px;\r\n padding: 26px 0 0 28px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);\r\n position: relative;\r\n overflow: hidden;\r\n display: grid;\r\n grid-template-columns: 1.15fr 0.85fr;\r\n gap: 28px;\r\n align-items: stretch;\r\n width: 100%;\r\n box-sizing: border-box;\r\n transition: transform 0.35s ease, opacity 0.35s ease, box-shadow 0.35s ease;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .card-proyecto.is-hidden {\r\n display: none !important;\r\n }\r\n\r\n .card-proyecto:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);\r\n }\r\n\r\n \/* Columna Izquierda: Informaci\u00f3n del Proyecto *\/\r\n .card-info-col {\r\n padding-bottom: 26px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n \/* Etiqueta de categor\u00eda interna en la tarjeta *\/\r\n .card-cat-badge {\r\n display: inline-block;\r\n background: #F1F5F9;\r\n color: #475569;\r\n font-size: 11px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n padding: 4px 10px;\r\n border-radius: 6px;\r\n margin-bottom: 12px;\r\n width: fit-content;\r\n }\r\n\r\n .cliente-texto {\r\n color: #012828;\r\n font-size: 13px;\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .cliente-sep {\r\n color: #26fecf;\r\n font-weight: 400;\r\n }\r\n\r\n \/* T\u00edtulo y Descripci\u00f3n *\/\r\n .proyecto-titulo {\r\n color: #0B192C;\r\n font-size: clamp(19px, 1.8vw, 20px);\r\n font-weight: 700;\r\n line-height: 1.28;\r\n margin: 0 0 10px 0;\r\n }\r\n\r\n .proyecto-descripcion {\r\n color: #475569;\r\n font-size: clamp(14px, 1vw, 15px);\r\n line-height: 1.5;\r\n margin: 0 0 16px 0;\r\n }\r\n\r\n \/* Grid de Indicadores de \u00c9xito (Permite 1, 2 o m\u00e1s m\u00e9tricas) *\/\r\n .metricas-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .metrica-item {\r\n background: #F8FAFC;\r\n border: 1px solid #E2E8F0;\r\n border-radius: 10px;\r\n padding: 10px 14px;\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 120px;\r\n flex: 1 1 auto;\r\n box-sizing: border-box;\r\n }\r\n\r\n .metrica-numero {\r\n color: #0B192C;\r\n font-size: clamp(20px, 1.8vw, 26px);\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .metrica-etiqueta {\r\n color: #64748B;\r\n font-size: 13px;\r\n line-height: 1.3;\r\n font-weight: 500;\r\n }\r\n\r\n \/* Bot\u00f3n 'Ver caso de \u00e9xito' *\/\r\n .btn-ver-mas {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: #26fecf;\r\n color: #041C1A;\r\n font-weight: 700;\r\n font-size: 13.5px;\r\n padding: 10px 22px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n transition: all 0.25s ease;\r\n width: fit-content;\r\n }\r\n\r\n .btn-ver-mas:hover {\r\n background-color: #28E6BD;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-ver-mas .flecha {\r\n transition: transform 0.25s ease;\r\n }\r\n\r\n .btn-ver-mas:hover .flecha {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* Columna Derecha: Mockup Visual Alineado *\/\r\n .card-media-col {\r\n height: 100%;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n overflow: hidden;\r\n }\r\n\r\n .mockup-container {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n }\r\n\r\n .mockup-img {\r\n width: 100%;\r\n max-height: 340px;\r\n object-fit: cover;\r\n object-position: top left;\r\n border-top-left-radius: 16px;\r\n box-shadow: -8px -8px 25px rgba(0, 0, 0, 0.12);\r\n display: block;\r\n }\r\n\r\n \/* Mensaje de Estado Vac\u00edo *\/\r\n .no-results-msg {\r\n display: none;\r\n text-align: center;\r\n padding: 40px;\r\n color: #FFFFFF;\r\n font-size: 14px;\r\n background: rgba(255, 255, 255, 0.02);\r\n border: 1px dashed rgba(255, 255, 255, 0.1);\r\n border-radius: 16px;\r\n }\r\n\r\n \/* Responsivo para Tablets y Celulares (< 860px) *\/\r\n @media (max-width: 860px) {\r\n .card-proyecto {\r\n grid-template-columns: 1fr;\r\n padding: 24px 24px 0 24px;\r\n border-radius: 18px;\r\n gap: 16px;\r\n }\r\n\r\n .card-info-col {\r\n padding-bottom: 0;\r\n }\r\n\r\n .metricas-grid {\r\n gap: 10px;\r\n }\r\n\r\n .metrica-item {\r\n min-width: 100px;\r\n }\r\n\r\n .card-media-col {\r\n margin-right: -24px;\r\n width: calc(100% + 24px);\r\n }\r\n\r\n .mockup-img {\r\n max-height: 220px;\r\n border-top-left-radius: 12px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"proyectos-wrapper\" id=\"proyectosWrapper\">\r\n\r\n \r\n <div class=\"proyectos-filtros\">\r\n <button class=\"filter-tab active\" data-category=\"all\">Todos (5)<\/button>\r\n <button class=\"filter-tab\" data-category=\"inbound-seo\">Inbound y SEO<\/button>\r\n <button class=\"filter-tab\" data-category=\"paid-media\">Paid Media<\/button>\r\n <button class=\"filter-tab\" data-category=\"ux-growth\">UX & Growth<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"proyectos-grid\">\r\n\r\n \r\n <article class=\"card-proyecto\" data-category=\"inbound-seo ux-growth\">\r\n <div class=\"card-info-col\">\r\n <span class=\"card-cat-badge\">Content Marketing y SEO<\/span>\r\n <div class=\"cliente-texto\">Industria Tecnol\u00f3gica <span class=\"cliente-sep\">|<\/span> M\u00e9xico \ud83c\uddf2\ud83c\uddfd<\/div>\r\n \r\n <h3 class=\"proyecto-titulo\">Impulsando la Generaci\u00f3n de Leads con un Sitio Web Optimizado<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n Estrategia integral de SEO y UX\/UI enfocada en maximizar la conversi\u00f3n de prospectos cualificados para una empresa de la industria Tech\r\n <\/p>\r\n\r\n <div class=\"metricas-grid\">\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">+300%<\/span>\r\n <span class=\"metrica-etiqueta\">leads org\u00e1nicos<\/span>\r\n <\/div>\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">+70%<\/span>\r\n <span class=\"metrica-etiqueta\">tr\u00e1fico org\u00e1nico<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"\/en\/proyectos\/generacion-leads-sitio-web-optimizado\/\" class=\"btn-ver-mas\">\r\n <span>Ver caso de \u00e9xito<\/span>\r\n <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card-media-col\">\r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-scaled.webp\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-proyecto\" data-category=\"paid-media\">\r\n <div class=\"card-info-col\">\r\n <span class=\"card-cat-badge\">Email Marketing<\/span>\r\n <div class=\"cliente-texto\">Industria Tecnol\u00f3gica <span class=\"cliente-sep\">|<\/span> M\u00e9xico \ud83c\uddf2\ud83c\uddfd<\/div>\r\n \r\n <h3 class=\"proyecto-titulo\">M\u00e1s Clientes Potenciales con Campa\u00f1as de Email Marketing<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n Integraci\u00f3n de infraestructura \u00e1gil para lanzar campa\u00f1as eficazmente y convertir el correo electr\u00f3nico en un canal clave de adquisici\u00f3n de leads.\r\n <\/p>\r\n\r\n <div class=\"metricas-grid\">\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">+400%<\/span>\r\n <span class=\"metrica-etiqueta\">captaci\u00f3n de leads<\/span>\r\n <\/div>\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">2.17x<\/span>\r\n <span class=\"metrica-etiqueta\">Retorno de Inversi\u00f3n (ROI)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/alexis-ochoa.com\/en\/proyectos\/clientes-potenciales-campanas-email-marketing\/\" class=\"btn-ver-mas\">\r\n <span>Ver caso de \u00e9xito<\/span>\r\n <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card-media-col\">\r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Mas-Clientes-Potenciales-con-Campanas-de-Email-Marketing-scaled.webp\" class=\"mockup-img\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-proyecto\" data-category=\"inbound-seo\">\r\n <div class=\"card-info-col\">\r\n <span class=\"card-cat-badge\">Estrategia SEO & Contenidos<\/span>\r\n <div class=\"cliente-texto\">Global Lynx <span class=\"cliente-sep\">|<\/span> M\u00e9xico \ud83c\uddf2\ud83c\uddfd<\/div>\r\n \r\n <h3 class=\"proyecto-titulo\">Posicionamiento de palabras clave transaccionales de alto valor<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n Investigaci\u00f3n de intenciones de b\u00fasqueda, cl\u00fasteres de contenido (Topic Clusters) y optimizaci\u00f3n t\u00e9cnica para dominar b\u00fasquedas org\u00e1nicas clave.\r\n <\/p>\r\n\r\n <div class=\"metricas-grid\">\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">+68%<\/span>\r\n <span class=\"metrica-etiqueta\">tr\u00e1fico org\u00e1nico calificado<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"\/en\/proyecto-seo\/\" class=\"btn-ver-mas\">\r\n <span>Ver caso de \u00e9xito<\/span>\r\n <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card-media-col\">\r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x480\/0284c7\/ffffff?text=SEO+Growth+Chart\" alt=\"Preview Crecimiento SEO\" class=\"mockup-img\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-proyecto\" data-category=\"ux-growth paid-media\">\r\n <div class=\"card-info-col\">\r\n <span class=\"card-cat-badge\">Growth & Optimizaci\u00f3n de ROI<\/span>\r\n <div class=\"cliente-texto\">Global Lynx <span class=\"cliente-sep\">|<\/span> M\u00e9xico \ud83c\uddf2\ud83c\uddfd<\/div>\r\n \r\n <h3 class=\"proyecto-titulo\">Optimizaci\u00f3n de tasa de conversi\u00f3n (CRO) y reducci\u00f3n de CPA<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n An\u00e1lisis de mapas de calor, iteraci\u00f3n de copys y redise\u00f1o de formularios t\u00e1cticos para eliminar fricci\u00f3n en la jornada del prospecto.\r\n <\/p>\r\n\r\n <div class=\"metricas-grid\">\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">+45%<\/span>\r\n <span class=\"metrica-etiqueta\">conversiones globales<\/span>\r\n <\/div>\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">-25%<\/span>\r\n <span class=\"metrica-etiqueta\">costo por adquisici\u00f3n<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"\/en\/proyecto-growth\/\" class=\"btn-ver-mas\">\r\n <span>Ver caso de \u00e9xito<\/span>\r\n <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card-media-col\">\r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x480\/041c1a\/20EAA2?text=CRO+Landing+Page\" alt=\"Preview Growth Testing\" class=\"mockup-img\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-proyecto\" data-category=\"inbound-seo ux-growth\">\r\n <div class=\"card-info-col\">\r\n <span class=\"card-cat-badge\">Email Nurturing & Lead Gen<\/span>\r\n <div class=\"cliente-texto\">PALO IT <span class=\"cliente-sep\">|<\/span> M\u00e9xico \ud83c\uddf2\ud83c\uddfd \ud83c\udde8\ud83c\uddf4<\/div>\r\n \r\n <h3 class=\"proyecto-titulo\">Nutrici\u00f3n de prospectos mediante flujos automatizados de email<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n Dise\u00f1o y segmentaci\u00f3n de campa\u00f1as de Lead Nurturing con contenido de valor (Whitepapers y Webinars) para acelerar el ciclo de venta en servicios B2B.\r\n <\/p>\r\n\r\n <div class=\"metricas-grid\">\r\n <div class=\"metrica-item\">\r\n <span class=\"metrica-numero\">+60%<\/span>\r\n <span class=\"metrica-etiqueta\">adquisici\u00f3n automatizada<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"\/en\/proyecto-email\/\" class=\"btn-ver-mas\">\r\n <span>Ver caso de \u00e9xito<\/span>\r\n <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card-media-col\">\r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x480\/334155\/26fecf?text=Email+Workflows+Preview\" alt=\"Preview Email Marketing\" class=\"mockup-img\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <div class=\"no-results-msg\" id=\"noResultsMsg\">\r\n No hay proyectos disponibles para este filtro por el momento.\r\n <\/div>\r\n\r\n <\/div> \r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n function initProyectosFilter() {\r\n const filterTabs = document.querySelectorAll('#proyectosWrapper .proyectos-filtros .filter-tab');\r\n const projectCards = document.querySelectorAll('#proyectosWrapper .proyectos-grid .card-proyecto');\r\n const noResultsMsg = document.getElementById('noResultsMsg');\r\n\r\n if (filterTabs.length && projectCards.length) {\r\n filterTabs.forEach(tab => {\r\n tab.addEventListener('click', function() {\r\n filterTabs.forEach(t => t.classList.remove('active'));\r\n this.classList.add('active');\r\n\r\n const filterValue = this.getAttribute('data-category');\r\n let visibleCount = 0;\r\n\r\n projectCards.forEach(card => {\r\n const cardCategories = (card.getAttribute('data-category') || '').split(' ');\r\n\r\n if (filterValue === 'all' || cardCategories.includes(filterValue)) {\r\n card.classList.remove('is-hidden');\r\n visibleCount++;\r\n } else {\r\n card.classList.add('is-hidden');\r\n }\r\n });\r\n\r\n if (noResultsMsg) {\r\n noResultsMsg.style.display = (visibleCount === 0) ? 'block' : 'none';\r\n }\r\n });\r\n });\r\n }\r\n }\r\n\r\n \/\/ Ejecuci\u00f3n segura compatible con Elementor (verifica si la p\u00e1gina ya carg\u00f3 el DOM)\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initProyectosFilter);\r\n } else {\r\n initProyectosFilter();\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<footer class=\"elementor-element elementor-element-6301cbbd e-con e-atomic-element e-flexbox-base e-6301cbbd-8a39c12\" data-id=\"6301cbbd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6301cbbd\">\n \t\t\t<h2 data-interaction-id=\"386449d9\" class=\"e-386449d9-35c5a2f e-heading-base\">Lleva tus Estrategias de Negocio al Siguiente Nivel<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-68e79ac elementor-widget elementor-widget-html\" data-id=\"68e79ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cta-footer-wrapper\">\r\n \r\n \r\n <div class=\"cta-buttons-container\">\r\n \r\n \r\n \r\n <a href=\"mailto:contact@alexis-ochoa.com\" class=\"btn-cta-primary\">\r\n <span>Escr\u00edbeme<\/span>\r\n <span class=\"btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n \r\n \r\n <a href=\"https:\/\/www.linkedin.com\/in\/lrc-alexisochoa\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-cta-secondary\">\r\n \r\n <svg class=\"linkedin-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.28 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.75M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"\/>\r\n <\/svg>\r\n <span>Conecta conmigo<\/span>\r\n <span class=\"btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <footer class=\"footer-legal-bar\">\r\n <p class=\"copyright-text\">\r\n \u00a9 2026 Todos los Derechos Reservados. Desarrollado por Alexis Ochoa.\r\n <\/p>\r\n \r\n <a href=\"\/en\/politica-de-privacidad\/\" class=\"privacy-link\">\r\n Pol\u00edtica de Privacidad\r\n <\/a>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* Contenedor Principal *\/\r\n.cta-footer-wrapper {\r\n width: 100%;\r\n box-sizing: border-box;\r\n font-family: montserrat;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding-top: 10px;\r\n}\r\n\r\n\/* Disposici\u00f3n Vertical Centrada de Botones *\/\r\n.cta-buttons-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 16px;\r\n width: 100%;\r\n margin-bottom: 56px;\r\n}\r\n\r\n\/* ========================================================= *\/\r\n\/* BOT\u00d3N 1: PRINCIPAL (ESCR\u00cdBEME - S\u00d3LIDO) *\/\r\n\/* ========================================================= *\/\r\n.btn-cta-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n background-color: #26fecf; \/* Verde menta *\/\r\n color: #012828; \/* Texto oscuro *\/\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 12px 32px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n border: 1px solid #26fecf;\r\n transition: all 0.25s ease;\r\n box-shadow: none; \/* SIN brillo \/ resplandor *\/\r\n min-width: 240px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.btn-cta-primary:hover {\r\n background-color: #28E6BD;\r\n border-color: #28E6BD;\r\n transform: translateY(-2px); \/* Elevaci\u00f3n sutil sin brillo *\/\r\n}\r\n\r\n\/* ========================================================= *\/\r\n\/* BOT\u00d3N 2: SECUNDARIO (LINKEDIN - OUTLINE) *\/\r\n\/* ========================================================= *\/\r\n.btn-cta-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n background-color: transparent;\r\n color: #26fecf; \/* Texto verde menta *\/\r\n font-weight: 600;\r\n font-size: 16px;\r\n padding: 12px 28px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n border: 1.5px solid #26fecf; \/* Borde delgado elegante *\/\r\n transition: all 0.25s ease;\r\n box-shadow: none; \/* SIN brillo \/ resplandor *\/\r\n min-width: 240px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.btn-cta-secondary:hover {\r\n background-color: rgba(32, 234, 162, 0.1); \/* Fondo sutil al hover *\/\r\n border-color: #28E6BD;\r\n color: #28E6BD;\r\n transform: translateY(-2px); \/* Elevaci\u00f3n sutil sin brillo *\/\r\n}\r\n\r\n\/* Icono de LinkedIn en el Bot\u00f3n Secundario *\/\r\n.linkedin-icon {\r\n width: 18px;\r\n height: 18px;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* Flecha de direcci\u00f3n en ambos botones *\/\r\n.btn-arrow {\r\n font-size: 18px;\r\n line-height: 1;\r\n transition: transform 0.25s ease;\r\n}\r\n\r\n.btn-cta-primary:hover .btn-arrow,\r\n.btn-cta-secondary:hover .btn-arrow {\r\n transform: translateX(3px); \/* Desplazamiento leve de la flecha al pasar el cursor *\/\r\n}\r\n\r\n\/* ========================================================= *\/\r\n\/* PIE DE P\u00c1GINA (COPYRIGHT Y PRIVACIDAD) *\/\r\n\/* ========================================================= *\/\r\n.footer-legal-bar {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border-top: 1px solid rgba(255, 255, 255, 0.08); \/* L\u00ednea divisoria muy discreta *\/\r\n padding-top: 20px;\r\n color: #94A3B8;\r\n font-size: 13px;\r\n}\r\n\r\n.copyright-text {\r\n margin: 0;\r\n color: #94A3B8;\r\n font-weight: 400;\r\n}\r\n\r\n.privacy-link {\r\n color: #94A3B8;\r\n text-decoration: underline;\r\n transition: color 0.2s ease;\r\n}\r\n\r\n.privacy-link:hover {\r\n color: #26fecf;\r\n}\r\n\r\n\/* Adaptabilidad a Celulares y Tablets *\/\r\n@media (max-width: 640px) {\r\n .cta-buttons-container {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btn-cta-primary,\r\n .btn-cta-secondary {\r\n width: 100%;\r\n max-width: 280px;\r\n font-size: 15px;\r\n padding: 12px 20px;\r\n }\r\n\r\n .footer-legal-bar {\r\n flex-direction: column;\r\n gap: 12px;\r\n text-align: center;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/footer>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Men\u00fa de Navegaci\u00f3n Personalizado Inicio Sobre m\u00ed Proyectos Contacto Descargar CV EN Inicio Sobre m\u00ed Proyectos Contacto Descargar CV 🇺🇸 English (EN) Proyectos que Generan Resultados Algunos de los m\u00e1s significativos en los que he participado y c\u00f3mo transformaron al negocio. Todos (5) Inbound y SEO Paid Media UX & Growth Content Marketing y SEO […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":76,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":690,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/25\/revisions\/690"}],"wp:attachment":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}