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<\/header>\n<div class=\"elementor-element elementor-element-21c73dd e-con e-atomic-element e-flexbox-base e-782c9cb\" data-id=\"21c73dd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"21c73dd\">\n \t\t<div class=\"elementor-element elementor-element-c3a21a9 elementor-widget elementor-widget-html\" data-id=\"c3a21a9\" 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@500;600;700&display=swap');\r\n\r\n .case-nav-back {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n margin-bottom: 20px;\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\r\n transition: transform 0.25s ease;\r\n }\r\n\r\n .case-nav-back:hover {\r\n transform: translateX(-1px);\r\n }\r\n\r\n .case-tags-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-bottom: 16px;\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\r\n }\r\n\r\n .case-tag {\r\n background: rgba(38, 254, 207, 0.08);\r\n border: 1px solid rgba(38, 254, 207, 0.25);\r\n color: #26fecf;\r\n font-size: 12px;\r\n font-weight: 400;\r\n padding: 4px 10px;\r\n border-radius: 8px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n<\/style>\r\n\r\n<a href=\"\/en\/proyectos\/\" class=\"case-nav-back\">\r\n <span>\u2190 Volver a todos los proyectos<\/span>\r\n<\/a>\r\n\r\n<div class=\"case-tags-container\">\r\n <span class=\"case-tag\">Content Marketing<\/span>\r\n <span class=\"case-tag\">SEO<\/span>\r\n <span class=\"case-tag\">UX\/UI<\/span>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-53c1728f e-con e-atomic-element e-flexbox-base e-53c1728f-dea7037\" data-id=\"53c1728f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"53c1728f\">\n \t\t\t<h1 data-interaction-id=\"3e4826f3\" class=\"e-3e4826f3-02ffde8 e-heading-base\">Impulsando la Generaci\u00f3n de Leads con un Sitio Web Optimizado<\/h1>\n\t\t\t\t\t<p class=\"e-3020359e-fc8f543 e-paragraph-base\" data-interaction-id=\"3020359e\">Optimizaci\u00f3n integral de SEO y UX\/UI enfocada en maximizar la conversi\u00f3n de prospectos calificados para una empresa de la industria Tech.<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ad449da e-con e-atomic-element e-flexbox-base e-edb26ce\" data-id=\"ad449da\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ad449da\">\n \t\t<div class=\"elementor-element elementor-element-387a4d7 elementor-widget elementor-widget-html\" data-id=\"387a4d7\" 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 \/* Reseteo para integraci\u00f3n limpia en 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 *\/\r\n .ficha-tecnica-wrapper {\r\n width: 100%;\r\n margin: 0 auto;\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Tarjeta Glassmorphic con Borde Ne\u00f3n Sutil *\/\r\n .ficha-tecnica-card {\r\n background: linear-gradient(135deg, rgba(8, 38, 35, 0.85) 0%, rgba(2, 22, 20, 0.95) 100%);\r\n border: 1px solid rgba(38, 254, 207, 0.2);\r\n border-radius: 14px;\r\n padding: 20px 24px;\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .ficha-tecnica-card:hover {\r\n border-color: rgba(38, 254, 207, 0.45);\r\n box-shadow: 0 14px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(38, 254, 207, 0.12);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Grid de Ficha T\u00e9cnica *\/\r\n .ficha-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 20px;\r\n align-items: center;\r\n }\r\n\r\n .ficha-item {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n position: relative;\r\n }\r\n\r\n \/* Separadores Sutiles entre columnas en escritorio *\/\r\n .ficha-item:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n right: -10px;\r\n top: 15%;\r\n height: 80%;\r\n width: 1px;\r\n background: rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n .ficha-label {\r\n color: #94A3B8;\r\n font-size: 11px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 1.2px;\r\n }\r\n\r\n .ficha-value {\r\n color: #FFFFFF;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 1.3;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n \/* Contenedor de Badges del Stack *\/\r\n .stack-badges-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n margin-top: 2px;\r\n }\r\n\r\n .badge-tech {\r\n background: rgba(38, 254, 207, 0.08);\r\n border: 1px solid rgba(38, 254, 207, 0.25);\r\n color: #26fecf;\r\n font-size: 13px;\r\n font-weight: 500;\r\n padding: 2px 6px;\r\n border-radius: 6px;\r\n letter-spacing: 0.3px;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .badge-tech:hover {\r\n background: rgba(38, 254, 207, 0.18);\r\n border-color: #26fecf;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .ficha-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px 20px;\r\n }\r\n\r\n .ficha-item:not(:last-child)::after {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .ficha-tecnica-card {\r\n padding: 16px 16px;\r\n border-radius: 12px;\r\n }\r\n\r\n .ficha-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .ficha-item {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n padding-bottom: 12px;\r\n }\r\n\r\n .ficha-item:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"ficha-tecnica-wrapper\">\r\n <div class=\"ficha-tecnica-card\">\r\n <div class=\"ficha-grid\">\r\n \r\n \r\n <div class=\"ficha-item\">\r\n <span class=\"ficha-label\">Industria<\/span>\r\n <span class=\"ficha-value\">Tecnolog\u00eda B2B<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"ficha-item\">\r\n <span class=\"ficha-label\">Ubicaci\u00f3n<\/span>\r\n <span class=\"ficha-value\">M\u00e9xico \ud83c\uddf2\ud83c\uddfd<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"ficha-item\">\r\n <span class=\"ficha-label\">Duraci\u00f3n<\/span>\r\n <span class=\"ficha-value\">6 meses<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"ficha-item\">\r\n <span class=\"ficha-label\">Rol<\/span>\r\n <span class=\"ficha-value\">Especialista en Mkt Digital<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"ficha-item\">\r\n <span class=\"ficha-label\">Stack<\/span>\r\n <div class=\"stack-badges-container\">\r\n <span class=\"badge-tech\">GA4<\/span>\r\n <span class=\"badge-tech\">Figma<\/span>\r\n <span class=\"badge-tech\">Hotjar<\/span>\r\n <span class=\"badge-tech\">Semrush<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-016a578 e-con e-atomic-element e-flexbox-base e-9086830\" data-id=\"016a578\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"016a578\">\n \t\t<div class=\"elementor-element elementor-element-2ad5add elementor-widget elementor-widget-html\" data-id=\"2ad5add\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* --- Paleta de colores base --- *\/\r\n :root {\r\n --bg-dark-green: #FFFFFF; \/* Fondo blanco de la tarjeta *\/\r\n --border-color: #26fecf; \r\n --text-main: #000000; \/* T\u00edtulos de la tarjeta *\/\r\n --text-muted: #8ca49f; \r\n --accent-teal: #00bfa5; \/* Color de los iconos *\/\r\n --font-family-base: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* Contenedor ajustado al 100% de ancho sin m\u00e1rgenes forzados *\/\r\n #unique-summary-section {\r\n font-family: var(--font-family-base);\r\n background-color: transparent; \r\n width: 100%; \r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n color: var(--text-main);\r\n }\r\n\r\n \/* --- Columna Izquierda: EL RESUMEN --- *\/\r\n .summary-content {\r\n display: flex;\r\n flex-direction: column;\r\n color: #FFFFFF;\r\n gap: 16px;\r\n }\r\n\r\n .summary-label {\r\n color: #26fecf; \/* Color actualizado *\/\r\n font-size: 16px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n }\r\n\r\n .summary-title {\r\n font-size: 32px;\r\n color: #FFFFFF;\r\n line-height: 1.2;\r\n font-weight: 600; \r\n margin: 0 0 10px 0;\r\n }\r\n\r\n .summary-text-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n color: #FFFFFF;\r\n font-size: 16px;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n }\r\n\r\n .summary-paragraph {\r\n margin: 0;\r\n }\r\n\r\n \/* --- Columna Derecha: DE UN VISTAZO (Tarjeta Compacta) --- *\/\r\n .glance-card {\r\n background-color: var(--bg-dark-green);\r\n border: 1px solid var(--border-color);\r\n padding: 26px;\r\n border-radius: 12px; \r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n height: fit-content;\r\n }\r\n\r\n .glance-header {\r\n display: flex;\r\n align-items: center;\r\n border-bottom: 1px solid var(--border-color);\r\n padding-bottom: 12px;\r\n }\r\n\r\n .glance-label {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: var(--text-muted); \/* Etiqueta superior de la tarjeta *\/\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n margin: 0;\r\n }\r\n\r\n .glance-items-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .glance-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n }\r\n\r\n .glance-item-icon {\r\n width: 20px;\r\n height: 20px;\r\n fill: var(--accent-teal);\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .glance-item-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .glance-item-title {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: var(--text-main);\r\n margin: 0;\r\n }\r\n\r\n .glance-item-text {\r\n font-size: 16px; \/* Tama\u00f1o de fuente incrementado *\/\r\n line-height: 1.6;\r\n color: #444444; \/* Color gris oscuro m\u00e1s legible sobre blanco *\/\r\n margin: 0;\r\n }\r\n\r\n \/* --- Responsividad --- *\/\r\n @media (min-width: 992px) {\r\n #unique-summary-section {\r\n grid-template-columns: 1.2fr 1fr; \r\n align-items: start;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #unique-summary-section {\r\n gap: 24px;\r\n }\r\n \r\n .summary-title {\r\n font-size: 26px;\r\n }\r\n \r\n .glance-card {\r\n padding: 20px 16px; \r\n gap: 16px;\r\n }\r\n\r\n .glance-items-container {\r\n gap: 16px;\r\n }\r\n \r\n .glance-item {\r\n gap: 10px; \r\n }\r\n\r\n .glance-item-icon {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .glance-item-title {\r\n font-size: 14px;\r\n }\r\n\r\n .glance-item-text {\r\n font-size: 14px; \/* Tama\u00f1o incrementado para m\u00f3vil *\/\r\n }\r\n }\r\n<\/style>\r\n\r\n<div id=\"unique-summary-section\">\r\n \r\n <div class=\"summary-content\">\r\n <span class=\"summary-label\">CONTEXTO<\/span>\r\n <h2 class=\"summary-title\">Servicios que Nadie Encontraba<\/h2>\r\n <div class=\"summary-text-block\">\r\n <p class=\"summary-paragraph\">\r\n El sitio web de una firma mexicana de Capacitaci\u00f3n y Consultor\u00eda en Tecnolog\u00eda de la Informaci\u00f3n (TI) contaba con una presencia digital que no reflejaba el valor real de sus servicios.\r\n <\/p>\r\n <p class=\"summary-paragraph\">\r\n La plataforma presentaba oportunidades clave de mejora en experiencia de usuario (UX\/UI), una arquitectura de contenidos desaprovechada para SEO y llamadas a la acci\u00f3n nulos o poco visibles, lo que limitaba la conversi\u00f3n y el flujo constante de clientes potenciales.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"glance-card\">\r\n <div class=\"glance-header\">\r\n <span class=\"glance-label\">RESUMEN<\/span>\r\n <\/div>\r\n \r\n <div class=\"glance-items-container\">\r\n \r\n <div class=\"glance-item\">\r\n <svg class=\"glance-item-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"\/><\/svg>\r\n <div class=\"glance-item-content\">\r\n <h4 class=\"glance-item-title\">El Reto<\/h4>\r\n <p class=\"glance-item-text\">Sitio web con baja conversi\u00f3n, mala definici\u00f3n de estrategia SEO y navegaci\u00f3n con alta fricci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"glance-item\">\r\n <svg class=\"glance-item-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\r\n <div class=\"glance-item-content\">\r\n <h4 class=\"glance-item-title\">El Plan de Acci\u00f3n<\/h4>\r\n <p class=\"glance-item-text\">Lider\u00e9 la alineaci\u00f3n de la propuesta de valor, la reestructuraci\u00f3n SEO On-Page y el redise\u00f1o de experiencia UX\/UI.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"glance-item\">\r\n <svg class=\"glance-item-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"\/><\/svg>\r\n <div class=\"glance-item-content\">\r\n <h4 class=\"glance-item-title\">Los Resultados<\/h4>\r\n <p class=\"glance-item-text\">Crecimiento de 300% en leads org\u00e1nicos e incremento en el tr\u00e1fico del sitio.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-90612e2 e-con e-atomic-element e-flexbox-base e-406059e\" data-id=\"90612e2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"90612e2\">\n \t\t\t<h2 data-interaction-id=\"9e1699c\" class=\"e-9e1699c-1504bc0 e-heading-base\">PLAN DE ACCI\u00d3N<\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"71cb41d\" class=\"e-71cb41d-36d88ef e-heading-base\">Pilares Clave para Transformar el Sitio Web<\/h2>\n\t\t\t\t\t\n<hr class=\"e-b79e687-3a9a58e e-divider-base\" data-interaction-id=\"b79e687\" \/>\n\t\t\t\t\t<h3 data-interaction-id=\"328285b\" class=\"e-328285b-7dbe5df e-heading-base\">Definici\u00f3n de Buyer Personas y Mensajes Clave<\/h3>\n\t\t\t\t\t<p class=\"e-e41b0e5-bdea4f0 e-paragraph-base\" data-interaction-id=\"e41b0e5\">Aline\u00e9 la propuesta de valor con las necesidades espec\u00edficas de los tomadores de decisi\u00f3n en TI y Negocio, estableciendo el tono de comunicaci\u00f3n estrat\u00e9gico que requer\u00eda la organizaci\u00f3n.<\/p>\n\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-f4d900a-b942b1a\" data-interaction-id=\"f4d900a\" id=\"391\" src=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-1024x510.webp\" width=\"800\" height=\"398\" srcset=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-1024x510.webp 1024w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-300x149.webp 300w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-768x382.webp 768w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-1536x764.webp 1536w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-2048x1019.webp 2048w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-18x9.webp 18w\" alt=\"Imagen de Referencia del Plan de Acci\u00f3n del caso de \u00e9xito\"\/>\t\t\t\t\t<h3 data-interaction-id=\"b8a654e\" class=\"e-b8a654e-1520296 e-heading-base\">Reingenier\u00eda de Contenidos y Propuesta de Valor<\/h3>\n\t\t\t\t\t<p class=\"e-df3bcbf-4c92ee6 e-paragraph-base\" data-interaction-id=\"df3bcbf\">Redact\u00e9 estrat\u00e9gicamente la oferta de cada producto y\/o servicio, clarificando los beneficios principales, actualizando el portafolio y eliminando ambig\u00fcedades para transmitir autoridad.<\/p>\n\t\t\t\t\t<h3 data-interaction-id=\"4c1a355\" class=\"e-4c1a355-7c5efb3 e-heading-base\">Arquitectura Web y Optimizaci\u00f3n SEO On-Page<\/h3>\n\t\t\t\t\t<p class=\"e-65609ee-10f3881 e-paragraph-base\" data-interaction-id=\"65609ee\">Reorganic\u00e9 la estructura de navegaci\u00f3n y mapeo de palabras clave para captar tr\u00e1fico calificado y mejorar la indexaci\u00f3n.<\/p>\n\t\t\t\t\t<img decoding=\"async\" class=\"e-image-base e-c553ce5-b20b974\" data-interaction-id=\"c553ce5\" id=\"432\" src=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-1024x510.webp\" width=\"800\" height=\"398\" srcset=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-1024x510.webp 1024w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-300x149.webp 300w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-768x382.webp 768w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-1536x764.webp 1536w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-2048x1019.webp 2048w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-18x9.webp 18w\" alt=\"Imagen de Referencia Redise\u00f1o UXUI y Optimizaci\u00f3n de Conversi\u00f3n\"\/>\t\t\t\t\t<h3 data-interaction-id=\"712e79d\" class=\"e-712e79d-961eb09 e-heading-base\">Redise\u00f1o UX\/UI y Optimizaci\u00f3n de Conversi\u00f3n<\/h3>\n\t\t\t\t\t<p class=\"e-1f130aa-18878bf e-paragraph-base\" data-interaction-id=\"1f130aa\">Mejor\u00e9 la jerarqu\u00eda visual para guiar al usuario, junto con la implementaci\u00f3n de CTAs estrat\u00e9gicos y formularios simplificados para reducir la fricci\u00f3n en la captaci\u00f3n de leads.<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f62b1db e-con e-atomic-element e-flexbox-base e-f68ceb4\" data-id=\"f62b1db\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f62b1db\">\n \t\t\t<h2 data-interaction-id=\"1d15c5d\" class=\"e-1d15c5d-51b853a e-heading-base\">RESULTADOS<\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"c679018\" class=\"e-c679018-3943a06 e-heading-base\">Impacto Real para Impulsar Conversiones<\/h2>\n\t\t\t\t\t<p class=\"e-7ddbcd4-5190fae e-paragraph-base\" data-interaction-id=\"7ddbcd4\">Transform\u00e9 el portal en un canal activo de captaci\u00f3n. Esta estrategia increment\u00f3 la visibilidad y la interacci\u00f3n dentro del sitio, as\u00ed como<strong> la generaci\u00f3n de prospectos calificados para el equipo de ventas<\/strong>.<br><\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-83f9044 elementor-widget elementor-widget-html\" data-id=\"83f9044\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ==========================================================================\r\n CONTENEDOR DE RESULTADOS Y GRID\r\n ========================================================================== *\/\r\n .impact-section {\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\r\n width: 100%;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .impact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n \/* ==========================================================================\r\n TARJETAS DE IMPACTO\r\n ========================================================================== *\/\r\n .impact-card {\r\n background: #FFFFFF;\r\n border-radius: 12px;\r\n padding: 18px 14px;\r\n border: 1px solid #E2E8F0;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n }\r\n\r\n .impact-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 8px 20px rgba(38, 254, 207, 0.15);\r\n border-color: #26fecf;\r\n }\r\n\r\n \/* ==========================================================================\r\n ELEMENTOS INTERNOS (Antes vs Despu\u00e9s & Gr\u00e1ficos)\r\n ========================================================================== *\/\r\n .impact-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .impact-title {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #0F172A;\r\n margin: 0;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* C\u00edrculo con flecha de crecimiento *\/\r\n .trend-icon {\r\n width: 30px;\r\n height: 30px;\r\n background: rgba(38, 254, 207, 0.15);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #00A67E; \r\n flex-shrink: 0;\r\n }\r\n\r\n .trend-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n stroke-width: 3;\r\n }\r\n\r\n \/* El bloque del gran n\u00famero *\/\r\n .impact-main-stat {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .stat-big {\r\n font-size: 30px;\r\n font-weight: 700;\r\n color: #041C1A;\r\n line-height: 1;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .stat-highlight {\r\n color: #00A67E;\r\n font-size: 18px;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Etiqueta de \"Antes\" *\/\r\n .impact-comparison {\r\n display: inline-flex;\r\n align-items: center;\r\n background: #F8FAFC;\r\n border: 1px dashed #CBD5E1;\r\n padding: 2px 10px;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #64748B;\r\n width: fit-content;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .impact-comparison span {\r\n text-decoration: line-through; \r\n margin-left: 6px;\r\n color: #94A3B8;\r\n }\r\n\r\n .impact-desc {\r\n font-size: 16px;\r\n color: #475569;\r\n line-height: 1.4;\r\n margin: 0;\r\n border-top: 1px solid #F1F5F9;\r\n padding-top: 12px;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 640px) {\r\n .impact-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"impact-section\">\r\n <div class=\"impact-grid\">\r\n \r\n \r\n <div class=\"impact-card\">\r\n <div class=\"impact-header\">\r\n <h3 class=\"impact-title\">Captaci\u00f3n de Leads<\/h3>\r\n <div class=\"trend-icon\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"impact-comparison\">\r\n Antes: <span>20 leads\/mes<\/span>\r\n <\/div>\r\n <div class=\"impact-main-stat\">\r\n <span class=\"stat-big\">+80<\/span>\r\n <span class=\"stat-highlight\">leads\/mes<\/span>\r\n <\/div>\r\n <p class=\"impact-desc\">Crecimiento org\u00e1nico del +300% en la generaci\u00f3n de oportunidades.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"impact-card\">\r\n <div class=\"impact-header\">\r\n <h3 class=\"impact-title\">Tr\u00e1fico Org\u00e1nico<\/h3>\r\n <div class=\"trend-icon\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"impact-comparison\">\r\n Antes: <span>~4,100 visitas<\/span>\r\n <\/div>\r\n <div class=\"impact-main-stat\">\r\n <span class=\"stat-big\">+7,000<\/span>\r\n <span class=\"stat-highlight\">visitas<\/span>\r\n <\/div>\r\n <p class=\"impact-desc\">Aumento del +70% en la captaci\u00f3n de tr\u00e1fico de usuarios org\u00e1nicos.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"impact-card\">\r\n <div class=\"impact-header\">\r\n <h3 class=\"impact-title\">Tasa de Conversi\u00f3n<\/h3>\r\n <div class=\"trend-icon\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"impact-comparison\">\r\n Antes: <span>0.57%<\/span>\r\n <\/div>\r\n <div class=\"impact-main-stat\">\r\n <span class=\"stat-big\">1.34%<\/span>\r\n <\/div>\r\n <p class=\"impact-desc\">Efectividad aumentada (+135%) para convertir visitantes en leads calificados.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"impact-card\">\r\n <div class=\"impact-header\">\r\n <h3 class=\"impact-title\">Tiempo de Retenci\u00f3n<\/h3>\r\n <div class=\"trend-icon\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"impact-comparison\">\r\n Antes: <span>0:53 min<\/span>\r\n <\/div>\r\n <div class=\"impact-main-stat\">\r\n <span class=\"stat-big\">3:15<\/span>\r\n <span class=\"stat-highlight\">min.<\/span>\r\n <\/div>\r\n <p class=\"impact-desc\">Incremento de casi 3 veces en el tiempo de interacci\u00f3n.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2cd1f61e e-con e-atomic-element e-flexbox-base e-2cd1f61e-ebce580\" data-id=\"2cd1f61e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2cd1f61e\">\n \t\t\t<h2 data-interaction-id=\"3a264af9\" class=\"e-3a264af9-4e24062 e-heading-base\">Lleva tus Estrategias\u2028de Negocio al Siguiente Nivel<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e22c32a elementor-widget elementor-widget-html\" data-id=\"6e22c32a\" 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<\/div>\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) \u2190 Volver a todos los proyectos Content Marketing SEO UX\/UI Impulsando la Generaci\u00f3n de Leads con un Sitio Web Optimizado Optimizaci\u00f3n integral de SEO y UX\/UI enfocada en maximizar la conversi\u00f3n de prospectos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":25,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-295","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/295","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=295"}],"version-history":[{"count":128,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/295\/revisions"}],"predecessor-version":[{"id":687,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/295\/revisions\/687"}],"up":[{"embeddable":true,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/25"}],"wp:attachment":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/media?parent=295"}],"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<\/header>\n<div class=\"elementor-element elementor-element-21c73dd e-con e-atomic-element e-flexbox-base e-782c9cb\" data-id=\"21c73dd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"21c73dd\">\n \t\t<div class=\"elementor-element elementor-element-c3a21a9 elementor-widget elementor-widget-html\" data-id=\"c3a21a9\" 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@500;600;700&display=swap');\r\n\r\n .case-nav-back {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n margin-bottom: 20px;\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\r\n transition: transform 0.25s ease;\r\n }\r\n\r\n .case-nav-back:hover {\r\n transform: translateX(-1px);\r\n }\r\n\r\n .case-tags-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-bottom: 16px;\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\r\n }\r\n\r\n .case-tag {\r\n background: rgba(38, 254, 207, 0.08);\r\n border: 1px solid rgba(38, 254, 207, 0.25);\r\n color: #26fecf;\r\n font-size: 12px;\r\n font-weight: 400;\r\n padding: 4px 10px;\r\n border-radius: 8px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n<\/style>\r\n\r\n<a href=\"\/en\/proyectos\/\" class=\"case-nav-back\">\r\n <span>\u2190 Volver a todos los proyectos<\/span>\r\n<\/a>\r\n\r\n<div class=\"case-tags-container\">\r\n <span class=\"case-tag\">Content Marketing<\/span>\r\n <span class=\"case-tag\">SEO<\/span>\r\n <span class=\"case-tag\">UX\/UI<\/span>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-53c1728f e-con e-atomic-element e-flexbox-base e-53c1728f-dea7037\" data-id=\"53c1728f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"53c1728f\">\n \t\t\t<h1 data-interaction-id=\"3e4826f3\" class=\"e-3e4826f3-02ffde8 e-heading-base\">Impulsando la Generaci\u00f3n de Leads con un Sitio Web Optimizado<\/h1>\n\t\t\t\t\t<p class=\"e-3020359e-fc8f543 e-paragraph-base\" data-interaction-id=\"3020359e\">Optimizaci\u00f3n integral de SEO y UX\/UI enfocada en maximizar la conversi\u00f3n de prospectos calificados para una empresa de la industria Tech.<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ad449da e-con e-atomic-element e-flexbox-base e-edb26ce\" data-id=\"ad449da\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ad449da\">\n \t\t<div class=\"elementor-element elementor-element-387a4d7 elementor-widget elementor-widget-html\" data-id=\"387a4d7\" 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 \/* Reseteo para integraci\u00f3n limpia en 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 *\/\r\n .ficha-tecnica-wrapper {\r\n width: 100%;\r\n margin: 0 auto;\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Tarjeta Glassmorphic con Borde Ne\u00f3n Sutil *\/\r\n .ficha-tecnica-card {\r\n background: linear-gradient(135deg, rgba(8, 38, 35, 0.85) 0%, rgba(2, 22, 20, 0.95) 100%);\r\n border: 1px solid rgba(38, 254, 207, 0.2);\r\n border-radius: 14px;\r\n padding: 20px 24px;\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .ficha-tecnica-card:hover {\r\n border-color: rgba(38, 254, 207, 0.45);\r\n box-shadow: 0 14px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(38, 254, 207, 0.12);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Grid de Ficha T\u00e9cnica *\/\r\n .ficha-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 20px;\r\n align-items: center;\r\n }\r\n\r\n .ficha-item {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n position: relative;\r\n }\r\n\r\n \/* Separadores Sutiles entre columnas en escritorio *\/\r\n .ficha-item:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n right: -10px;\r\n top: 15%;\r\n height: 80%;\r\n width: 1px;\r\n background: rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n .ficha-label {\r\n color: #94A3B8;\r\n font-size: 11px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 1.2px;\r\n }\r\n\r\n .ficha-value {\r\n color: #FFFFFF;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 1.3;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n \/* Contenedor de Badges del Stack *\/\r\n .stack-badges-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n margin-top: 2px;\r\n }\r\n\r\n .badge-tech {\r\n background: rgba(38, 254, 207, 0.08);\r\n border: 1px solid rgba(38, 254, 207, 0.25);\r\n color: #26fecf;\r\n font-size: 13px;\r\n font-weight: 500;\r\n padding: 2px 6px;\r\n border-radius: 6px;\r\n letter-spacing: 0.3px;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .badge-tech:hover {\r\n background: rgba(38, 254, 207, 0.18);\r\n border-color: #26fecf;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .ficha-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px 20px;\r\n }\r\n\r\n .ficha-item:not(:last-child)::after {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .ficha-tecnica-card {\r\n padding: 16px 16px;\r\n border-radius: 12px;\r\n }\r\n\r\n .ficha-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .ficha-item {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n padding-bottom: 12px;\r\n }\r\n\r\n .ficha-item:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"ficha-tecnica-wrapper\">\r\n <div class=\"ficha-tecnica-card\">\r\n <div class=\"ficha-grid\">\r\n \r\n \r\n <div class=\"ficha-item\">\r\n <span class=\"ficha-label\">Industria<\/span>\r\n <span class=\"ficha-value\">Tecnolog\u00eda B2B<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"ficha-item\">\r\n <span class=\"ficha-label\">Ubicaci\u00f3n<\/span>\r\n <span class=\"ficha-value\">M\u00e9xico \ud83c\uddf2\ud83c\uddfd<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"ficha-item\">\r\n <span class=\"ficha-label\">Duraci\u00f3n<\/span>\r\n <span class=\"ficha-value\">6 meses<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"ficha-item\">\r\n <span class=\"ficha-label\">Rol<\/span>\r\n <span class=\"ficha-value\">Especialista en Mkt Digital<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"ficha-item\">\r\n <span class=\"ficha-label\">Stack<\/span>\r\n <div class=\"stack-badges-container\">\r\n <span class=\"badge-tech\">GA4<\/span>\r\n <span class=\"badge-tech\">Figma<\/span>\r\n <span class=\"badge-tech\">Hotjar<\/span>\r\n <span class=\"badge-tech\">Semrush<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-016a578 e-con e-atomic-element e-flexbox-base e-9086830\" data-id=\"016a578\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"016a578\">\n \t\t<div class=\"elementor-element elementor-element-2ad5add elementor-widget elementor-widget-html\" data-id=\"2ad5add\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* --- Paleta de colores base --- *\/\r\n :root {\r\n --bg-dark-green: #FFFFFF; \/* Fondo blanco de la tarjeta *\/\r\n --border-color: #26fecf; \r\n --text-main: #000000; \/* T\u00edtulos de la tarjeta *\/\r\n --text-muted: #8ca49f; \r\n --accent-teal: #00bfa5; \/* Color de los iconos *\/\r\n --font-family-base: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* Contenedor ajustado al 100% de ancho sin m\u00e1rgenes forzados *\/\r\n #unique-summary-section {\r\n font-family: var(--font-family-base);\r\n background-color: transparent; \r\n width: 100%; \r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n color: var(--text-main);\r\n }\r\n\r\n \/* --- Columna Izquierda: EL RESUMEN --- *\/\r\n .summary-content {\r\n display: flex;\r\n flex-direction: column;\r\n color: #FFFFFF;\r\n gap: 16px;\r\n }\r\n\r\n .summary-label {\r\n color: #26fecf; \/* Color actualizado *\/\r\n font-size: 16px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n }\r\n\r\n .summary-title {\r\n font-size: 32px;\r\n color: #FFFFFF;\r\n line-height: 1.2;\r\n font-weight: 600; \r\n margin: 0 0 10px 0;\r\n }\r\n\r\n .summary-text-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n color: #FFFFFF;\r\n font-size: 16px;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n }\r\n\r\n .summary-paragraph {\r\n margin: 0;\r\n }\r\n\r\n \/* --- Columna Derecha: DE UN VISTAZO (Tarjeta Compacta) --- *\/\r\n .glance-card {\r\n background-color: var(--bg-dark-green);\r\n border: 1px solid var(--border-color);\r\n padding: 26px;\r\n border-radius: 12px; \r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n height: fit-content;\r\n }\r\n\r\n .glance-header {\r\n display: flex;\r\n align-items: center;\r\n border-bottom: 1px solid var(--border-color);\r\n padding-bottom: 12px;\r\n }\r\n\r\n .glance-label {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: var(--text-muted); \/* Etiqueta superior de la tarjeta *\/\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n margin: 0;\r\n }\r\n\r\n .glance-items-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .glance-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n }\r\n\r\n .glance-item-icon {\r\n width: 20px;\r\n height: 20px;\r\n fill: var(--accent-teal);\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .glance-item-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .glance-item-title {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: var(--text-main);\r\n margin: 0;\r\n }\r\n\r\n .glance-item-text {\r\n font-size: 16px; \/* Tama\u00f1o de fuente incrementado *\/\r\n line-height: 1.6;\r\n color: #444444; \/* Color gris oscuro m\u00e1s legible sobre blanco *\/\r\n margin: 0;\r\n }\r\n\r\n \/* --- Responsividad --- *\/\r\n @media (min-width: 992px) {\r\n #unique-summary-section {\r\n grid-template-columns: 1.2fr 1fr; \r\n align-items: start;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #unique-summary-section {\r\n gap: 24px;\r\n }\r\n \r\n .summary-title {\r\n font-size: 26px;\r\n }\r\n \r\n .glance-card {\r\n padding: 20px 16px; \r\n gap: 16px;\r\n }\r\n\r\n .glance-items-container {\r\n gap: 16px;\r\n }\r\n \r\n .glance-item {\r\n gap: 10px; \r\n }\r\n\r\n .glance-item-icon {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .glance-item-title {\r\n font-size: 14px;\r\n }\r\n\r\n .glance-item-text {\r\n font-size: 14px; \/* Tama\u00f1o incrementado para m\u00f3vil *\/\r\n }\r\n }\r\n<\/style>\r\n\r\n<div id=\"unique-summary-section\">\r\n \r\n <div class=\"summary-content\">\r\n <span class=\"summary-label\">CONTEXTO<\/span>\r\n <h2 class=\"summary-title\">Servicios que Nadie Encontraba<\/h2>\r\n <div class=\"summary-text-block\">\r\n <p class=\"summary-paragraph\">\r\n El sitio web de una firma mexicana de Capacitaci\u00f3n y Consultor\u00eda en Tecnolog\u00eda de la Informaci\u00f3n (TI) contaba con una presencia digital que no reflejaba el valor real de sus servicios.\r\n <\/p>\r\n <p class=\"summary-paragraph\">\r\n La plataforma presentaba oportunidades clave de mejora en experiencia de usuario (UX\/UI), una arquitectura de contenidos desaprovechada para SEO y llamadas a la acci\u00f3n nulos o poco visibles, lo que limitaba la conversi\u00f3n y el flujo constante de clientes potenciales.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"glance-card\">\r\n <div class=\"glance-header\">\r\n <span class=\"glance-label\">RESUMEN<\/span>\r\n <\/div>\r\n \r\n <div class=\"glance-items-container\">\r\n \r\n <div class=\"glance-item\">\r\n <svg class=\"glance-item-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"\/><\/svg>\r\n <div class=\"glance-item-content\">\r\n <h4 class=\"glance-item-title\">El Reto<\/h4>\r\n <p class=\"glance-item-text\">Sitio web con baja conversi\u00f3n, mala definici\u00f3n de estrategia SEO y navegaci\u00f3n con alta fricci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"glance-item\">\r\n <svg class=\"glance-item-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\r\n <div class=\"glance-item-content\">\r\n <h4 class=\"glance-item-title\">El Plan de Acci\u00f3n<\/h4>\r\n <p class=\"glance-item-text\">Lider\u00e9 la alineaci\u00f3n de la propuesta de valor, la reestructuraci\u00f3n SEO On-Page y el redise\u00f1o de experiencia UX\/UI.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"glance-item\">\r\n <svg class=\"glance-item-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"\/><\/svg>\r\n <div class=\"glance-item-content\">\r\n <h4 class=\"glance-item-title\">Los Resultados<\/h4>\r\n <p class=\"glance-item-text\">Crecimiento de 300% en leads org\u00e1nicos e incremento en el tr\u00e1fico del sitio.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-90612e2 e-con e-atomic-element e-flexbox-base e-406059e\" data-id=\"90612e2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"90612e2\">\n \t\t\t<h2 data-interaction-id=\"9e1699c\" class=\"e-9e1699c-1504bc0 e-heading-base\">PLAN DE ACCI\u00d3N<\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"71cb41d\" class=\"e-71cb41d-36d88ef e-heading-base\">Pilares Clave para Transformar el Sitio Web<\/h2>\n\t\t\t\t\t\n<hr class=\"e-b79e687-3a9a58e e-divider-base\" data-interaction-id=\"b79e687\" \/>\n\t\t\t\t\t<h3 data-interaction-id=\"328285b\" class=\"e-328285b-7dbe5df e-heading-base\">Definici\u00f3n de Buyer Personas y Mensajes Clave<\/h3>\n\t\t\t\t\t<p class=\"e-e41b0e5-bdea4f0 e-paragraph-base\" data-interaction-id=\"e41b0e5\">Aline\u00e9 la propuesta de valor con las necesidades espec\u00edficas de los tomadores de decisi\u00f3n en TI y Negocio, estableciendo el tono de comunicaci\u00f3n estrat\u00e9gico que requer\u00eda la organizaci\u00f3n.<\/p>\n\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-f4d900a-b942b1a\" data-interaction-id=\"f4d900a\" id=\"391\" src=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-1024x510.webp\" width=\"800\" height=\"398\" srcset=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-1024x510.webp 1024w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-300x149.webp 300w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-768x382.webp 768w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-1536x764.webp 1536w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-2048x1019.webp 2048w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Comunicando-Valor-a-las-Personas-Correctas-18x9.webp 18w\" alt=\"Imagen de Referencia del Plan de Acci\u00f3n del caso de \u00e9xito\"\/>\t\t\t\t\t<h3 data-interaction-id=\"b8a654e\" class=\"e-b8a654e-1520296 e-heading-base\">Reingenier\u00eda de Contenidos y Propuesta de Valor<\/h3>\n\t\t\t\t\t<p class=\"e-df3bcbf-4c92ee6 e-paragraph-base\" data-interaction-id=\"df3bcbf\">Redact\u00e9 estrat\u00e9gicamente la oferta de cada producto y\/o servicio, clarificando los beneficios principales, actualizando el portafolio y eliminando ambig\u00fcedades para transmitir autoridad.<\/p>\n\t\t\t\t\t<h3 data-interaction-id=\"4c1a355\" class=\"e-4c1a355-7c5efb3 e-heading-base\">Arquitectura Web y Optimizaci\u00f3n SEO On-Page<\/h3>\n\t\t\t\t\t<p class=\"e-65609ee-10f3881 e-paragraph-base\" data-interaction-id=\"65609ee\">Reorganic\u00e9 la estructura de navegaci\u00f3n y mapeo de palabras clave para captar tr\u00e1fico calificado y mejorar la indexaci\u00f3n.<\/p>\n\t\t\t\t\t<img decoding=\"async\" class=\"e-image-base e-c553ce5-b20b974\" data-interaction-id=\"c553ce5\" id=\"432\" src=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-1024x510.webp\" width=\"800\" height=\"398\" srcset=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-1024x510.webp 1024w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-300x149.webp 300w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-768x382.webp 768w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-1536x764.webp 1536w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-2048x1019.webp 2048w, https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Rediseno-UXUI-y-Optimizacion-de-Conversion-18x9.webp 18w\" alt=\"Imagen de Referencia Redise\u00f1o UXUI y Optimizaci\u00f3n de Conversi\u00f3n\"\/>\t\t\t\t\t<h3 data-interaction-id=\"712e79d\" class=\"e-712e79d-961eb09 e-heading-base\">Redise\u00f1o UX\/UI y Optimizaci\u00f3n de Conversi\u00f3n<\/h3>\n\t\t\t\t\t<p class=\"e-1f130aa-18878bf e-paragraph-base\" data-interaction-id=\"1f130aa\">Mejor\u00e9 la jerarqu\u00eda visual para guiar al usuario, junto con la implementaci\u00f3n de CTAs estrat\u00e9gicos y formularios simplificados para reducir la fricci\u00f3n en la captaci\u00f3n de leads.<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f62b1db e-con e-atomic-element e-flexbox-base e-f68ceb4\" data-id=\"f62b1db\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f62b1db\">\n \t\t\t<h2 data-interaction-id=\"1d15c5d\" class=\"e-1d15c5d-51b853a e-heading-base\">RESULTADOS<\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"c679018\" class=\"e-c679018-3943a06 e-heading-base\">Impacto Real para Impulsar Conversiones<\/h2>\n\t\t\t\t\t<p class=\"e-7ddbcd4-5190fae e-paragraph-base\" data-interaction-id=\"7ddbcd4\">Transform\u00e9 el portal en un canal activo de captaci\u00f3n. Esta estrategia increment\u00f3 la visibilidad y la interacci\u00f3n dentro del sitio, as\u00ed como<strong> la generaci\u00f3n de prospectos calificados para el equipo de ventas<\/strong>.<br><\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-83f9044 elementor-widget elementor-widget-html\" data-id=\"83f9044\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ==========================================================================\r\n CONTENEDOR DE RESULTADOS Y GRID\r\n ========================================================================== *\/\r\n .impact-section {\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\r\n width: 100%;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .impact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n \/* ==========================================================================\r\n TARJETAS DE IMPACTO\r\n ========================================================================== *\/\r\n .impact-card {\r\n background: #FFFFFF;\r\n border-radius: 12px;\r\n padding: 18px 14px;\r\n border: 1px solid #E2E8F0;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n }\r\n\r\n .impact-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 8px 20px rgba(38, 254, 207, 0.15);\r\n border-color: #26fecf;\r\n }\r\n\r\n \/* ==========================================================================\r\n ELEMENTOS INTERNOS (Antes vs Despu\u00e9s & Gr\u00e1ficos)\r\n ========================================================================== *\/\r\n .impact-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .impact-title {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #0F172A;\r\n margin: 0;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* C\u00edrculo con flecha de crecimiento *\/\r\n .trend-icon {\r\n width: 30px;\r\n height: 30px;\r\n background: rgba(38, 254, 207, 0.15);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #00A67E; \r\n flex-shrink: 0;\r\n }\r\n\r\n .trend-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n stroke-width: 3;\r\n }\r\n\r\n \/* El bloque del gran n\u00famero *\/\r\n .impact-main-stat {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .stat-big {\r\n font-size: 30px;\r\n font-weight: 700;\r\n color: #041C1A;\r\n line-height: 1;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .stat-highlight {\r\n color: #00A67E;\r\n font-size: 18px;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Etiqueta de \"Antes\" *\/\r\n .impact-comparison {\r\n display: inline-flex;\r\n align-items: center;\r\n background: #F8FAFC;\r\n border: 1px dashed #CBD5E1;\r\n padding: 2px 10px;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #64748B;\r\n width: fit-content;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .impact-comparison span {\r\n text-decoration: line-through; \r\n margin-left: 6px;\r\n color: #94A3B8;\r\n }\r\n\r\n .impact-desc {\r\n font-size: 16px;\r\n color: #475569;\r\n line-height: 1.4;\r\n margin: 0;\r\n border-top: 1px solid #F1F5F9;\r\n padding-top: 12px;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 640px) {\r\n .impact-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"impact-section\">\r\n <div class=\"impact-grid\">\r\n \r\n \r\n <div class=\"impact-card\">\r\n <div class=\"impact-header\">\r\n <h3 class=\"impact-title\">Captaci\u00f3n de Leads<\/h3>\r\n <div class=\"trend-icon\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"impact-comparison\">\r\n Antes: <span>20 leads\/mes<\/span>\r\n <\/div>\r\n <div class=\"impact-main-stat\">\r\n <span class=\"stat-big\">+80<\/span>\r\n <span class=\"stat-highlight\">leads\/mes<\/span>\r\n <\/div>\r\n <p class=\"impact-desc\">Crecimiento org\u00e1nico del +300% en la generaci\u00f3n de oportunidades.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"impact-card\">\r\n <div class=\"impact-header\">\r\n <h3 class=\"impact-title\">Tr\u00e1fico Org\u00e1nico<\/h3>\r\n <div class=\"trend-icon\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"impact-comparison\">\r\n Antes: <span>~4,100 visitas<\/span>\r\n <\/div>\r\n <div class=\"impact-main-stat\">\r\n <span class=\"stat-big\">+7,000<\/span>\r\n <span class=\"stat-highlight\">visitas<\/span>\r\n <\/div>\r\n <p class=\"impact-desc\">Aumento del +70% en la captaci\u00f3n de tr\u00e1fico de usuarios org\u00e1nicos.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"impact-card\">\r\n <div class=\"impact-header\">\r\n <h3 class=\"impact-title\">Tasa de Conversi\u00f3n<\/h3>\r\n <div class=\"trend-icon\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"impact-comparison\">\r\n Antes: <span>0.57%<\/span>\r\n <\/div>\r\n <div class=\"impact-main-stat\">\r\n <span class=\"stat-big\">1.34%<\/span>\r\n <\/div>\r\n <p class=\"impact-desc\">Efectividad aumentada (+135%) para convertir visitantes en leads calificados.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"impact-card\">\r\n <div class=\"impact-header\">\r\n <h3 class=\"impact-title\">Tiempo de Retenci\u00f3n<\/h3>\r\n <div class=\"trend-icon\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"impact-comparison\">\r\n Antes: <span>0:53 min<\/span>\r\n <\/div>\r\n <div class=\"impact-main-stat\">\r\n <span class=\"stat-big\">3:15<\/span>\r\n <span class=\"stat-highlight\">min.<\/span>\r\n <\/div>\r\n <p class=\"impact-desc\">Incremento de casi 3 veces en el tiempo de interacci\u00f3n.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2cd1f61e e-con e-atomic-element e-flexbox-base e-2cd1f61e-ebce580\" data-id=\"2cd1f61e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2cd1f61e\">\n \t\t\t<h2 data-interaction-id=\"3a264af9\" class=\"e-3a264af9-4e24062 e-heading-base\">Lleva tus Estrategias\u2028de Negocio al Siguiente Nivel<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e22c32a elementor-widget elementor-widget-html\" data-id=\"6e22c32a\" 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<\/div>\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) \u2190 Volver a todos los proyectos Content Marketing SEO UX\/UI Impulsando la Generaci\u00f3n de Leads con un Sitio Web Optimizado Optimizaci\u00f3n integral de SEO y UX\/UI enfocada en maximizar la conversi\u00f3n de prospectos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":25,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-295","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/295","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=295"}],"version-history":[{"count":128,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/295\/revisions"}],"predecessor-version":[{"id":687,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/295\/revisions\/687"}],"up":[{"embeddable":true,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/25"}],"wp:attachment":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/media?parent=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}