Men\u00fa de Navegaci\u00f3n Personalizado<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background-color: #011c1a;\r\n font-family: 'Montserrat', sans-serif;\r\n min-height: 100vh;\r\n }\r\n\r\n .custom-navbar {\r\n width: 100%;\r\n background-color: #012828;\r\n padding: 14px 20px;\r\n position: sticky;\r\n top: 0;\r\n z-index: 9999;\r\n box-sizing: border-box;\r\n }\r\n\r\n .nav-container {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n margin-right: auto;\r\n padding-left: 0;\r\n }\r\n \r\n.nav-logo-img {\r\n height: 80px !important; \/* Altura forzada (aj\u00fastala a tu gusto) *\/\r\n max-height: 80px !important; \/* Evita que el tema la estire *\/\r\n width: auto !important;\r\n max-width: 100% !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n transition: opacity 0.2s ease;\r\n }\r\n\r\n .nav-logo:hover .nav-logo-img {\r\n opacity: 0.85;\r\n }\r\n\r\n .desktop-nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 28px;\r\n }\r\n\r\n .nav-item {\r\n color: #CBD5E1;\r\n text-decoration: none;\r\n font-size: 16px;\r\n font-weight: 600;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n .nav-item:hover {\r\n color: #26fecf;\r\n }\r\n\r\n .btn-cv-header {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: #26fecf;\r\n color: #041C1A;\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 10px 22px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n transition: all 0.25s ease;\r\n border: none;\r\n box-shadow: none;\r\n }\r\n\r\n .btn-cv-header:hover {\r\n background-color: #28E6BD;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .icon-download {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .lang-badge {\r\n color: #94A3B8;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n letter-spacing: 0.5px;\r\n padding: 4px 8px;\r\n transition: color 0.2s ease;\r\n opacity: 0.8;\r\n }\r\n\r\n .lang-badge:hover {\r\n color: #FFFFFF;\r\n opacity: 1;\r\n }\r\n\r\n .mobile-hamburger, .mobile-drawer {\r\n display: none;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .desktop-nav {\r\n display: none;\r\n }\r\n\r\n .mobile-hamburger {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 5px;\r\n position: fixed;\r\n top: 14px;\r\n right: 16px;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background-color: #041C1A;\r\n border: 1px solid rgba(32, 234, 162, 0.5);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);\r\n cursor: pointer;\r\n z-index: 10000;\r\n transition: background-color 0.3s ease, border-color 0.3s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n outline: none;\r\n }\r\n\r\n .mobile-hamburger .bar {\r\n width: 18px;\r\n height: 2px;\r\n background-color: #26fecf;\r\n border-radius: 2px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .mobile-hamburger.is-active {\r\n background-color: #26fecf;\r\n }\r\n\r\n .mobile-hamburger.is-active .bar {\r\n background-color: #041C1A;\r\n }\r\n\r\n .mobile-hamburger.is-active .bar:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg);\r\n }\r\n\r\n .mobile-hamburger.is-active .bar:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .mobile-hamburger.is-active .bar:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg);\r\n }\r\n\r\n .mobile-drawer {\r\n display: flex;\r\n position: fixed;\r\n top: 68px;\r\n right: 16px;\r\n width: calc(100% - 32px);\r\n max-width: 300px;\r\n background: rgba(4, 28, 26, 0.97);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(32, 234, 162, 0.2);\r\n border-radius: 20px;\r\n padding: 20px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n z-index: 9999;\r\n opacity: 0;\r\n visibility: hidden;\r\n pointer-events: none;\r\n transform: translateY(-10px) scale(0.95);\r\n transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;\r\n will-change: opacity, transform;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-drawer.is-open {\r\n opacity: 1;\r\n visibility: visible;\r\n pointer-events: auto;\r\n transform: translateY(0) scale(1);\r\n }\r\n\r\n .mobile-nav-list {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n gap: 12px;\r\n }\r\n\r\n .mobile-nav-item {\r\n color: #FFFFFF;\r\n text-decoration: none;\r\n font-size: 16px;\r\n font-weight: 600;\r\n padding: 10px 12px;\r\n border-radius: 10px;\r\n transition: background 0.2s ease, color 0.2s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-nav-item:hover {\r\n background: rgba(32, 234, 162, 0.1);\r\n color: #26fecf;\r\n }\r\n\r\n .mobile-btn-cv {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background-color: #26fecf;\r\n color: #041C1A;\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 12px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n margin-top: 6px;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-lang-badge {\r\n color: #94A3B8;\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-align: center;\r\n padding: 8px;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header class=\"custom-navbar\">\r\n <div class=\"nav-container\">\r\n <a href=\"\/en\/\" class=\"nav-logo\" aria-label=\"Ir a Inicio\">\r\n <img decoding=\"async\" src=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Logo-Alexis-Ochoa-scaled.webp\" alt=\"Alexis Ochoa\" class=\"nav-logo-img\">\r\n <\/a>\r\n\r\n <nav class=\"desktop-nav\">\r\n <a href=\"\/en\/\" class=\"nav-item\">Inicio<\/a>\r\n <a href=\"\/en\/sobre-mi\/\" class=\"nav-item\">Sobre m\u00ed<\/a>\r\n <a href=\"\/en\/proyectos\/\" class=\"nav-item\">Proyectos<\/a>\r\n <a href=\"\/en\/contacto\/\" class=\"nav-item\">Contacto<\/a>\r\n\r\n <a href=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/CV_AlexisOchoa_Marketing-Professional.pdf\" target=\"_blank\" download class=\"btn-cv-header\">\r\n <span>Descargar CV<\/span>\r\n <svg class=\"icon-download\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a href=\"\/en\" class=\"lang-badge\" title=\"Cambiar a versi\u00f3n en Ingl\u00e9s\">EN<\/a>\r\n <\/nav>\r\n\r\n <button class=\"mobile-hamburger\" id=\"hamburgerBtn\" aria-label=\"Abrir men\u00fa de navegaci\u00f3n\">\r\n <span class=\"bar\"><\/span>\r\n <span class=\"bar\"><\/span>\r\n <span class=\"bar\"><\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"mobile-drawer\" id=\"mobileMenu\">\r\n <nav class=\"mobile-nav-list\">\r\n <a href=\"\/en\/\" class=\"mobile-nav-item\">Inicio<\/a>\r\n <a href=\"\/en\/sobre-mi\/\" class=\"mobile-nav-item\">Sobre m\u00ed<\/a>\r\n <a href=\"\/en\/proyectos\/\" class=\"mobile-nav-item\">Proyectos<\/a>\r\n <a href=\"\/en\/contacto\/\" class=\"mobile-nav-item\">Contacto<\/a>\r\n \r\n <a href=\"https:\/\/tusitio.com\/wp-content\/uploads\/tu-cv.pdf\" target=\"_blank\" download class=\"mobile-btn-cv\">\r\n <span>Descargar CV<\/span>\r\n <svg class=\"icon-download\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a href=\"\/en\" class=\"mobile-lang-badge\">\ud83c\uddfa\ud83c\uddf8 English (EN)<\/a>\r\n <\/nav>\r\n <\/div>\r\n<\/header>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const btn = document.getElementById('hamburgerBtn');\r\n const menu = document.getElementById('mobileMenu');\r\n\r\n if (btn && menu) {\r\n btn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n btn.classList.toggle('is-active');\r\n menu.classList.toggle('is-open');\r\n });\r\n\r\n document.addEventListener('click', function(e) {\r\n if (!menu.contains(e.target) && !btn.contains(e.target)) {\r\n btn.classList.remove('is-active');\r\n menu.classList.remove('is-open');\r\n }\r\n });\r\n\r\n const links = menu.querySelectorAll('a');\r\n links.forEach(link => {\r\n link.addEventListener('click', () => {\r\n btn.classList.remove('is-active');\r\n menu.classList.remove('is-open');\r\n });\r\n });\r\n }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/header>\n<div class=\"elementor-element elementor-element-69a0111a e-con e-atomic-element e-flexbox-base e-69a0111a-4ffcf8b\" data-id=\"69a0111a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"69a0111a\">\n \t\t\t<h2 data-interaction-id=\"7d791e28\" class=\"e-7d791e28-04032bd e-heading-base\">Cont\u00e1ctame para nuevas oportunidades o simplemente para saludar<\/h2>\n\t\t\t\t\t<p class=\"e-d53f6d8-f40f50e e-paragraph-base\" data-interaction-id=\"d53f6d8\">Siempre estoy abierto a colaborar y me encantar\u00eda <strong id=\"e-mt9sx4ay-rxuyv4p\">conocer tu proyecto<\/strong>.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a6df284 elementor-widget elementor-widget-html\" data-id=\"6a6df284\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cta-footer-wrapper\">\r\n \r\n \r\n <div class=\"cta-buttons-container\">\r\n \r\n \r\n \r\n <a href=\"mailto:contact@alexis-ochoa.com\" class=\"btn-cta-primary\">\r\n <span>Escr\u00edbeme<\/span>\r\n <span class=\"btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n \r\n \r\n <a href=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/CV_AlexisOchoa_Marketing-Professional.pdf\" target=\"_blank\" download class=\"btn-cta-secondary\">\r\n \r\n <svg class=\"download-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\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 <span>Descargar CV<\/span>\r\n <span class=\"btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/www.linkedin.com\/in\/lrc-alexisochoa\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-cta-secondary\">\r\n \r\n <svg class=\"linkedin-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.28 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.75M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"\/>\r\n <\/svg>\r\n <span>Conecta conmigo<\/span>\r\n <span class=\"btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <footer class=\"footer-legal-bar\">\r\n <p class=\"copyright-text\">\r\n \u00a9 2026 Todos los derechos reservados. Desarrollado por Alexis Ochoa.\r\n <\/p>\r\n \r\n <a href=\"\/en\/politica-de-privacidad\/\" class=\"privacy-link\">\r\n Pol\u00edtica de Privacidad\r\n <\/a>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* Contenedor Principal *\/\r\n.cta-footer-wrapper {\r\n width: 100%;\r\n box-sizing: border-box;\r\n font-family: inherit;\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: #041C1A; \/* 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\/* Iconos de LinkedIn y Descarga en Botones Secundarios *\/\r\n.linkedin-icon,\r\n.download-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 los 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: #20EAA2;\r\n}\r\n\r\n\/* Adaptabilidad a Celulares y Tablets *\/\r\n@media (max-width: 640px) {\r\n .cta-buttons-container {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btn-cta-primary,\r\n .btn-cta-secondary {\r\n width: 100%;\r\n max-width: 280px;\r\n font-size: 15px;\r\n padding: 12px 20px;\r\n }\r\n\r\n .footer-legal-bar {\r\n flex-direction: column;\r\n gap: 12px;\r\n text-align: center;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Men\u00fa de Navegaci\u00f3n Personalizado Inicio Sobre m\u00ed Proyectos Contacto Descargar CV EN Inicio Sobre m\u00ed Proyectos Contacto Descargar CV 🇺🇸 English (EN) Cont\u00e1ctame para nuevas oportunidades o simplemente para saludar Siempre estoy abierto a colaborar y me encantar\u00eda conocer tu proyecto. Escr\u00edbeme \u2192 Descargar CV \u2192 Conecta conmigo \u2192 \u00a9 2026 Todos los derechos reservados. […]<\/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-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/27","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=27"}],"version-history":[{"count":61,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":693,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions\/693"}],"wp:attachment":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n \r\n \r\n Men\u00fa de Navegaci\u00f3n Personalizado<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background-color: #011c1a;\r\n font-family: 'Montserrat', sans-serif;\r\n min-height: 100vh;\r\n }\r\n\r\n .custom-navbar {\r\n width: 100%;\r\n background-color: #012828;\r\n padding: 14px 20px;\r\n position: sticky;\r\n top: 0;\r\n z-index: 9999;\r\n box-sizing: border-box;\r\n }\r\n\r\n .nav-container {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n margin-right: auto;\r\n padding-left: 0;\r\n }\r\n \r\n.nav-logo-img {\r\n height: 80px !important; \/* Altura forzada (aj\u00fastala a tu gusto) *\/\r\n max-height: 80px !important; \/* Evita que el tema la estire *\/\r\n width: auto !important;\r\n max-width: 100% !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n transition: opacity 0.2s ease;\r\n }\r\n\r\n .nav-logo:hover .nav-logo-img {\r\n opacity: 0.85;\r\n }\r\n\r\n .desktop-nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 28px;\r\n }\r\n\r\n .nav-item {\r\n color: #CBD5E1;\r\n text-decoration: none;\r\n font-size: 16px;\r\n font-weight: 600;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n .nav-item:hover {\r\n color: #26fecf;\r\n }\r\n\r\n .btn-cv-header {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: #26fecf;\r\n color: #041C1A;\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 10px 22px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n transition: all 0.25s ease;\r\n border: none;\r\n box-shadow: none;\r\n }\r\n\r\n .btn-cv-header:hover {\r\n background-color: #28E6BD;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .icon-download {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .lang-badge {\r\n color: #94A3B8;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n letter-spacing: 0.5px;\r\n padding: 4px 8px;\r\n transition: color 0.2s ease;\r\n opacity: 0.8;\r\n }\r\n\r\n .lang-badge:hover {\r\n color: #FFFFFF;\r\n opacity: 1;\r\n }\r\n\r\n .mobile-hamburger, .mobile-drawer {\r\n display: none;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .desktop-nav {\r\n display: none;\r\n }\r\n\r\n .mobile-hamburger {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 5px;\r\n position: fixed;\r\n top: 14px;\r\n right: 16px;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background-color: #041C1A;\r\n border: 1px solid rgba(32, 234, 162, 0.5);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);\r\n cursor: pointer;\r\n z-index: 10000;\r\n transition: background-color 0.3s ease, border-color 0.3s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n outline: none;\r\n }\r\n\r\n .mobile-hamburger .bar {\r\n width: 18px;\r\n height: 2px;\r\n background-color: #26fecf;\r\n border-radius: 2px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .mobile-hamburger.is-active {\r\n background-color: #26fecf;\r\n }\r\n\r\n .mobile-hamburger.is-active .bar {\r\n background-color: #041C1A;\r\n }\r\n\r\n .mobile-hamburger.is-active .bar:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg);\r\n }\r\n\r\n .mobile-hamburger.is-active .bar:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .mobile-hamburger.is-active .bar:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg);\r\n }\r\n\r\n .mobile-drawer {\r\n display: flex;\r\n position: fixed;\r\n top: 68px;\r\n right: 16px;\r\n width: calc(100% - 32px);\r\n max-width: 300px;\r\n background: rgba(4, 28, 26, 0.97);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(32, 234, 162, 0.2);\r\n border-radius: 20px;\r\n padding: 20px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n z-index: 9999;\r\n opacity: 0;\r\n visibility: hidden;\r\n pointer-events: none;\r\n transform: translateY(-10px) scale(0.95);\r\n transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;\r\n will-change: opacity, transform;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-drawer.is-open {\r\n opacity: 1;\r\n visibility: visible;\r\n pointer-events: auto;\r\n transform: translateY(0) scale(1);\r\n }\r\n\r\n .mobile-nav-list {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n gap: 12px;\r\n }\r\n\r\n .mobile-nav-item {\r\n color: #FFFFFF;\r\n text-decoration: none;\r\n font-size: 16px;\r\n font-weight: 600;\r\n padding: 10px 12px;\r\n border-radius: 10px;\r\n transition: background 0.2s ease, color 0.2s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-nav-item:hover {\r\n background: rgba(32, 234, 162, 0.1);\r\n color: #26fecf;\r\n }\r\n\r\n .mobile-btn-cv {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background-color: #26fecf;\r\n color: #041C1A;\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 12px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n margin-top: 6px;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-lang-badge {\r\n color: #94A3B8;\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-align: center;\r\n padding: 8px;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header class=\"custom-navbar\">\r\n <div class=\"nav-container\">\r\n <a href=\"\/en\/\" class=\"nav-logo\" aria-label=\"Ir a Inicio\">\r\n <img decoding=\"async\" src=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/Logo-Alexis-Ochoa-scaled.webp\" alt=\"Alexis Ochoa\" class=\"nav-logo-img\">\r\n <\/a>\r\n\r\n <nav class=\"desktop-nav\">\r\n <a href=\"\/en\/\" class=\"nav-item\">Inicio<\/a>\r\n <a href=\"\/en\/sobre-mi\/\" class=\"nav-item\">Sobre m\u00ed<\/a>\r\n <a href=\"\/en\/proyectos\/\" class=\"nav-item\">Proyectos<\/a>\r\n <a href=\"\/en\/contacto\/\" class=\"nav-item\">Contacto<\/a>\r\n\r\n <a href=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/CV_AlexisOchoa_Marketing-Professional.pdf\" target=\"_blank\" download class=\"btn-cv-header\">\r\n <span>Descargar CV<\/span>\r\n <svg class=\"icon-download\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a href=\"\/en\" class=\"lang-badge\" title=\"Cambiar a versi\u00f3n en Ingl\u00e9s\">EN<\/a>\r\n <\/nav>\r\n\r\n <button class=\"mobile-hamburger\" id=\"hamburgerBtn\" aria-label=\"Abrir men\u00fa de navegaci\u00f3n\">\r\n <span class=\"bar\"><\/span>\r\n <span class=\"bar\"><\/span>\r\n <span class=\"bar\"><\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"mobile-drawer\" id=\"mobileMenu\">\r\n <nav class=\"mobile-nav-list\">\r\n <a href=\"\/en\/\" class=\"mobile-nav-item\">Inicio<\/a>\r\n <a href=\"\/en\/sobre-mi\/\" class=\"mobile-nav-item\">Sobre m\u00ed<\/a>\r\n <a href=\"\/en\/proyectos\/\" class=\"mobile-nav-item\">Proyectos<\/a>\r\n <a href=\"\/en\/contacto\/\" class=\"mobile-nav-item\">Contacto<\/a>\r\n \r\n <a href=\"https:\/\/tusitio.com\/wp-content\/uploads\/tu-cv.pdf\" target=\"_blank\" download class=\"mobile-btn-cv\">\r\n <span>Descargar CV<\/span>\r\n <svg class=\"icon-download\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a href=\"\/en\" class=\"mobile-lang-badge\">\ud83c\uddfa\ud83c\uddf8 English (EN)<\/a>\r\n <\/nav>\r\n <\/div>\r\n<\/header>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const btn = document.getElementById('hamburgerBtn');\r\n const menu = document.getElementById('mobileMenu');\r\n\r\n if (btn && menu) {\r\n btn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n btn.classList.toggle('is-active');\r\n menu.classList.toggle('is-open');\r\n });\r\n\r\n document.addEventListener('click', function(e) {\r\n if (!menu.contains(e.target) && !btn.contains(e.target)) {\r\n btn.classList.remove('is-active');\r\n menu.classList.remove('is-open');\r\n }\r\n });\r\n\r\n const links = menu.querySelectorAll('a');\r\n links.forEach(link => {\r\n link.addEventListener('click', () => {\r\n btn.classList.remove('is-active');\r\n menu.classList.remove('is-open');\r\n });\r\n });\r\n }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/header>\n<div class=\"elementor-element elementor-element-69a0111a e-con e-atomic-element e-flexbox-base e-69a0111a-4ffcf8b\" data-id=\"69a0111a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"69a0111a\">\n \t\t\t<h2 data-interaction-id=\"7d791e28\" class=\"e-7d791e28-04032bd e-heading-base\">Cont\u00e1ctame para nuevas oportunidades o simplemente para saludar<\/h2>\n\t\t\t\t\t<p class=\"e-d53f6d8-f40f50e e-paragraph-base\" data-interaction-id=\"d53f6d8\">Siempre estoy abierto a colaborar y me encantar\u00eda <strong id=\"e-mt9sx4ay-rxuyv4p\">conocer tu proyecto<\/strong>.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a6df284 elementor-widget elementor-widget-html\" data-id=\"6a6df284\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cta-footer-wrapper\">\r\n \r\n \r\n <div class=\"cta-buttons-container\">\r\n \r\n \r\n \r\n <a href=\"mailto:contact@alexis-ochoa.com\" class=\"btn-cta-primary\">\r\n <span>Escr\u00edbeme<\/span>\r\n <span class=\"btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n \r\n \r\n <a href=\"https:\/\/alexis-ochoa.com\/wp-content\/uploads\/2026\/08\/CV_AlexisOchoa_Marketing-Professional.pdf\" target=\"_blank\" download class=\"btn-cta-secondary\">\r\n \r\n <svg class=\"download-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\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 <span>Descargar CV<\/span>\r\n <span class=\"btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/www.linkedin.com\/in\/lrc-alexisochoa\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-cta-secondary\">\r\n \r\n <svg class=\"linkedin-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.28 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.75M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"\/>\r\n <\/svg>\r\n <span>Conecta conmigo<\/span>\r\n <span class=\"btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <footer class=\"footer-legal-bar\">\r\n <p class=\"copyright-text\">\r\n \u00a9 2026 Todos los derechos reservados. Desarrollado por Alexis Ochoa.\r\n <\/p>\r\n \r\n <a href=\"\/en\/politica-de-privacidad\/\" class=\"privacy-link\">\r\n Pol\u00edtica de Privacidad\r\n <\/a>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* Contenedor Principal *\/\r\n.cta-footer-wrapper {\r\n width: 100%;\r\n box-sizing: border-box;\r\n font-family: inherit;\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: #041C1A; \/* 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\/* Iconos de LinkedIn y Descarga en Botones Secundarios *\/\r\n.linkedin-icon,\r\n.download-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 los 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: #20EAA2;\r\n}\r\n\r\n\/* Adaptabilidad a Celulares y Tablets *\/\r\n@media (max-width: 640px) {\r\n .cta-buttons-container {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btn-cta-primary,\r\n .btn-cta-secondary {\r\n width: 100%;\r\n max-width: 280px;\r\n font-size: 15px;\r\n padding: 12px 20px;\r\n }\r\n\r\n .footer-legal-bar {\r\n flex-direction: column;\r\n gap: 12px;\r\n text-align: center;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Men\u00fa de Navegaci\u00f3n Personalizado Inicio Sobre m\u00ed Proyectos Contacto Descargar CV EN Inicio Sobre m\u00ed Proyectos Contacto Descargar CV 🇺🇸 English (EN) Cont\u00e1ctame para nuevas oportunidades o simplemente para saludar Siempre estoy abierto a colaborar y me encantar\u00eda conocer tu proyecto. Escr\u00edbeme \u2192 Descargar CV \u2192 Conecta conmigo \u2192 \u00a9 2026 Todos los derechos reservados. […]<\/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-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/27","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=27"}],"version-history":[{"count":61,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":693,"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions\/693"}],"wp:attachment":[{"href":"https:\/\/alexis-ochoa.com\/en\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}