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: 36px;\r\n width: auto;\r\n object-fit: contain;\r\n display: block;\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=\"\/\" class=\"nav-logo\" aria-label=\"Ir a Inicio\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/160x40\/012828\/20EAA2?text=ALEXIS+OCHOA\" alt=\"Alexis Ochoa\" class=\"nav-logo-img\">\r\n <\/a>\r\n\r\n <nav class=\"desktop-nav\">\r\n <a href=\"\/\" class=\"nav-item\">Inicio<\/a>\r\n <a href=\"\/sobre-mi\" class=\"nav-item\">Sobre m\u00ed<\/a>\r\n <a href=\"\/proyectos\" class=\"nav-item\">Proyectos<\/a>\r\n <a href=\"\/contacto\" class=\"nav-item\">Contacto<\/a>\r\n\r\n <a href=\"https:\/\/tusitio.com\/wp-content\/uploads\/tu-cv.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=\"\/\" class=\"mobile-nav-item\">Inicio<\/a>\r\n <a href=\"\/sobre-mi\" class=\"mobile-nav-item\">Sobre m\u00ed<\/a>\r\n <a href=\"\/proyectos\" class=\"mobile-nav-item\">Proyectos<\/a>\r\n <a href=\"\/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-76c419a e-con e-atomic-element e-flexbox-base e-76c419a-c1cd8d8 \" data-id=\"76c419a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"76c419a\">\n \t\t<div class=\"elementor-element elementor-element-fa88a8a elementor-widget elementor-widget-html\" data-id=\"fa88a8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"badge-disponible\">\n <span class=\"punto-verde\"><\/span>\n <span class=\"texto-badge\"><strong>Disponible<\/strong> para nuevas oportunidades<\/span>\n<\/div>\n\n<style>\n\/* Estilo del contenedor (C\u00e1psula) *\/\n.badge-disponible {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 8px 8px;\n border: 1px solid #26FECF; \/* Color del borde (Verde menta) *\/\n border-radius: 10px; \/* Forma redonda de c\u00e1psula *\/\n background-color: rgba(32, 234, 162, 0.05); \/* Fondo suave transparente *\/\n width: fit-content;\n margin-bottom: 8px; \/* Espacio con el t\u00edtulo de abajo *\/\n}\n\n\/* El circulito verde con luz que parpadea *\/\n.punto-verde {\n width: 9px;\n height: 9px;\n background-color: #26FECF; \/* Verde menta *\/\n border-radius: 50%;\n display: inline-block;\n flex-shrink: 0;\n box-shadow: 0 0 0 0 rgba(32, 234, 162, 0.7);\n animation: pulsoSuave 2s infinite; \/* Efecto de luz palpitante *\/\n}\n\n\/* Estilo del texto *\/\n.texto-badge {\n color: #FFFFFF; \/* Color de 'para nuevas oportunidades' *\/\n font-family: montserrat;\n font-size: 14px;\n line-height: 1.2;\n}\n\n\/* La palabra 'Disponible' en negrita *\/\n.texto-badge strong {\n color: #FFFFFF; \n font-weight: 700;\n}\n\n\/* Animaci\u00f3n de pulso tipo radar *\/\n@keyframes pulsoSuave {\n 0% {\n transform: scale(0.95);\n box-shadow: 0 0 0 0 rgba(32, 234, 162, 0.7);\n }\n 70% {\n transform: scale(1);\n box-shadow: 0 0 0 8px rgba(32, 234, 162, 0);\n }\n 100% {\n transform: scale(0.95);\n box-shadow: 0 0 0 0 rgba(32, 234, 162, 0);\n }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<h1 data-interaction-id=\"3e5717c\" class=\"e-3e5717c-6429439 e-heading-base\">Acelerando tu Negocio con Marketing Estrat\u00e9gico<\/h1>\n\t\t\t\t\t<p class=\"e-f1b1f55-35276c6 e-paragraph-base\" data-interaction-id=\"f1b1f55\">M\u00e1s de 5 a\u00f1os de experiencia en estrategia de Contenidos, Inbound Marketing y Posicionamiento de Marca que impulsan<strong> <\/strong>la generaci\u00f3n de demanda.<\/p>\n\t\t<div class=\"elementor-element elementor-element-e49ed47 e-con e-atomic-element e-flexbox-base e-e49ed47-2beb041 \" data-id=\"e49ed47\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e49ed47\">\n \t\t\t<button class=\"e-3f7e061-8b41d4a e-button-base\" data-interaction-id=\"3f7e061\">\n\t\tDescargar CV <strong id=\"e-ms5o96dn-2chyxpa\">\u2192<\/strong>\n\t<\/button>\t\t\n<\/div>\n\n<\/div>\n<section class=\"elementor-element elementor-element-8c00208 e-con e-atomic-element e-flexbox-base e-c13c6ff \" data-id=\"8c00208\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8c00208\">\n \t\t\t<h2 data-interaction-id=\"c47ea5c\" class=\"e-c47ea5c-69ce777 e-heading-base\">\u00c1reas de impacto<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-31f7080 elementor-widget elementor-widget-html\" data-id=\"31f7080\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contenedor-pills\">\r\n <span class=\"pill\">Marketing Digital<\/span>\r\n <span class=\"pill\">Inbound Marketing<\/span>\r\n <span class=\"pill\">SEO<\/span>\r\n <span class=\"pill\">Email Marketing<\/span>\r\n <span class=\"pill\">Paid Search<\/span>\r\n <span class=\"pill\">Redes Sociales<\/span>\r\n <span class=\"pill\">Gesti\u00f3n de CRM<\/span>\r\n <span class=\"pill\">Inteligencia Artificial<\/span>\r\n <span class=\"pill\">Eventos<\/span>\r\n<\/div>\r\n\r\n<style>\r\n\/* Contenedor flexible que envuelve las etiquetas *\/\r\n.contenedor-pills {\r\n display: flex;\r\n flex-wrap: wrap; \/* Se acomodan en varias filas autom\u00e1ticamente *\/\r\n gap: 12px 12px; \/* Espacio entre c\u00e1psulas *\/\r\n}\r\n\r\n\/* Estilo de cada c\u00e1psula *\/\r\n.pill {\r\n color: #FFFFFF;\r\n font-size: 16px;\r\n font-weight: 400;\r\n padding: 8px 14px;\r\n border: 1px solid rgba(255, 255, 255, 0.3); \/* Borde sutil *\/\r\n border-radius: 10px; \/* Forma redonda de c\u00e1psula *\/\r\n background-color: linear-gradient(135deg, rgba(8, 38, 35, 0.85) 0%, rgba(2, 22, 20, 0.95) 100%));\/* Fondo semi-transparente *\/\r\n white-space: nowrap;\r\n backdrop-filter: blur(4px);\r\n font-family: inherit;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/section>\n<div class=\"elementor-element elementor-element-5adcb95 e-con e-atomic-element e-flexbox-base e-e7ebb67 \" data-id=\"5adcb95\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5adcb95\">\n \t\t\t<h2 data-interaction-id=\"a2408bf\" class=\"e-a2408bf-a56b01c e-heading-base\">Proyectos destacados<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-8af583e elementor-widget elementor-widget-html\" data-id=\"8af583e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"card-proyecto\">\r\n \r\n <div class=\"card-header\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/120x40\/ffffff\/000000?text=Global+Lynx\" alt=\"Logo Cliente\" class=\"cliente-logo\">\r\n \r\n \r\n <h3 class=\"proyecto-titulo\">Impulsando la generaci\u00f3n de leads en un sitio web optimizado<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n Reestructuraci\u00f3n integral de UX\/UI, SEO y conversi\u00f3n para transformar una plataforma sin rendimiento en un canal activo de leads.\r\n <\/p>\r\n\r\n \r\n <a href=\"\/proyecto-global-lynx\" class=\"btn-ver-mas\">\r\n Ver m\u00e1s <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-footer\">\r\n <div class=\"metrica-box\">\r\n <span class=\"metrica-numero\">+300%<\/span>\r\n <span class=\"metrica-etiqueta\">adquisici\u00f3n de leads org\u00e1nicos<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x250\/1e293b\/ffffff?text=Mockup+Sitio+Web\" alt=\"Vista previa del proyecto\" class=\"mockup-img\">\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Contenedor Principal de la Tarjeta *\/\r\n.card-proyecto {\r\n background-color: #FFFFFF;\r\n border-radius: 16px;\r\n padding: 40px 40px 0 40px; \/* Padding adaptable *\/\r\n margin-bottom: 32px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n width: 100%; \/* Abarca todo el ancho disponible del contenedor de Elementor *\/\r\n max-width: 100%; \/* Eliminado el l\u00edmite fijo para fluidez total *\/\r\n box-sizing: border-box;\r\n font-family: montserrat;\r\n}\r\n\r\n\/* Logo del Cliente *\/\r\n.cliente-logo {\r\n max-height: 40px;\r\n width: auto;\r\n margin-bottom: 20px;\r\n object-fit: contain;\r\n}\r\n\r\n\/* T\u00edtulo Principal *\/\r\n.proyecto-titulo {\r\n color: #0B192C; \/* Color oscuro *\/\r\n font-size: clamp(22px, 2.5vw, 32px); \/* Escala suavemente entre 22px y 32px *\/\r\n font-weight: 700;\r\n line-height: 1.25;\r\n margin: 0 0 14px 0;\r\n font-family: montserrat;\r\n max-width: 850px;\r\n}\r\n\r\n\/* Descripci\u00f3n del Proyecto *\/\r\n.proyecto-descripcion {\r\n color: #475569;\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n line-height: 1.5;\r\n margin: 0 0 24px 0;\r\n max-width: 800px;\r\n}\r\n\r\n\/* Bot\u00f3n 'Ver m\u00e1s' *\/\r\n.btn-ver-mas {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: #26fecf; \/* Tu verde menta *\/\r\n color: #012828; \/* Texto oscuro *\/\r\n font-weight: 600;\r\n font-size: 16px;\r\n padding: 12px 20px;\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\/* Secci\u00f3n Inferior (M\u00e9trica + Foto) *\/\r\n.card-footer {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n margin-top: 32px;\r\n gap: 24px;\r\n width: 100%;\r\n}\r\n\r\n\/* Bloque de M\u00e9trica Destacada *\/\r\n.metrica-box {\r\n display: flex;\r\n flex-direction: column;\r\n padding-bottom: 40px; \/* Padding inferior alineado *\/\r\n max-width: 220px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.metrica-numero {\r\n color: #0B192C;\r\n font-size: clamp(28px, 3.2vw, 44px);\r\n font-weight: 800;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.metrica-etiqueta {\r\n color: #64748B;\r\n font-size: 13px;\r\n line-height: 1.35;\r\n}\r\n\r\n\/* Mockup \/ Imagen del Proyecto *\/\r\n.mockup-container {\r\n flex-grow: 1;\r\n display: flex;\r\n justify-content: flex-end;\r\n margin-right: -40px; \/* Hace que la imagen sobresalga hasta el borde derecho *\/\r\n}\r\n\r\n.mockup-img {\r\n width: 100%;\r\n max-width: 520px; \/* Imagen m\u00e1s grande en pantallas de escritorio *\/\r\n height: auto;\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 object-fit: cover;\r\n}\r\n\r\n\/* Adaptabilidad para Pantallas Grandes de Escritorio *\/\r\n@media (min-width: 900px) {\r\n .card-proyecto {\r\n padding: 48px 48px 0 48px;\r\n }\r\n\r\n .mockup-container {\r\n margin-right: -48px;\r\n }\r\n}\r\n\r\n\/* Adaptabilidad a Celulares y Tablets peque\u00f1as *\/\r\n@media (max-width: 680px) {\r\n .card-proyecto {\r\n padding: 24px 24px 0 24px;\r\n }\r\n\r\n .card-footer {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .metrica-box {\r\n padding-bottom: 8px;\r\n max-width: 100%;\r\n }\r\n\r\n .mockup-container {\r\n margin-right: -24px;\r\n width: calc(100% + 24px);\r\n }\r\n\r\n .mockup-img {\r\n max-width: 100%;\r\n border-top-left-radius: 12px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1804d80 elementor-widget elementor-widget-html\" data-id=\"1804d80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"card-proyecto\">\r\n \r\n <div class=\"card-header\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/120x40\/ffffff\/000000?text=Global+Lynx\" alt=\"Logo Cliente\" class=\"cliente-logo\">\r\n \r\n \r\n <h3 class=\"proyecto-titulo\">Impulsando la generaci\u00f3n de leads en un sitio web optimizado<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n Reestructuraci\u00f3n integral de UX\/UI, SEO y conversi\u00f3n para transformar una plataforma sin rendimiento en un canal activo de leads.\r\n <\/p>\r\n\r\n \r\n <a href=\"\/proyecto-global-lynx\" class=\"btn-ver-mas\">\r\n Ver m\u00e1s <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-footer\">\r\n <div class=\"metrica-box\">\r\n <span class=\"metrica-numero\">+300%<\/span>\r\n <span class=\"metrica-etiqueta\">adquisici\u00f3n de leads org\u00e1nicos<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x250\/1e293b\/ffffff?text=Mockup+Sitio+Web\" alt=\"Vista previa del proyecto\" class=\"mockup-img\">\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Contenedor Principal de la Tarjeta *\/\r\n.card-proyecto {\r\n background-color: #FFFFFF;\r\n border-radius: 16px;\r\n padding: 40px 40px 0 40px; \/* Padding adaptable *\/\r\n margin-bottom: 32px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n width: 100%; \/* Abarca todo el ancho disponible del contenedor de Elementor *\/\r\n max-width: 100%; \/* Eliminado el l\u00edmite fijo para fluidez total *\/\r\n box-sizing: border-box;\r\n font-family: montserrat;\r\n}\r\n\r\n\/* Logo del Cliente *\/\r\n.cliente-logo {\r\n max-height: 40px;\r\n width: auto;\r\n margin-bottom: 20px;\r\n object-fit: contain;\r\n}\r\n\r\n\/* T\u00edtulo Principal *\/\r\n.proyecto-titulo {\r\n color: #0B192C; \/* Color oscuro *\/\r\n font-size: clamp(22px, 2.5vw, 32px); \/* Escala suavemente entre 22px y 32px *\/\r\n font-weight: 700;\r\n line-height: 1.25;\r\n margin: 0 0 14px 0;\r\n font-family: montserrat;\r\n max-width: 850px;\r\n}\r\n\r\n\/* Descripci\u00f3n del Proyecto *\/\r\n.proyecto-descripcion {\r\n color: #475569;\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n line-height: 1.5;\r\n margin: 0 0 24px 0;\r\n max-width: 800px;\r\n}\r\n\r\n\/* Bot\u00f3n 'Ver m\u00e1s' *\/\r\n.btn-ver-mas {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: #26fecf; \/* Tu verde menta *\/\r\n color: #012828; \/* Texto oscuro *\/\r\n font-weight: 600;\r\n font-size: 16px;\r\n padding: 12px 20px;\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\/* Secci\u00f3n Inferior (M\u00e9trica + Foto) *\/\r\n.card-footer {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n margin-top: 32px;\r\n gap: 24px;\r\n width: 100%;\r\n}\r\n\r\n\/* Bloque de M\u00e9trica Destacada *\/\r\n.metrica-box {\r\n display: flex;\r\n flex-direction: column;\r\n padding-bottom: 40px; \/* Padding inferior alineado *\/\r\n max-width: 220px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.metrica-numero {\r\n color: #0B192C;\r\n font-size: clamp(28px, 3.2vw, 44px);\r\n font-weight: 800;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.metrica-etiqueta {\r\n color: #64748B;\r\n font-size: 13px;\r\n line-height: 1.35;\r\n}\r\n\r\n\/* Mockup \/ Imagen del Proyecto *\/\r\n.mockup-container {\r\n flex-grow: 1;\r\n display: flex;\r\n justify-content: flex-end;\r\n margin-right: -40px; \/* Hace que la imagen sobresalga hasta el borde derecho *\/\r\n}\r\n\r\n.mockup-img {\r\n width: 100%;\r\n max-width: 520px; \/* Imagen m\u00e1s grande en pantallas de escritorio *\/\r\n height: auto;\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 object-fit: cover;\r\n}\r\n\r\n\/* Adaptabilidad para Pantallas Grandes de Escritorio *\/\r\n@media (min-width: 900px) {\r\n .card-proyecto {\r\n padding: 48px 48px 0 48px;\r\n }\r\n\r\n .mockup-container {\r\n margin-right: -48px;\r\n }\r\n}\r\n\r\n\/* Adaptabilidad a Celulares y Tablets peque\u00f1as *\/\r\n@media (max-width: 680px) {\r\n .card-proyecto {\r\n padding: 24px 24px 0 24px;\r\n }\r\n\r\n .card-footer {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .metrica-box {\r\n padding-bottom: 8px;\r\n max-width: 100%;\r\n }\r\n\r\n .mockup-container {\r\n margin-right: -24px;\r\n width: calc(100% + 24px);\r\n }\r\n\r\n .mockup-img {\r\n max-width: 100%;\r\n border-top-left-radius: 12px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<button class=\"e-fccea43-37eef58 e-button-base\" data-interaction-id=\"fccea43\">\n\t\tM\u00e1s Proyectos <strong id=\"e-ms6uazsp-3io2yw9\">\u2192<\/strong>\n\t<\/button>\t\t\n<\/div>\n<section class=\"elementor-element elementor-element-f4b771f e-con e-atomic-element e-flexbox-base e-f4b771f-bccb4a7 \" data-id=\"f4b771f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f4b771f\">\n \t\t\t<h2 data-interaction-id=\"0252fea\" class=\"e-0252fea-80a1f78 e-heading-base\">Mi diferencial<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1c47f6 elementor-widget elementor-widget-html\" data-id=\"a1c47f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"diferencial-container\">\r\n\r\n \r\n <div class=\"diferencial-grid\">\r\n \r\n \r\n <div class=\"diferencial-card\">\r\n <div class=\"diferencial-icon-box\">\r\n \r\n \r\n \r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#20EAA2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line>\r\n <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"diferencial-content\">\r\n <span class=\"diferencial-etiqueta\">Experiencia Sectorial<\/span>\r\n <h3 class=\"diferencial-valor\">Tecnolog\u00edas de la Informaci\u00f3n, Servicios Financieros, Ciberseguridad<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"diferencial-card\">\r\n <div class=\"diferencial-icon-box\">\r\n \r\n \r\n \r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#20EAA2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\r\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"diferencial-content\">\r\n <span class=\"diferencial-etiqueta\">Complejidad de Producto<\/span>\r\n <h3 class=\"diferencial-valor\">Consultor\u00eda Especializada, B2B SaaS e Intangibles B2C<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"diferencial-card\">\r\n <div class=\"diferencial-icon-box\">\r\n \r\n \r\n \r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#20EAA2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline>\r\n <polyline points=\"17 6 23 6 23 12\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"diferencial-content\">\r\n <span class=\"diferencial-etiqueta\">Crecimiento Org\u00e1nico<\/span>\r\n <h3 class=\"diferencial-valor\">Estrategias que desarrollan canales de atracci\u00f3n sostenibles<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Contenedor Principal *\/\r\n.diferencial-container {\r\n width: 100%;\r\n box-sizing: border-box;\r\n font-family: montserrat;\r\n margin-bottom: 32px;\r\n}\r\n\r\n\/* T\u00edtulo 'Mi diferencial' *\/\r\n.diferencial-titulo {\r\n color: #FFFFFF;\r\n font-size: clamp(22px, 2.5vw, 32px);\r\n font-weight: 700;\r\n margin: 0 0 12px 0;\r\n line-height: 1.2;\r\n}\r\n\r\n\/* Disposici\u00f3n Vertical de Tarjetas *\/\r\n.diferencial-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n width: 100%;\r\n}\r\n\r\n\/* Tarjeta Individual *\/\r\n.diferencial-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(255, 255, 255, 0.3);\r\n border-radius: 12px;\r\n padding: 24px 28px;\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n.diferencial-card:hover {\r\n border-color: rgba(32, 234, 162, 0.4);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* Bloque contenedor del Icono (Placeholder) *\/\r\n.diferencial-icon-box {\r\n width: 56px;\r\n height: 56px;\r\n min-width: 56px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(32, 234, 162, 0.08);\r\n border-radius: 10px;\r\n padding: 10px;\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* Ajuste autom\u00e1tico para cualquier SVG o Imagen que cargues *\/\r\n.diferencial-icon-box svg,\r\n.diferencial-icon-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n}\r\n\r\n\/* Bloque de Textos *\/\r\n.diferencial-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n\/* Etiqueta \/ Subt\u00edtulo (Gris claro) *\/\r\n.diferencial-etiqueta {\r\n color: #94A3B8;\r\n font-size: clamp(13px, 1.1vw, 15px);\r\n font-weight: 400;\r\n letter-spacing: 0.2px;\r\n}\r\n\r\n\/* Valor \/ Descripci\u00f3n Principal (Blanco Negrita) *\/\r\n.diferencial-valor {\r\n color: #FFFFFF;\r\n font-size: clamp(15px, 1.3vw, 19px);\r\n font-weight: 700;\r\n line-height: 1.35;\r\n margin: 0;\r\n}\r\n\r\n\/* Adaptabilidad Responsiva para M\u00f3vil y Tablet peque\u00f1a *\/\r\n@media (max-width: 640px) {\r\n .diferencial-card {\r\n padding: 18px 20px;\r\n gap: 16px;\r\n align-items: flex-start; \/* Alinea arriba si el texto es largo *\/\r\n }\r\n\r\n .diferencial-icon-box {\r\n width: 46px;\r\n height: 46px;\r\n min-width: 46px;\r\n border-radius: 10px;\r\n padding: 8px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"e-7ccc63c-25355c1 e-paragraph-base\" data-interaction-id=\"7ccc63c\">M\u00e1s sobre mi trayectoria profesional \u2192<\/p>\n\t\t\n<\/section>\n<div class=\"elementor-element elementor-element-c549a3f e-con e-atomic-element e-flexbox-base e-c549a3f-45da956 \" data-id=\"c549a3f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c549a3f\">\n \t\t\t<h2 data-interaction-id=\"de7b9e2\" class=\"e-de7b9e2-17dbefa e-heading-base\">\u00bfQu\u00e9 dicen sobre m\u00ed?<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-30a529f elementor-widget elementor-widget-html\" data-id=\"30a529f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"testimonios-wrapper\">\r\n \r\n \r\n <div class=\"testimonios-carousel\" id=\"testimoniosCarousel\">\r\n \r\n \r\n <article class=\"testimonio-card\">\r\n <div class=\"testimonio-header\">\r\n \r\n <svg class=\"quote-icon\" viewBox=\"0 0 24 24\" fill=\"#26fecf\" aria-hidden=\"true\">\r\n <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\r\n <\/svg>\r\n\r\n \r\n <div class=\"stars-rating\" aria-label=\"Calificaci\u00f3n 5 de 5 estrellas\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <p class=\"testimonio-texto\">\r\n \u201cAlexis es un profesional muy talentoso y apasionado por el marketing, una persona bastante humana y resiliente, sin duda un <span class=\"highlight\">profesional invaluable<\/span> para cualquier equipo de trabajo donde se le involucre.\r\n <br><br>\r\n Cuenta con una alta iniciativa y colaboraci\u00f3n que aporta bastante al equipo como a la empresa para el logro de objetivos, experiencia en diferentes herramientas tecnol\u00f3gicas, generaci\u00f3n de contenidos, mejoras SEO, asimismo demuestra grandes <span class=\"highlight\">habilidades para analizar y comprender el negocio<\/span>.\u201d\r\n <\/p>\r\n\r\n \r\n <div class=\"testimonio-autor\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100\/3b0764\/ffffff?text=AM\" alt=\"Alfonso Maqueda\" class=\"autor-foto\">\r\n <div class=\"autor-info\">\r\n <h3 class=\"autor-nombre\">Alfonso Maqueda<\/h3>\r\n <span class=\"autor-cargo\">Marketing Lead en Global Lynx<\/span>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/www.linkedin.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"linkedin-link\" title=\"Ver perfil en LinkedIn\" aria-label=\"LinkedIn de Alfonso Maqueda\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\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 <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"testimonio-card\">\r\n <div class=\"testimonio-header\">\r\n \r\n <svg class=\"quote-icon\" viewBox=\"0 0 24 24\" fill=\"#26fecf\" aria-hidden=\"true\">\r\n <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\r\n <\/svg>\r\n\r\n \r\n <div class=\"stars-rating\" aria-label=\"Calificaci\u00f3n 5 de 5 estrellas\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <p class=\"testimonio-texto\">\r\n \u201cAlexis destaca por su <span class=\"highlight\">visi\u00f3n estrat\u00e9gica<\/span> y su enfoque integral en mercadotecnia y posicionamiento de marca.\r\n <br><br>\r\n Combina comprensi\u00f3n del mercado con una gran habilidad para traducir objetivos de negocio en campa\u00f1as efectivas, siempre sustentadas en datos y creatividad. Su capacidad para <span class=\"highlight\">conectar la estrategia comercial con la ejecuci\u00f3n t\u00e1ctica<\/span> lo convierte en un aliado clave para cualquier organizaci\u00f3n.\u201d\r\n <\/p>\r\n\r\n \r\n <div class=\"testimonio-autor\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100\/0284c7\/ffffff?text=AG\" alt=\"Alejandro God\u00ednez\" class=\"autor-foto\">\r\n <div class=\"autor-info\">\r\n <h3 class=\"autor-nombre\">Alejandro God\u00ednez<\/h3>\r\n <span class=\"autor-cargo\">L\u00edder Comercial en Global Lynx<\/span>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/www.linkedin.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"linkedin-link\" title=\"Ver perfil en LinkedIn\" aria-label=\"LinkedIn de Alejandro God\u00ednez\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\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 <\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"testimonio-card\">\r\n <div class=\"testimonio-header\">\r\n \r\n <svg class=\"quote-icon\" viewBox=\"0 0 24 24\" fill=\"#26fecf\" aria-hidden=\"true\">\r\n <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\r\n <\/svg>\r\n\r\n \r\n <div class=\"stars-rating\" aria-label=\"Calificaci\u00f3n 5 de 5 estrellas\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <p class=\"testimonio-texto\">\r\n \u201cRecomiendo a Alexis que siempre fue un profesional trabajador, <span class=\"highlight\">responsable<\/span> y honesto durante los dos a\u00f1os que estuvo bajo mi supervisi\u00f3n en PALO IT.\r\n <br><br>\r\n Durante este tiempo, Alexis demostr\u00f3 tener <span class=\"highlight\">\u00e1nimo de superaci\u00f3n<\/span> constante.\u201d\r\n <\/p>\r\n\r\n \r\n <div class=\"testimonio-autor\">\r\n <img decoding=\"async\" src=\"URL_DE_LA_FOTO_AQU\u00cd\" alt=\"Nombre del Autor\" class=\"autor-foto\">\r\n <div class=\"autor-info\">\r\n <h3 class=\"autor-nombre\">Lola Ria\u00f1o<\/h3>\r\n <span class=\"autor-cargo\">Global Growth Marketing Lead en PALO IT<\/span>\r\n <\/div>\r\n \r\n <a href=\"URL_LINKEDIN_AQU\u00cd\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"linkedin-link\" title=\"Ver perfil en LinkedIn\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\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 <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"testimonios-controles\">\r\n <button class=\"control-btn\" id=\"prevBtn\" aria-label=\"Testimonio anterior\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <div class=\"dots-container\" id=\"dotsContainer\"><\/div>\r\n <button class=\"control-btn\" id=\"nextBtn\" aria-label=\"Siguiente testimonio\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.testimonios-wrapper {\r\n width: 100%;\r\n box-sizing: border-box;\r\n position: relative;\r\n font-family: montserrat;\r\n margin-bottom: 24px;\r\n}\r\n\r\n\/* Track deslizable fluido (Scroll Snap nativo s\u00faper suave) *\/\r\n.testimonios-carousel {\r\n display: flex;\r\n gap: 20px;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n scroll-behavior: smooth;\r\n padding-bottom: 8px;\r\n -webkit-overflow-scrolling: touch;\r\n scrollbar-width: none; \/* Oculta scrollbar en Firefox *\/\r\n}\r\n\r\n.testimonios-carousel::-webkit-scrollbar {\r\n display: none; \/* Oculta scrollbar en Chrome\/Safari *\/\r\n}\r\n\r\n\/* Tarjeta de Testimonio (Estructura Est\u00e1tica, SIN HOVER) *\/\r\n.testimonio-card {\r\n flex: 0 0 calc(50% - 10px); \/* Ocupa la mitad en PC para ver 2 tarjetas paralelas *\/\r\n min-width: 320px;\r\n scroll-snap-align: start;\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(255, 255, 255, 0.12);\r\n border-radius: 20px;\r\n padding: 28px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n\/* Cabecera interna: Comillas y Estrellas *\/\r\n.testimonio-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.quote-icon {\r\n width: 32px;\r\n height: 32px;\r\n opacity: 0.9;\r\n}\r\n\r\n.stars-rating {\r\n color: #26fecf;\r\n font-size: 16px;\r\n letter-spacing: 2px;\r\n}\r\n\r\n\/* Texto del Testimonio *\/\r\n.testimonio-texto {\r\n color: #FFFFFF;\r\n font-size: clamp(14px, 1.1vw, 15px);\r\n line-height: 1.6;\r\n margin: 0 0 24px 0;\r\n font-weight: 400;\r\n}\r\n\r\n.testimonio-texto .highlight {\r\n color: #26fecf;\r\n font-weight: 600;\r\n}\r\n\r\n\/* Pie de la tarjeta: Autor *\/\r\n.testimonio-autor {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n padding-top: 16px;\r\n margin-top: auto;\r\n}\r\n\r\n.autor-foto {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n border: 2px solid rgba(32, 234, 162, 0.4);\r\n}\r\n\r\n.autor-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n flex-grow: 1;\r\n}\r\n\r\n.autor-nombre {\r\n color: #FFFFFF;\r\n font-size: 14px;\r\n font-weight: 600;\r\n margin: 0;\r\n line-height: 1.2;\r\n}\r\n\r\n.autor-cargo {\r\n color: #94A3B8;\r\n font-size: 13px;\r\n font-weight: 400;\r\n}\r\n\r\n\/* Bot\u00f3n de LinkedIn discreto *\/\r\n.linkedin-link {\r\n color: #94A3B8;\r\n width: 24px;\r\n height: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: color 0.2s ease;\r\n flex-shrink: 0;\r\n}\r\n\r\n.linkedin-link:hover {\r\n color: #26fecf;\r\n}\r\n\r\n.linkedin-link svg {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n\/* Controles del Carrusel *\/\r\n.testimonios-controles {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.control-btn {\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n color: #26fecf;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: background 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n.control-btn:hover {\r\n background: rgba(32, 234, 162, 0.15);\r\n border-color: #26fecf;\r\n}\r\n\r\n.control-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n\/* Puntos de navegaci\u00f3n (Dots) *\/\r\n.dots-container {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.2);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.dot.active {\r\n background: #26fecf;\r\n width: 24px;\r\n border-radius: 12px;\r\n}\r\n\r\n\/* Adaptaci\u00f3n para Celulares (<768px) *\/\r\n@media (max-width: 768px) {\r\n .testimonio-card {\r\n flex: 0 0 88%; \/* En celular deja asomar la siguiente tarjeta para invitar al swipe *\/\r\n padding: 20px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const carousel = document.getElementById('testimoniosCarousel');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const dotsContainer = document.getElementById('dotsContainer');\r\n \r\n if (!carousel || !prevBtn || !nextBtn) return;\r\n\r\n const cards = carousel.querySelectorAll('.testimonio-card');\r\n const totalCards = cards.length;\r\n\r\n \/\/ Crear dots din\u00e1micamente seg\u00fan el n\u00famero de tarjetas\r\n cards.forEach((_, index) => {\r\n const dot = document.createElement('div');\r\n dot.classList.add('dot');\r\n if (index === 0) dot.classList.add('active');\r\n dot.addEventListener('click', () => {\r\n const cardWidth = cards[0].offsetWidth + 20;\r\n carousel.scrollTo({ left: cardWidth * index, behavior: 'smooth' });\r\n });\r\n dotsContainer.appendChild(dot);\r\n });\r\n\r\n const dots = dotsContainer.querySelectorAll('.dot');\r\n\r\n \/\/ Actualizar dot activo al hacer scroll\r\n carousel.addEventListener('scroll', () => {\r\n const cardWidth = cards[0].offsetWidth + 20;\r\n const activeIndex = Math.round(carousel.scrollLeft \/ cardWidth);\r\n dots.forEach((dot, idx) => {\r\n dot.classList.toggle('active', idx === activeIndex);\r\n });\r\n });\r\n\r\n \/\/ Eventos de flechas\r\n nextBtn.addEventListener('click', () => {\r\n const cardWidth = cards[0].offsetWidth + 20;\r\n carousel.scrollBy({ left: cardWidth, behavior: 'smooth' });\r\n });\r\n\r\n prevBtn.addEventListener('click', () => {\r\n const cardWidth = cards[0].offsetWidth + 20;\r\n carousel.scrollBy({ left: -cardWidth, behavior: 'smooth' });\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3d9f181 e-con e-atomic-element e-flexbox-base e-3d9f181-585a8d0 \" data-id=\"3d9f181\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3d9f181\">\n \t\t\t<h2 data-interaction-id=\"03c6f83\" class=\"e-03c6f83-55f225b e-heading-base\">Llevemos tus estrategias\u2028de negocio al siguiente nivel<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-023e05c elementor-widget elementor-widget-html\" data-id=\"023e05c\" 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=\"\/contacto\" 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\" 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=\"\/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>\n\t\t","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) Disponible para nuevas oportunidades Acelerando tu Negocio con Marketing Estrat\u00e9gico M\u00e1s de 5 a\u00f1os de experiencia en estrategia de Contenidos, Inbound Marketing y Posicionamiento de Marca que impulsan la generaci\u00f3n de demanda. Descargar […]<\/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-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/20","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=20"}],"version-history":[{"count":37,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":80,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/20\/revisions\/80"}],"wp:attachment":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/media?parent=20"}],"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: 36px;\r\n width: auto;\r\n object-fit: contain;\r\n display: block;\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=\"\/\" class=\"nav-logo\" aria-label=\"Ir a Inicio\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/160x40\/012828\/20EAA2?text=ALEXIS+OCHOA\" alt=\"Alexis Ochoa\" class=\"nav-logo-img\">\r\n <\/a>\r\n\r\n <nav class=\"desktop-nav\">\r\n <a href=\"\/\" class=\"nav-item\">Inicio<\/a>\r\n <a href=\"\/sobre-mi\" class=\"nav-item\">Sobre m\u00ed<\/a>\r\n <a href=\"\/proyectos\" class=\"nav-item\">Proyectos<\/a>\r\n <a href=\"\/contacto\" class=\"nav-item\">Contacto<\/a>\r\n\r\n <a href=\"https:\/\/tusitio.com\/wp-content\/uploads\/tu-cv.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=\"\/\" class=\"mobile-nav-item\">Inicio<\/a>\r\n <a href=\"\/sobre-mi\" class=\"mobile-nav-item\">Sobre m\u00ed<\/a>\r\n <a href=\"\/proyectos\" class=\"mobile-nav-item\">Proyectos<\/a>\r\n <a href=\"\/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-76c419a e-con e-atomic-element e-flexbox-base e-76c419a-c1cd8d8 \" data-id=\"76c419a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"76c419a\">\n \t\t<div class=\"elementor-element elementor-element-fa88a8a elementor-widget elementor-widget-html\" data-id=\"fa88a8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"badge-disponible\">\n <span class=\"punto-verde\"><\/span>\n <span class=\"texto-badge\"><strong>Disponible<\/strong> para nuevas oportunidades<\/span>\n<\/div>\n\n<style>\n\/* Estilo del contenedor (C\u00e1psula) *\/\n.badge-disponible {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 8px 8px;\n border: 1px solid #26FECF; \/* Color del borde (Verde menta) *\/\n border-radius: 10px; \/* Forma redonda de c\u00e1psula *\/\n background-color: rgba(32, 234, 162, 0.05); \/* Fondo suave transparente *\/\n width: fit-content;\n margin-bottom: 8px; \/* Espacio con el t\u00edtulo de abajo *\/\n}\n\n\/* El circulito verde con luz que parpadea *\/\n.punto-verde {\n width: 9px;\n height: 9px;\n background-color: #26FECF; \/* Verde menta *\/\n border-radius: 50%;\n display: inline-block;\n flex-shrink: 0;\n box-shadow: 0 0 0 0 rgba(32, 234, 162, 0.7);\n animation: pulsoSuave 2s infinite; \/* Efecto de luz palpitante *\/\n}\n\n\/* Estilo del texto *\/\n.texto-badge {\n color: #FFFFFF; \/* Color de 'para nuevas oportunidades' *\/\n font-family: montserrat;\n font-size: 14px;\n line-height: 1.2;\n}\n\n\/* La palabra 'Disponible' en negrita *\/\n.texto-badge strong {\n color: #FFFFFF; \n font-weight: 700;\n}\n\n\/* Animaci\u00f3n de pulso tipo radar *\/\n@keyframes pulsoSuave {\n 0% {\n transform: scale(0.95);\n box-shadow: 0 0 0 0 rgba(32, 234, 162, 0.7);\n }\n 70% {\n transform: scale(1);\n box-shadow: 0 0 0 8px rgba(32, 234, 162, 0);\n }\n 100% {\n transform: scale(0.95);\n box-shadow: 0 0 0 0 rgba(32, 234, 162, 0);\n }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<h1 data-interaction-id=\"3e5717c\" class=\"e-3e5717c-6429439 e-heading-base\">Acelerando tu Negocio con Marketing Estrat\u00e9gico<\/h1>\n\t\t\t\t\t<p class=\"e-f1b1f55-35276c6 e-paragraph-base\" data-interaction-id=\"f1b1f55\">M\u00e1s de 5 a\u00f1os de experiencia en estrategia de Contenidos, Inbound Marketing y Posicionamiento de Marca que impulsan<strong> <\/strong>la generaci\u00f3n de demanda.<\/p>\n\t\t<div class=\"elementor-element elementor-element-e49ed47 e-con e-atomic-element e-flexbox-base e-e49ed47-2beb041 \" data-id=\"e49ed47\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e49ed47\">\n \t\t\t<button class=\"e-3f7e061-8b41d4a e-button-base\" data-interaction-id=\"3f7e061\">\n\t\tDescargar CV <strong id=\"e-ms5o96dn-2chyxpa\">\u2192<\/strong>\n\t<\/button>\t\t\n<\/div>\n\n<\/div>\n<section class=\"elementor-element elementor-element-8c00208 e-con e-atomic-element e-flexbox-base e-c13c6ff \" data-id=\"8c00208\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8c00208\">\n \t\t\t<h2 data-interaction-id=\"c47ea5c\" class=\"e-c47ea5c-69ce777 e-heading-base\">\u00c1reas de impacto<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-31f7080 elementor-widget elementor-widget-html\" data-id=\"31f7080\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contenedor-pills\">\r\n <span class=\"pill\">Marketing Digital<\/span>\r\n <span class=\"pill\">Inbound Marketing<\/span>\r\n <span class=\"pill\">SEO<\/span>\r\n <span class=\"pill\">Email Marketing<\/span>\r\n <span class=\"pill\">Paid Search<\/span>\r\n <span class=\"pill\">Redes Sociales<\/span>\r\n <span class=\"pill\">Gesti\u00f3n de CRM<\/span>\r\n <span class=\"pill\">Inteligencia Artificial<\/span>\r\n <span class=\"pill\">Eventos<\/span>\r\n<\/div>\r\n\r\n<style>\r\n\/* Contenedor flexible que envuelve las etiquetas *\/\r\n.contenedor-pills {\r\n display: flex;\r\n flex-wrap: wrap; \/* Se acomodan en varias filas autom\u00e1ticamente *\/\r\n gap: 12px 12px; \/* Espacio entre c\u00e1psulas *\/\r\n}\r\n\r\n\/* Estilo de cada c\u00e1psula *\/\r\n.pill {\r\n color: #FFFFFF;\r\n font-size: 16px;\r\n font-weight: 400;\r\n padding: 8px 14px;\r\n border: 1px solid rgba(255, 255, 255, 0.3); \/* Borde sutil *\/\r\n border-radius: 10px; \/* Forma redonda de c\u00e1psula *\/\r\n background-color: linear-gradient(135deg, rgba(8, 38, 35, 0.85) 0%, rgba(2, 22, 20, 0.95) 100%));\/* Fondo semi-transparente *\/\r\n white-space: nowrap;\r\n backdrop-filter: blur(4px);\r\n font-family: inherit;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/section>\n<div class=\"elementor-element elementor-element-5adcb95 e-con e-atomic-element e-flexbox-base e-e7ebb67 \" data-id=\"5adcb95\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5adcb95\">\n \t\t\t<h2 data-interaction-id=\"a2408bf\" class=\"e-a2408bf-a56b01c e-heading-base\">Proyectos destacados<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-8af583e elementor-widget elementor-widget-html\" data-id=\"8af583e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"card-proyecto\">\r\n \r\n <div class=\"card-header\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/120x40\/ffffff\/000000?text=Global+Lynx\" alt=\"Logo Cliente\" class=\"cliente-logo\">\r\n \r\n \r\n <h3 class=\"proyecto-titulo\">Impulsando la generaci\u00f3n de leads en un sitio web optimizado<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n Reestructuraci\u00f3n integral de UX\/UI, SEO y conversi\u00f3n para transformar una plataforma sin rendimiento en un canal activo de leads.\r\n <\/p>\r\n\r\n \r\n <a href=\"\/proyecto-global-lynx\" class=\"btn-ver-mas\">\r\n Ver m\u00e1s <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-footer\">\r\n <div class=\"metrica-box\">\r\n <span class=\"metrica-numero\">+300%<\/span>\r\n <span class=\"metrica-etiqueta\">adquisici\u00f3n de leads org\u00e1nicos<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x250\/1e293b\/ffffff?text=Mockup+Sitio+Web\" alt=\"Vista previa del proyecto\" class=\"mockup-img\">\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Contenedor Principal de la Tarjeta *\/\r\n.card-proyecto {\r\n background-color: #FFFFFF;\r\n border-radius: 16px;\r\n padding: 40px 40px 0 40px; \/* Padding adaptable *\/\r\n margin-bottom: 32px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n width: 100%; \/* Abarca todo el ancho disponible del contenedor de Elementor *\/\r\n max-width: 100%; \/* Eliminado el l\u00edmite fijo para fluidez total *\/\r\n box-sizing: border-box;\r\n font-family: montserrat;\r\n}\r\n\r\n\/* Logo del Cliente *\/\r\n.cliente-logo {\r\n max-height: 40px;\r\n width: auto;\r\n margin-bottom: 20px;\r\n object-fit: contain;\r\n}\r\n\r\n\/* T\u00edtulo Principal *\/\r\n.proyecto-titulo {\r\n color: #0B192C; \/* Color oscuro *\/\r\n font-size: clamp(22px, 2.5vw, 32px); \/* Escala suavemente entre 22px y 32px *\/\r\n font-weight: 700;\r\n line-height: 1.25;\r\n margin: 0 0 14px 0;\r\n font-family: montserrat;\r\n max-width: 850px;\r\n}\r\n\r\n\/* Descripci\u00f3n del Proyecto *\/\r\n.proyecto-descripcion {\r\n color: #475569;\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n line-height: 1.5;\r\n margin: 0 0 24px 0;\r\n max-width: 800px;\r\n}\r\n\r\n\/* Bot\u00f3n 'Ver m\u00e1s' *\/\r\n.btn-ver-mas {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: #26fecf; \/* Tu verde menta *\/\r\n color: #012828; \/* Texto oscuro *\/\r\n font-weight: 600;\r\n font-size: 16px;\r\n padding: 12px 20px;\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\/* Secci\u00f3n Inferior (M\u00e9trica + Foto) *\/\r\n.card-footer {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n margin-top: 32px;\r\n gap: 24px;\r\n width: 100%;\r\n}\r\n\r\n\/* Bloque de M\u00e9trica Destacada *\/\r\n.metrica-box {\r\n display: flex;\r\n flex-direction: column;\r\n padding-bottom: 40px; \/* Padding inferior alineado *\/\r\n max-width: 220px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.metrica-numero {\r\n color: #0B192C;\r\n font-size: clamp(28px, 3.2vw, 44px);\r\n font-weight: 800;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.metrica-etiqueta {\r\n color: #64748B;\r\n font-size: 13px;\r\n line-height: 1.35;\r\n}\r\n\r\n\/* Mockup \/ Imagen del Proyecto *\/\r\n.mockup-container {\r\n flex-grow: 1;\r\n display: flex;\r\n justify-content: flex-end;\r\n margin-right: -40px; \/* Hace que la imagen sobresalga hasta el borde derecho *\/\r\n}\r\n\r\n.mockup-img {\r\n width: 100%;\r\n max-width: 520px; \/* Imagen m\u00e1s grande en pantallas de escritorio *\/\r\n height: auto;\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 object-fit: cover;\r\n}\r\n\r\n\/* Adaptabilidad para Pantallas Grandes de Escritorio *\/\r\n@media (min-width: 900px) {\r\n .card-proyecto {\r\n padding: 48px 48px 0 48px;\r\n }\r\n\r\n .mockup-container {\r\n margin-right: -48px;\r\n }\r\n}\r\n\r\n\/* Adaptabilidad a Celulares y Tablets peque\u00f1as *\/\r\n@media (max-width: 680px) {\r\n .card-proyecto {\r\n padding: 24px 24px 0 24px;\r\n }\r\n\r\n .card-footer {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .metrica-box {\r\n padding-bottom: 8px;\r\n max-width: 100%;\r\n }\r\n\r\n .mockup-container {\r\n margin-right: -24px;\r\n width: calc(100% + 24px);\r\n }\r\n\r\n .mockup-img {\r\n max-width: 100%;\r\n border-top-left-radius: 12px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1804d80 elementor-widget elementor-widget-html\" data-id=\"1804d80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"card-proyecto\">\r\n \r\n <div class=\"card-header\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/120x40\/ffffff\/000000?text=Global+Lynx\" alt=\"Logo Cliente\" class=\"cliente-logo\">\r\n \r\n \r\n <h3 class=\"proyecto-titulo\">Impulsando la generaci\u00f3n de leads en un sitio web optimizado<\/h3>\r\n <p class=\"proyecto-descripcion\">\r\n Reestructuraci\u00f3n integral de UX\/UI, SEO y conversi\u00f3n para transformar una plataforma sin rendimiento en un canal activo de leads.\r\n <\/p>\r\n\r\n \r\n <a href=\"\/proyecto-global-lynx\" class=\"btn-ver-mas\">\r\n Ver m\u00e1s <span class=\"flecha\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-footer\">\r\n <div class=\"metrica-box\">\r\n <span class=\"metrica-numero\">+300%<\/span>\r\n <span class=\"metrica-etiqueta\">adquisici\u00f3n de leads org\u00e1nicos<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"mockup-container\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x250\/1e293b\/ffffff?text=Mockup+Sitio+Web\" alt=\"Vista previa del proyecto\" class=\"mockup-img\">\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Contenedor Principal de la Tarjeta *\/\r\n.card-proyecto {\r\n background-color: #FFFFFF;\r\n border-radius: 16px;\r\n padding: 40px 40px 0 40px; \/* Padding adaptable *\/\r\n margin-bottom: 32px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n width: 100%; \/* Abarca todo el ancho disponible del contenedor de Elementor *\/\r\n max-width: 100%; \/* Eliminado el l\u00edmite fijo para fluidez total *\/\r\n box-sizing: border-box;\r\n font-family: montserrat;\r\n}\r\n\r\n\/* Logo del Cliente *\/\r\n.cliente-logo {\r\n max-height: 40px;\r\n width: auto;\r\n margin-bottom: 20px;\r\n object-fit: contain;\r\n}\r\n\r\n\/* T\u00edtulo Principal *\/\r\n.proyecto-titulo {\r\n color: #0B192C; \/* Color oscuro *\/\r\n font-size: clamp(22px, 2.5vw, 32px); \/* Escala suavemente entre 22px y 32px *\/\r\n font-weight: 700;\r\n line-height: 1.25;\r\n margin: 0 0 14px 0;\r\n font-family: montserrat;\r\n max-width: 850px;\r\n}\r\n\r\n\/* Descripci\u00f3n del Proyecto *\/\r\n.proyecto-descripcion {\r\n color: #475569;\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n line-height: 1.5;\r\n margin: 0 0 24px 0;\r\n max-width: 800px;\r\n}\r\n\r\n\/* Bot\u00f3n 'Ver m\u00e1s' *\/\r\n.btn-ver-mas {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: #26fecf; \/* Tu verde menta *\/\r\n color: #012828; \/* Texto oscuro *\/\r\n font-weight: 600;\r\n font-size: 16px;\r\n padding: 12px 20px;\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\/* Secci\u00f3n Inferior (M\u00e9trica + Foto) *\/\r\n.card-footer {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n margin-top: 32px;\r\n gap: 24px;\r\n width: 100%;\r\n}\r\n\r\n\/* Bloque de M\u00e9trica Destacada *\/\r\n.metrica-box {\r\n display: flex;\r\n flex-direction: column;\r\n padding-bottom: 40px; \/* Padding inferior alineado *\/\r\n max-width: 220px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.metrica-numero {\r\n color: #0B192C;\r\n font-size: clamp(28px, 3.2vw, 44px);\r\n font-weight: 800;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.metrica-etiqueta {\r\n color: #64748B;\r\n font-size: 13px;\r\n line-height: 1.35;\r\n}\r\n\r\n\/* Mockup \/ Imagen del Proyecto *\/\r\n.mockup-container {\r\n flex-grow: 1;\r\n display: flex;\r\n justify-content: flex-end;\r\n margin-right: -40px; \/* Hace que la imagen sobresalga hasta el borde derecho *\/\r\n}\r\n\r\n.mockup-img {\r\n width: 100%;\r\n max-width: 520px; \/* Imagen m\u00e1s grande en pantallas de escritorio *\/\r\n height: auto;\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 object-fit: cover;\r\n}\r\n\r\n\/* Adaptabilidad para Pantallas Grandes de Escritorio *\/\r\n@media (min-width: 900px) {\r\n .card-proyecto {\r\n padding: 48px 48px 0 48px;\r\n }\r\n\r\n .mockup-container {\r\n margin-right: -48px;\r\n }\r\n}\r\n\r\n\/* Adaptabilidad a Celulares y Tablets peque\u00f1as *\/\r\n@media (max-width: 680px) {\r\n .card-proyecto {\r\n padding: 24px 24px 0 24px;\r\n }\r\n\r\n .card-footer {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .metrica-box {\r\n padding-bottom: 8px;\r\n max-width: 100%;\r\n }\r\n\r\n .mockup-container {\r\n margin-right: -24px;\r\n width: calc(100% + 24px);\r\n }\r\n\r\n .mockup-img {\r\n max-width: 100%;\r\n border-top-left-radius: 12px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<button class=\"e-fccea43-37eef58 e-button-base\" data-interaction-id=\"fccea43\">\n\t\tM\u00e1s Proyectos <strong id=\"e-ms6uazsp-3io2yw9\">\u2192<\/strong>\n\t<\/button>\t\t\n<\/div>\n<section class=\"elementor-element elementor-element-f4b771f e-con e-atomic-element e-flexbox-base e-f4b771f-bccb4a7 \" data-id=\"f4b771f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f4b771f\">\n \t\t\t<h2 data-interaction-id=\"0252fea\" class=\"e-0252fea-80a1f78 e-heading-base\">Mi diferencial<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1c47f6 elementor-widget elementor-widget-html\" data-id=\"a1c47f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"diferencial-container\">\r\n\r\n \r\n <div class=\"diferencial-grid\">\r\n \r\n \r\n <div class=\"diferencial-card\">\r\n <div class=\"diferencial-icon-box\">\r\n \r\n \r\n \r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#20EAA2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line>\r\n <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"diferencial-content\">\r\n <span class=\"diferencial-etiqueta\">Experiencia Sectorial<\/span>\r\n <h3 class=\"diferencial-valor\">Tecnolog\u00edas de la Informaci\u00f3n, Servicios Financieros, Ciberseguridad<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"diferencial-card\">\r\n <div class=\"diferencial-icon-box\">\r\n \r\n \r\n \r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#20EAA2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\r\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"diferencial-content\">\r\n <span class=\"diferencial-etiqueta\">Complejidad de Producto<\/span>\r\n <h3 class=\"diferencial-valor\">Consultor\u00eda Especializada, B2B SaaS e Intangibles B2C<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"diferencial-card\">\r\n <div class=\"diferencial-icon-box\">\r\n \r\n \r\n \r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#20EAA2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline>\r\n <polyline points=\"17 6 23 6 23 12\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"diferencial-content\">\r\n <span class=\"diferencial-etiqueta\">Crecimiento Org\u00e1nico<\/span>\r\n <h3 class=\"diferencial-valor\">Estrategias que desarrollan canales de atracci\u00f3n sostenibles<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Contenedor Principal *\/\r\n.diferencial-container {\r\n width: 100%;\r\n box-sizing: border-box;\r\n font-family: montserrat;\r\n margin-bottom: 32px;\r\n}\r\n\r\n\/* T\u00edtulo 'Mi diferencial' *\/\r\n.diferencial-titulo {\r\n color: #FFFFFF;\r\n font-size: clamp(22px, 2.5vw, 32px);\r\n font-weight: 700;\r\n margin: 0 0 12px 0;\r\n line-height: 1.2;\r\n}\r\n\r\n\/* Disposici\u00f3n Vertical de Tarjetas *\/\r\n.diferencial-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n width: 100%;\r\n}\r\n\r\n\/* Tarjeta Individual *\/\r\n.diferencial-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(255, 255, 255, 0.3);\r\n border-radius: 12px;\r\n padding: 24px 28px;\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n.diferencial-card:hover {\r\n border-color: rgba(32, 234, 162, 0.4);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* Bloque contenedor del Icono (Placeholder) *\/\r\n.diferencial-icon-box {\r\n width: 56px;\r\n height: 56px;\r\n min-width: 56px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(32, 234, 162, 0.08);\r\n border-radius: 10px;\r\n padding: 10px;\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* Ajuste autom\u00e1tico para cualquier SVG o Imagen que cargues *\/\r\n.diferencial-icon-box svg,\r\n.diferencial-icon-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n}\r\n\r\n\/* Bloque de Textos *\/\r\n.diferencial-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n\/* Etiqueta \/ Subt\u00edtulo (Gris claro) *\/\r\n.diferencial-etiqueta {\r\n color: #94A3B8;\r\n font-size: clamp(13px, 1.1vw, 15px);\r\n font-weight: 400;\r\n letter-spacing: 0.2px;\r\n}\r\n\r\n\/* Valor \/ Descripci\u00f3n Principal (Blanco Negrita) *\/\r\n.diferencial-valor {\r\n color: #FFFFFF;\r\n font-size: clamp(15px, 1.3vw, 19px);\r\n font-weight: 700;\r\n line-height: 1.35;\r\n margin: 0;\r\n}\r\n\r\n\/* Adaptabilidad Responsiva para M\u00f3vil y Tablet peque\u00f1a *\/\r\n@media (max-width: 640px) {\r\n .diferencial-card {\r\n padding: 18px 20px;\r\n gap: 16px;\r\n align-items: flex-start; \/* Alinea arriba si el texto es largo *\/\r\n }\r\n\r\n .diferencial-icon-box {\r\n width: 46px;\r\n height: 46px;\r\n min-width: 46px;\r\n border-radius: 10px;\r\n padding: 8px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"e-7ccc63c-25355c1 e-paragraph-base\" data-interaction-id=\"7ccc63c\">M\u00e1s sobre mi trayectoria profesional \u2192<\/p>\n\t\t\n<\/section>\n<div class=\"elementor-element elementor-element-c549a3f e-con e-atomic-element e-flexbox-base e-c549a3f-45da956 \" data-id=\"c549a3f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c549a3f\">\n \t\t\t<h2 data-interaction-id=\"de7b9e2\" class=\"e-de7b9e2-17dbefa e-heading-base\">\u00bfQu\u00e9 dicen sobre m\u00ed?<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-30a529f elementor-widget elementor-widget-html\" data-id=\"30a529f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"testimonios-wrapper\">\r\n \r\n \r\n <div class=\"testimonios-carousel\" id=\"testimoniosCarousel\">\r\n \r\n \r\n <article class=\"testimonio-card\">\r\n <div class=\"testimonio-header\">\r\n \r\n <svg class=\"quote-icon\" viewBox=\"0 0 24 24\" fill=\"#26fecf\" aria-hidden=\"true\">\r\n <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\r\n <\/svg>\r\n\r\n \r\n <div class=\"stars-rating\" aria-label=\"Calificaci\u00f3n 5 de 5 estrellas\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <p class=\"testimonio-texto\">\r\n \u201cAlexis es un profesional muy talentoso y apasionado por el marketing, una persona bastante humana y resiliente, sin duda un <span class=\"highlight\">profesional invaluable<\/span> para cualquier equipo de trabajo donde se le involucre.\r\n <br><br>\r\n Cuenta con una alta iniciativa y colaboraci\u00f3n que aporta bastante al equipo como a la empresa para el logro de objetivos, experiencia en diferentes herramientas tecnol\u00f3gicas, generaci\u00f3n de contenidos, mejoras SEO, asimismo demuestra grandes <span class=\"highlight\">habilidades para analizar y comprender el negocio<\/span>.\u201d\r\n <\/p>\r\n\r\n \r\n <div class=\"testimonio-autor\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100\/3b0764\/ffffff?text=AM\" alt=\"Alfonso Maqueda\" class=\"autor-foto\">\r\n <div class=\"autor-info\">\r\n <h3 class=\"autor-nombre\">Alfonso Maqueda<\/h3>\r\n <span class=\"autor-cargo\">Marketing Lead en Global Lynx<\/span>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/www.linkedin.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"linkedin-link\" title=\"Ver perfil en LinkedIn\" aria-label=\"LinkedIn de Alfonso Maqueda\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\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 <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"testimonio-card\">\r\n <div class=\"testimonio-header\">\r\n \r\n <svg class=\"quote-icon\" viewBox=\"0 0 24 24\" fill=\"#26fecf\" aria-hidden=\"true\">\r\n <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\r\n <\/svg>\r\n\r\n \r\n <div class=\"stars-rating\" aria-label=\"Calificaci\u00f3n 5 de 5 estrellas\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <p class=\"testimonio-texto\">\r\n \u201cAlexis destaca por su <span class=\"highlight\">visi\u00f3n estrat\u00e9gica<\/span> y su enfoque integral en mercadotecnia y posicionamiento de marca.\r\n <br><br>\r\n Combina comprensi\u00f3n del mercado con una gran habilidad para traducir objetivos de negocio en campa\u00f1as efectivas, siempre sustentadas en datos y creatividad. Su capacidad para <span class=\"highlight\">conectar la estrategia comercial con la ejecuci\u00f3n t\u00e1ctica<\/span> lo convierte en un aliado clave para cualquier organizaci\u00f3n.\u201d\r\n <\/p>\r\n\r\n \r\n <div class=\"testimonio-autor\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100\/0284c7\/ffffff?text=AG\" alt=\"Alejandro God\u00ednez\" class=\"autor-foto\">\r\n <div class=\"autor-info\">\r\n <h3 class=\"autor-nombre\">Alejandro God\u00ednez<\/h3>\r\n <span class=\"autor-cargo\">L\u00edder Comercial en Global Lynx<\/span>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/www.linkedin.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"linkedin-link\" title=\"Ver perfil en LinkedIn\" aria-label=\"LinkedIn de Alejandro God\u00ednez\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\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 <\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"testimonio-card\">\r\n <div class=\"testimonio-header\">\r\n \r\n <svg class=\"quote-icon\" viewBox=\"0 0 24 24\" fill=\"#26fecf\" aria-hidden=\"true\">\r\n <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\r\n <\/svg>\r\n\r\n \r\n <div class=\"stars-rating\" aria-label=\"Calificaci\u00f3n 5 de 5 estrellas\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <p class=\"testimonio-texto\">\r\n \u201cRecomiendo a Alexis que siempre fue un profesional trabajador, <span class=\"highlight\">responsable<\/span> y honesto durante los dos a\u00f1os que estuvo bajo mi supervisi\u00f3n en PALO IT.\r\n <br><br>\r\n Durante este tiempo, Alexis demostr\u00f3 tener <span class=\"highlight\">\u00e1nimo de superaci\u00f3n<\/span> constante.\u201d\r\n <\/p>\r\n\r\n \r\n <div class=\"testimonio-autor\">\r\n <img decoding=\"async\" src=\"URL_DE_LA_FOTO_AQU\u00cd\" alt=\"Nombre del Autor\" class=\"autor-foto\">\r\n <div class=\"autor-info\">\r\n <h3 class=\"autor-nombre\">Lola Ria\u00f1o<\/h3>\r\n <span class=\"autor-cargo\">Global Growth Marketing Lead en PALO IT<\/span>\r\n <\/div>\r\n \r\n <a href=\"URL_LINKEDIN_AQU\u00cd\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"linkedin-link\" title=\"Ver perfil en LinkedIn\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\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 <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"testimonios-controles\">\r\n <button class=\"control-btn\" id=\"prevBtn\" aria-label=\"Testimonio anterior\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <div class=\"dots-container\" id=\"dotsContainer\"><\/div>\r\n <button class=\"control-btn\" id=\"nextBtn\" aria-label=\"Siguiente testimonio\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.testimonios-wrapper {\r\n width: 100%;\r\n box-sizing: border-box;\r\n position: relative;\r\n font-family: montserrat;\r\n margin-bottom: 24px;\r\n}\r\n\r\n\/* Track deslizable fluido (Scroll Snap nativo s\u00faper suave) *\/\r\n.testimonios-carousel {\r\n display: flex;\r\n gap: 20px;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n scroll-behavior: smooth;\r\n padding-bottom: 8px;\r\n -webkit-overflow-scrolling: touch;\r\n scrollbar-width: none; \/* Oculta scrollbar en Firefox *\/\r\n}\r\n\r\n.testimonios-carousel::-webkit-scrollbar {\r\n display: none; \/* Oculta scrollbar en Chrome\/Safari *\/\r\n}\r\n\r\n\/* Tarjeta de Testimonio (Estructura Est\u00e1tica, SIN HOVER) *\/\r\n.testimonio-card {\r\n flex: 0 0 calc(50% - 10px); \/* Ocupa la mitad en PC para ver 2 tarjetas paralelas *\/\r\n min-width: 320px;\r\n scroll-snap-align: start;\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(255, 255, 255, 0.12);\r\n border-radius: 20px;\r\n padding: 28px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n\/* Cabecera interna: Comillas y Estrellas *\/\r\n.testimonio-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.quote-icon {\r\n width: 32px;\r\n height: 32px;\r\n opacity: 0.9;\r\n}\r\n\r\n.stars-rating {\r\n color: #26fecf;\r\n font-size: 16px;\r\n letter-spacing: 2px;\r\n}\r\n\r\n\/* Texto del Testimonio *\/\r\n.testimonio-texto {\r\n color: #FFFFFF;\r\n font-size: clamp(14px, 1.1vw, 15px);\r\n line-height: 1.6;\r\n margin: 0 0 24px 0;\r\n font-weight: 400;\r\n}\r\n\r\n.testimonio-texto .highlight {\r\n color: #26fecf;\r\n font-weight: 600;\r\n}\r\n\r\n\/* Pie de la tarjeta: Autor *\/\r\n.testimonio-autor {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n padding-top: 16px;\r\n margin-top: auto;\r\n}\r\n\r\n.autor-foto {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n border: 2px solid rgba(32, 234, 162, 0.4);\r\n}\r\n\r\n.autor-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n flex-grow: 1;\r\n}\r\n\r\n.autor-nombre {\r\n color: #FFFFFF;\r\n font-size: 14px;\r\n font-weight: 600;\r\n margin: 0;\r\n line-height: 1.2;\r\n}\r\n\r\n.autor-cargo {\r\n color: #94A3B8;\r\n font-size: 13px;\r\n font-weight: 400;\r\n}\r\n\r\n\/* Bot\u00f3n de LinkedIn discreto *\/\r\n.linkedin-link {\r\n color: #94A3B8;\r\n width: 24px;\r\n height: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: color 0.2s ease;\r\n flex-shrink: 0;\r\n}\r\n\r\n.linkedin-link:hover {\r\n color: #26fecf;\r\n}\r\n\r\n.linkedin-link svg {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n\/* Controles del Carrusel *\/\r\n.testimonios-controles {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.control-btn {\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n color: #26fecf;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: background 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n.control-btn:hover {\r\n background: rgba(32, 234, 162, 0.15);\r\n border-color: #26fecf;\r\n}\r\n\r\n.control-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n\/* Puntos de navegaci\u00f3n (Dots) *\/\r\n.dots-container {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.2);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.dot.active {\r\n background: #26fecf;\r\n width: 24px;\r\n border-radius: 12px;\r\n}\r\n\r\n\/* Adaptaci\u00f3n para Celulares (<768px) *\/\r\n@media (max-width: 768px) {\r\n .testimonio-card {\r\n flex: 0 0 88%; \/* En celular deja asomar la siguiente tarjeta para invitar al swipe *\/\r\n padding: 20px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const carousel = document.getElementById('testimoniosCarousel');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const dotsContainer = document.getElementById('dotsContainer');\r\n \r\n if (!carousel || !prevBtn || !nextBtn) return;\r\n\r\n const cards = carousel.querySelectorAll('.testimonio-card');\r\n const totalCards = cards.length;\r\n\r\n \/\/ Crear dots din\u00e1micamente seg\u00fan el n\u00famero de tarjetas\r\n cards.forEach((_, index) => {\r\n const dot = document.createElement('div');\r\n dot.classList.add('dot');\r\n if (index === 0) dot.classList.add('active');\r\n dot.addEventListener('click', () => {\r\n const cardWidth = cards[0].offsetWidth + 20;\r\n carousel.scrollTo({ left: cardWidth * index, behavior: 'smooth' });\r\n });\r\n dotsContainer.appendChild(dot);\r\n });\r\n\r\n const dots = dotsContainer.querySelectorAll('.dot');\r\n\r\n \/\/ Actualizar dot activo al hacer scroll\r\n carousel.addEventListener('scroll', () => {\r\n const cardWidth = cards[0].offsetWidth + 20;\r\n const activeIndex = Math.round(carousel.scrollLeft \/ cardWidth);\r\n dots.forEach((dot, idx) => {\r\n dot.classList.toggle('active', idx === activeIndex);\r\n });\r\n });\r\n\r\n \/\/ Eventos de flechas\r\n nextBtn.addEventListener('click', () => {\r\n const cardWidth = cards[0].offsetWidth + 20;\r\n carousel.scrollBy({ left: cardWidth, behavior: 'smooth' });\r\n });\r\n\r\n prevBtn.addEventListener('click', () => {\r\n const cardWidth = cards[0].offsetWidth + 20;\r\n carousel.scrollBy({ left: -cardWidth, behavior: 'smooth' });\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3d9f181 e-con e-atomic-element e-flexbox-base e-3d9f181-585a8d0 \" data-id=\"3d9f181\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3d9f181\">\n \t\t\t<h2 data-interaction-id=\"03c6f83\" class=\"e-03c6f83-55f225b e-heading-base\">Llevemos tus estrategias\u2028de negocio al siguiente nivel<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-023e05c elementor-widget elementor-widget-html\" data-id=\"023e05c\" 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=\"\/contacto\" 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\" 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=\"\/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>\n\t\t","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) Disponible para nuevas oportunidades Acelerando tu Negocio con Marketing Estrat\u00e9gico M\u00e1s de 5 a\u00f1os de experiencia en estrategia de Contenidos, Inbound Marketing y Posicionamiento de Marca que impulsan la generaci\u00f3n de demanda. Descargar […]<\/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-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/20","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=20"}],"version-history":[{"count":37,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":80,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/20\/revisions\/80"}],"wp:attachment":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}