{"id":5524,"date":"2024-03-06T00:06:19","date_gmt":"2024-03-06T00:06:19","guid":{"rendered":"https:\/\/nlanub.com\/?page_id=5524"},"modified":"2026-06-24T22:42:53","modified_gmt":"2026-06-24T22:42:53","slug":"portafolio","status":"publish","type":"page","link":"https:\/\/nlanub.com\/en\/portafolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5524\" class=\"elementor elementor-5524\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7ca3e1 e-con-full e-flex e-con e-parent\" data-id=\"c7ca3e1\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;container_type&quot;:&quot;flex&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70600be elementor-widget elementor-widget-nlanub_portafolio_pro\" data-id=\"70600be\" data-element_type=\"widget\" data-widget_type=\"nlanub_portafolio_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n.nlanub-portfolio-pro-7102{\n    --np-max: 1200px;\n    --np-px: 28px;\n    --np-radius: 24px;\n    --np-bg: #020817;\n    --np-blue: #0A84FF;\n    --np-cyan: #00B7FF;\n    --np-light: #F4F8FF;\n    --np-shadow: 0 28px 80px rgba(0,55,155,0.35);\n    font-family:Inter, Arial, sans-serif;\n    font-size:16px;\n    color:#F7FBFF;\n    background:#020817;\n    overflow:hidden;\n    position:relative;\n}\n.nlanub-portfolio-pro-7102 *{box-sizing:border-box}\n.nlanub-portfolio-pro-7102 a{text-decoration:none}\n.nlanub-portfolio-pro-7102 img{max-width:100%;height:auto;display:block}\n.nlanub-portfolio-pro-7102 svg{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.nlanub-portfolio-pro-7102 .np-container{width:min(var(--np-max), calc(100% - (var(--np-px)*2)));margin:auto;position:relative;z-index:2}\n.nlanub-portfolio-pro-7102 .np-header{position:relative;z-index:10;background:rgba(2,8,23,.78);border-bottom:1px solid rgba(125,190,255,.15);backdrop-filter:blur(18px)}\n.nlanub-portfolio-pro-7102 .np-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}\n.nlanub-portfolio-pro-7102 .np-logo-link{display:inline-flex;align-items:center;color:#fff!important;line-height:1}\n.nlanub-portfolio-pro-7102 .np-logo-text{font-size:30px;font-weight:900;letter-spacing:.08em;line-height:1;color:#fff}\n.nlanub-portfolio-pro-7102 .np-logo-img{max-height:58px;object-fit:contain}\n.nlanub-portfolio-pro-7102 .np-nav{display:flex;align-items:center;gap:28px}\n.nlanub-portfolio-pro-7102 .np-nav a{color:#EAF4FF;font-size:14px;font-weight:800;opacity:.92}\n.nlanub-portfolio-pro-7102 .np-nav a:hover{color:var(--np-cyan)}\n.nlanub-portfolio-pro-7102 .np-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:16px 24px;border:1px solid rgba(110,190,255,.42);background:linear-gradient(135deg,var(--np-blue),#005DFF);color:#fff!important;font-weight:900;line-height:1;box-shadow:0 16px 38px rgba(10,132,255,.34);white-space:nowrap;cursor:pointer;transition:.2s ease}\n.nlanub-portfolio-pro-7102 .np-btn:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(0,183,255,.42)}\n.nlanub-portfolio-pro-7102 .np-btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);box-shadow:none;color:#F7FBFF!important}\n\n\/* HERO DIFERENTE *\/\n.nlanub-portfolio-pro-7102 .np-hero{position:relative;min-height:720px;padding:76px 0 84px;background:\n    radial-gradient(circle at 16% 18%, rgba(0,183,255,.20), transparent 28%),\n    radial-gradient(circle at 84% 18%, rgba(10,132,255,.20), transparent 30%),\n    linear-gradient(135deg,#020817 0%,#07162E 48%,#061A36 100%);\n}\n.nlanub-portfolio-pro-7102 .np-hero:before{content:\"\";position:absolute;inset:0;background-image:\n    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.03) 1px, transparent 1px);\n    background-size:58px 58px;mask-image:linear-gradient(180deg,#000,transparent 92%);opacity:.8}\n.nlanub-portfolio-pro-7102 .np-hero:after{content:\"\";position:absolute;left:50%;bottom:-160px;transform:translateX(-50%);width:1100px;height:320px;background:radial-gradient(ellipse,rgba(0,183,255,.22),transparent 70%)}\n.nlanub-portfolio-pro-7102 .np-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.92fr);gap:52px;align-items:center}\n.nlanub-portfolio-pro-7102 .np-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(125,190,255,.26);color:#EAF7FF;font-weight:900;box-shadow:0 0 28px rgba(0,183,255,.12)}\n.nlanub-portfolio-pro-7102 .np-badge span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--np-blue),#005DFF);color:#fff}\n.nlanub-portfolio-pro-7102 .np-title{margin:0;color:#fff;font-size:62px;line-height:1.02;letter-spacing:-.055em;font-weight:900;text-wrap:balance}\n.nlanub-portfolio-pro-7102 .np-title span,.nlanub-portfolio-pro-7102 .np-section-title span{color:var(--np-cyan)}\n.nlanub-portfolio-pro-7102 .np-desc{margin:24px 0 0;color:#D7E8FF;max-width:680px;line-height:1.75;font-size:1.05em}\n.nlanub-portfolio-pro-7102 .np-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}\n.nlanub-portfolio-pro-7102 .np-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}\n.nlanub-portfolio-pro-7102 .np-stat{border:1px solid rgba(125,190,255,.20);background:rgba(255,255,255,.06);border-radius:18px;padding:17px;backdrop-filter:blur(12px)}\n.nlanub-portfolio-pro-7102 .np-stat strong{display:block;color:#fff;font-size:25px;line-height:1;font-weight:900}\n.nlanub-portfolio-pro-7102 .np-stat span{display:block;color:#BFD3EE;font-size:12px;line-height:1.35;margin-top:8px;font-weight:700}\n.nlanub-portfolio-pro-7102 .np-showcase{position:relative;min-height:560px;perspective:1100px}\n.nlanub-portfolio-pro-7102 .np-device{position:absolute;border-radius:24px;background:#071a35;border:1px solid rgba(140,205,255,.35);box-shadow:0 35px 90px rgba(0,0,0,.42),0 0 50px rgba(0,132,255,.20);overflow:hidden}\n.nlanub-portfolio-pro-7102 .np-device-main{right:0;top:18px;width:82%;height:430px;transform:rotateY(-10deg) rotateX(4deg) rotateZ(1deg);z-index:3}\n.nlanub-portfolio-pro-7102 .np-device-side{left:0;bottom:34px;width:52%;height:320px;transform:rotateY(16deg) rotateX(4deg) rotateZ(-5deg);z-index:2;opacity:.95}\n.nlanub-portfolio-pro-7102 .np-device-top{left:22%;top:0;width:45%;height:110px;z-index:4;transform:rotateZ(-5deg);background:linear-gradient(135deg,rgba(0,183,255,.18),rgba(255,255,255,.08));padding:18px}\n.nlanub-portfolio-pro-7102 .np-device-bar{height:42px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.10);display:flex;align-items:center;gap:8px;padding:0 16px}\n.nlanub-portfolio-pro-7102 .np-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.28)}\n.nlanub-portfolio-pro-7102 .np-screen{height:calc(100% - 42px);background:\n    linear-gradient(135deg,rgba(0,183,255,.18),transparent 40%),\n    linear-gradient(180deg,#0B244C,#020817);padding:22px;display:flex;flex-direction:column;gap:14px}\n.nlanub-portfolio-pro-7102 .np-screen-line{height:14px;border-radius:999px;background:rgba(255,255,255,.18)}\n.nlanub-portfolio-pro-7102 .np-screen-line.w70{width:70%}.nlanub-portfolio-pro-7102 .np-screen-line.w45{width:45%}.nlanub-portfolio-pro-7102 .np-screen-line.w88{width:88%}\n.nlanub-portfolio-pro-7102 .np-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}\n.nlanub-portfolio-pro-7102 .np-screen-card{height:96px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10)}\n.nlanub-portfolio-pro-7102 .np-top-mini{display:flex;align-items:center;gap:12px;height:100%;color:#fff;font-weight:900}\n.nlanub-portfolio-pro-7102 .np-top-mini span{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--np-blue),#005DFF);display:grid;place-items:center;font-size:24px}\n.nlanub-portfolio-pro-7102 .np-float-card{position:absolute;right:8%;bottom:0;z-index:5;width:260px;border:1px solid rgba(125,190,255,.26);border-radius:22px;background:rgba(255,255,255,.09);backdrop-filter:blur(18px);padding:18px;color:#fff;box-shadow:0 24px 65px rgba(0,0,0,.30)}\n.nlanub-portfolio-pro-7102 .np-float-card strong{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--np-cyan)}\n.nlanub-portfolio-pro-7102 .np-float-card p{margin:8px 0 0;color:#D7E8FF;line-height:1.45;font-size:13px}\n\n\/* CLIENTES MARQUEE *\/\n.nlanub-portfolio-pro-7102 .np-clients{margin-top:-34px;position:relative;z-index:4}\n.nlanub-portfolio-pro-7102 .np-clients-box{border:1px solid rgba(125,190,255,.22);border-radius:24px;background:rgba(255,255,255,.08);backdrop-filter:blur(20px);box-shadow:var(--np-shadow);overflow:hidden}\n.nlanub-portfolio-pro-7102 .np-clients-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.08)}\n.nlanub-portfolio-pro-7102 .np-clients-head strong{color:#fff;font-size:18px}\n.nlanub-portfolio-pro-7102 .np-clients-head span{color:#BFD3EE;font-size:13px}\n.nlanub-portfolio-pro-7102 .np-client-track-wrap{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}\n.nlanub-portfolio-pro-7102 .np-client-track{display:flex;width:max-content;gap:16px;padding:20px 0;animation:npLogoMove 30s linear infinite}\n.nlanub-portfolio-pro-7102 .np-client-logo{width:178px;height:76px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:14px}\n.nlanub-portfolio-pro-7102 .np-client-logo img{max-height:46px;object-fit:contain}\n.nlanub-portfolio-pro-7102 .np-client-logo span{font-weight:900;color:#0A3A82;text-align:center}\n@keyframes npLogoMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n\n\/* PROYECTOS *\/\n.nlanub-portfolio-pro-7102 .np-projects-section{background:linear-gradient(180deg,#F4F8FF,#EAF2FF);color:#061225;padding:72px 0}\n.nlanub-portfolio-pro-7102 .np-section-title{margin:0;font-size:40px;line-height:1.1;letter-spacing:-.045em;font-weight:900;color:#061225}\n.nlanub-portfolio-pro-7102 .np-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;margin-bottom:28px}\n.nlanub-portfolio-pro-7102 .np-section-desc{margin:14px 0 0;color:#3E506D;line-height:1.6;max-width:680px}\n.nlanub-portfolio-pro-7102 .np-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}\n.nlanub-portfolio-pro-7102 .np-filter{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(10,92,210,.18);background:#fff;color:#0B2A59;border-radius:999px;padding:11px 15px;font-weight:900;font-size:13px;cursor:pointer;transition:.2s ease;box-shadow:0 8px 24px rgba(6,30,70,.08)}\n.nlanub-portfolio-pro-7102 .np-filter.is-active,.nlanub-portfolio-pro-7102 .np-filter:hover{background:#075BFF;color:#fff;border-color:#075BFF}\n.nlanub-portfolio-pro-7102 .np-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}\n.nlanub-portfolio-pro-7102 .np-project{position:relative;border:1px solid rgba(18,78,150,.14);border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(6,30,70,.14);overflow:hidden;transition:.24s ease}\n.nlanub-portfolio-pro-7102 .np-project:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(6,30,70,.18)}\n.nlanub-portfolio-pro-7102 .np-project.is-hidden{display:none}\n.nlanub-portfolio-pro-7102 .np-thumb{position:relative;height:250px;background:\n    radial-gradient(circle at 70% 20%,rgba(0,183,255,.22),transparent 30%),\n    linear-gradient(135deg,#061A36,#020817);overflow:hidden}\n.nlanub-portfolio-pro-7102 .np-thumb img{width:100%;height:100%;object-fit:cover}\n.nlanub-portfolio-pro-7102 .np-thumb-placeholder{height:100%;padding:20px;display:flex;flex-direction:column;gap:12px}\n.nlanub-portfolio-pro-7102 .np-placeholder-browser{height:36px;border-radius:12px;background:rgba(255,255,255,.10);display:flex;gap:7px;align-items:center;padding:0 12px}\n.nlanub-portfolio-pro-7102 .np-placeholder-browser span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.32)}\n.nlanub-portfolio-pro-7102 .np-placeholder-content{flex:1;border-radius:20px;background:\n    linear-gradient(90deg,rgba(255,255,255,.12) 0 40%,transparent 40% 100%),\n    radial-gradient(circle at 75% 34%,rgba(0,183,255,.35),transparent 27%),\n    rgba(255,255,255,.06);\n    border:1px solid rgba(255,255,255,.09)}\n.nlanub-portfolio-pro-7102 .np-client-badge{position:absolute;left:18px;top:18px;min-width:74px;height:48px;border-radius:14px;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.78);box-shadow:0 12px 35px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;padding:8px;z-index:2}\n.nlanub-portfolio-pro-7102 .np-client-badge img{max-height:30px;max-width:86px;object-fit:contain}\n.nlanub-portfolio-pro-7102 .np-client-badge span{font-size:12px;font-weight:900;color:#0A3A82;text-align:center;line-height:1}\n.nlanub-portfolio-pro-7102 .np-tag{position:absolute;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:9px 12px;background:rgba(2,8,23,.74);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:12px;font-weight:900}\n.nlanub-portfolio-pro-7102 .np-project-body{padding:22px}\n.nlanub-portfolio-pro-7102 .np-project h3{margin:0 0 9px;color:#061225;font-size:21px;line-height:1.14;letter-spacing:-.025em}\n.nlanub-portfolio-pro-7102 .np-project p{margin:0;color:#3E506D;line-height:1.58;font-size:14px}\n.nlanub-portfolio-pro-7102 .np-result{margin-top:16px;padding:13px 14px;border-radius:15px;background:#F2F7FF;border:1px solid rgba(10,92,210,.12);color:#0B2A59;font-size:13px;font-weight:800;line-height:1.4}\n.nlanub-portfolio-pro-7102 .np-project-foot{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid rgba(18,78,150,.10)}\n.nlanub-portfolio-pro-7102 .np-client-name{color:#0B2A59;font-weight:900;font-size:13px}\n.nlanub-portfolio-pro-7102 .np-link{display:inline-flex;align-items:center;gap:7px;color:#075BFF;font-weight:900;font-size:13px}\n\n\/* M\u00c9TODO Y CTA *\/\n.nlanub-portfolio-pro-7102 .np-method{background:#020817;padding:72px 0;color:#fff}\n.nlanub-portfolio-pro-7102 .np-method .np-section-title{color:#fff;text-align:center;margin-bottom:34px}\n.nlanub-portfolio-pro-7102 .np-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}\n.nlanub-portfolio-pro-7102 .np-method-card{border:1px solid rgba(125,190,255,.24);border-radius:22px;background:linear-gradient(180deg,rgba(9,35,78,.88),rgba(4,17,40,.96));box-shadow:0 22px 55px rgba(0,0,0,.26);padding:24px;text-align:center}\n.nlanub-portfolio-pro-7102 .np-method-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:linear-gradient(135deg,var(--np-blue),#005DFF);font-size:30px;box-shadow:0 0 30px rgba(0,132,255,.38)}\n.nlanub-portfolio-pro-7102 .np-method-card h3{margin:0 0 10px;font-size:18px;line-height:1.18}\n.nlanub-portfolio-pro-7102 .np-method-card p{margin:0;color:#B9C9E0;font-size:14px;line-height:1.55}\n.nlanub-portfolio-pro-7102 .np-cta{background:#020817;padding:0 0 42px}\n.nlanub-portfolio-pro-7102 .np-cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;border:1px solid rgba(72,170,255,.60);border-radius:var(--np-radius);background:\n    radial-gradient(circle at 16% 28%,rgba(0,183,255,.20),transparent 24%),\n    linear-gradient(135deg,rgba(7,29,66,.98),rgba(2,8,23,.98));box-shadow:0 0 42px rgba(0,132,255,.22),0 28px 80px rgba(0,0,0,.38);padding:34px}\n.nlanub-portfolio-pro-7102 .np-cta h2{margin:0 0 12px;font-size:38px;line-height:1.1;letter-spacing:-.04em;color:#fff}\n.nlanub-portfolio-pro-7102 .np-cta p{margin:0;color:#C9DAF3;line-height:1.62;max-width:760px}\n.nlanub-portfolio-pro-7102 .np-footer{background:#020817;border-top:1px solid rgba(126,184,255,.16);padding:22px 0;color:#DDEBFF}\n.nlanub-portfolio-pro-7102 .np-footer-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center}\n.nlanub-portfolio-pro-7102 .np-footer-desc{font-size:14px;color:#BFD3EE;line-height:1.45}\n.nlanub-portfolio-pro-7102 .np-footer-contact{display:grid;gap:7px;font-size:13px}\n.nlanub-portfolio-pro-7102 .np-footer-contact span{display:flex;align-items:center;gap:8px}\n.nlanub-portfolio-pro-7102 .np-floating-wa{position:fixed;right:22px;bottom:22px;z-index:999;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff!important;font-size:32px;box-shadow:0 14px 35px rgba(37,211,102,.4)}\n\n@media(max-width:1100px){\n    .nlanub-portfolio-pro-7102 .np-hero-grid{grid-template-columns:1fr}\n    .nlanub-portfolio-pro-7102 .np-showcase{min-height:460px}\n    .nlanub-portfolio-pro-7102 .np-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n    .nlanub-portfolio-pro-7102 .np-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n    .nlanub-portfolio-pro-7102 .np-cta-box{grid-template-columns:1fr}\n}\n@media(max-width:760px){\n    .nlanub-portfolio-pro-7102{--np-px:16px}\n    .nlanub-portfolio-pro-7102 .np-header-inner{min-height:68px}\n    .nlanub-portfolio-pro-7102 .np-logo-text{font-size:24px}\n    .nlanub-portfolio-pro-7102 .np-nav{display:none}\n    .nlanub-portfolio-pro-7102 .np-hero{min-height:auto;padding:48px 0 64px;text-align:center}\n    .nlanub-portfolio-pro-7102 .np-title{font-size:38px}\n    .nlanub-portfolio-pro-7102 .np-hero-actions{display:grid;grid-template-columns:1fr}\n    .nlanub-portfolio-pro-7102 .np-btn{width:100%;white-space:normal;text-align:center}\n    .nlanub-portfolio-pro-7102 .np-hero-stats{grid-template-columns:1fr}\n    .nlanub-portfolio-pro-7102 .np-showcase{min-height:360px;margin-top:12px}\n    .nlanub-portfolio-pro-7102 .np-device-main{width:92%;height:275px;right:4%;top:20px}\n    .nlanub-portfolio-pro-7102 .np-device-side{width:60%;height:210px;left:0;bottom:18px}\n    .nlanub-portfolio-pro-7102 .np-device-top{display:none}\n    .nlanub-portfolio-pro-7102 .np-float-card{width:220px;right:50%;transform:translateX(50%);bottom:0}\n    .nlanub-portfolio-pro-7102 .np-clients{margin-top:-20px}\n    .nlanub-portfolio-pro-7102 .np-clients-head{display:block;text-align:center;padding:18px}\n    .nlanub-portfolio-pro-7102 .np-client-logo{width:150px;height:68px}\n    .nlanub-portfolio-pro-7102 .np-section-head{grid-template-columns:1fr}\n    .nlanub-portfolio-pro-7102 .np-filters{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:6px}\n    .nlanub-portfolio-pro-7102 .np-filter{flex:0 0 auto}\n    .nlanub-portfolio-pro-7102 .np-grid{grid-template-columns:1fr}\n    .nlanub-portfolio-pro-7102 .np-thumb{height:230px}\n    .nlanub-portfolio-pro-7102 .np-method-grid{grid-template-columns:1fr}\n    .nlanub-portfolio-pro-7102 .np-cta-box{padding:24px 18px}\n    .nlanub-portfolio-pro-7102 .np-cta h2{font-size:30px}\n    .nlanub-portfolio-pro-7102 .np-footer-inner{grid-template-columns:1fr}\n    .nlanub-portfolio-pro-7102 .np-floating-wa{width:54px;height:54px;font-size:29px;right:15px;bottom:15px}\n}\n<\/style>\n\n<section class=\"nlanub-portfolio-pro-7102\">\n    <header class=\"np-header\">\n        <div class=\"np-container np-header-inner\">\n            <div><a class=\"np-logo-link\" href=\"https:\/\/nlanub.com\/en\/\" aria-label=\"NLANUB\"><img decoding=\"async\" class=\"np-logo-img\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2022\/06\/NlanuB-letra-blanca.png\" alt=\"NLANUB\" style=\"max-width:112px\"><\/a><\/div>\n            <nav class=\"np-nav\">\n                <a href=\"#proyectos\">Pages<\/a>\n                <a href=\"#proyectos\">Digital<\/a>\n                <a href=\"#proyectos\">Dashboards<\/a>\n                <a href=\"#contacto\">Contacto<\/a>\n            <\/nav>\n            <a class=\"np-btn\" href=\"https:\/\/wa.me\/573107485251?text=Hola%20NLANUB%2C%20quiero%20una%20asesor%C3%ADa%20para%20un%20proyecto%20digital\">\n                Quiero un proyecto as\u00ed                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>            <\/a>\n        <\/div>\n    <\/header>\n\n    <section class=\"np-hero\">\n        <div class=\"np-container np-hero-grid\">\n            <div>\n                <div class=\"np-badge\">\n                    <span><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2l1.7 5.3L19 9l-5.3 1.7L12 16l-1.7-5.3L5 9l5.3-1.7z\"\/><path d=\"M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z\"\/><\/svg><\/span>\n                    + de 5 a\u00f1os creando soluciones digitales                <\/div>\n                <h1 class=\"np-title\">\n                    Portafolio digital<br>\n                    <span>que demuestra resultados<\/span>\n                <\/h1>\n                <p class=\"np-desc\">Nuestros clientes reflejan el poder de nuestro trabajo. Conoce proyectos web, e-commerce, dise\u00f1o digital, mapas y dashboards desarrollados por NLANUB.<\/p>\n\n                <div class=\"np-hero-actions\">\n                    <a class=\"np-btn\" href=\"https:\/\/wa.me\/573107485251?text=Hola%20NLANUB%2C%20quiero%20una%20asesor%C3%ADa%20para%20un%20proyecto%20digital\">\n                        Quiero un proyecto as\u00ed                        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>                    <\/a>\n                    <a class=\"np-btn np-btn-ghost\" href=\"#proyectos\">\n                        Ver proyectos                        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 3H2l8 9.46V19l4 2v-8.54z\"\/><\/svg>                    <\/a>\n                <\/div>\n\n                <div class=\"np-hero-stats\">\n                    <div class=\"np-stat\"><strong>+5<\/strong><span>a\u00f1os de experiencia<\/span><\/div>\n                    <div class=\"np-stat\"><strong>Pages<\/strong><span>landing, corporativas y e-commerce<\/span><\/div>\n                    <div class=\"np-stat\"><strong>Datos<\/strong><span>dashboards y visualizaci\u00f3n<\/span><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"np-showcase\" aria-hidden=\"true\">\n                <div class=\"np-device np-device-main\">\n                    <div class=\"np-device-bar\"><span class=\"np-dot\"><\/span><span class=\"np-dot\"><\/span><span class=\"np-dot\"><\/span><\/div>\n                    <div class=\"np-screen\">\n                        <div class=\"np-screen-line w70\"><\/div>\n                        <div class=\"np-screen-line w45\"><\/div>\n                        <div class=\"np-screen-grid\">\n                            <div class=\"np-screen-card\"><\/div>\n                            <div class=\"np-screen-card\"><\/div>\n                            <div class=\"np-screen-card\"><\/div>\n                            <div class=\"np-screen-card\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"np-device np-device-side\">\n                    <div class=\"np-device-bar\"><span class=\"np-dot\"><\/span><span class=\"np-dot\"><\/span><span class=\"np-dot\"><\/span><\/div>\n                    <div class=\"np-screen\">\n                        <div class=\"np-screen-line w88\"><\/div>\n                        <div class=\"np-screen-line w70\"><\/div>\n                        <div class=\"np-screen-card\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"np-device np-device-top\">\n                    <div class=\"np-top-mini\">\n                        <span><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 20V10\"\/><path d=\"M10 20V4\"\/><path d=\"M16 20v-7\"\/><path d=\"M22 20H2\"\/><\/svg><\/span>\n                        <div>\n                            Proyecto digital<br>\n                            <small style=\"color:#BFD3EE;font-weight:700;\">Web \u00b7 Marca \u00b7 Datos<\/small>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"np-float-card\">\n                    <strong>Portafolio vivo<\/strong>\n                   \n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"np-clients\">\n        <div class=\"np-container\">\n            <div class=\"np-clients-box\">\n                <div class=\"np-clients-head\">\n                    <strong>Clientes y proyectos destacados<\/strong>\n                \n                <\/div>\n                <div class=\"np-client-track-wrap\">\n                    <div class=\"np-client-track\">\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Logo-Letra-azul-Gamma.png\" alt=\"C.S. GAMMA SAS\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2024\/03\/13.png\" alt=\"SEGSOLDA\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Borrador-logo-ahro.png\" alt=\"ARHO\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2024\/02\/Prime-Oficial-e1645969647621-1024x988-1.webp\" alt=\"Prime Cartagena\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/sertempco.png\" alt=\"SERTEMPCO\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2024\/03\/logo_acopi.png\" alt=\"ACOPI Atl\u00e1ntico\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/ranchria.jpg\" alt=\"Rancher\u00eda UTTA\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/innubac-nlanub.png\" alt=\"Innubac\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2024\/03\/ATLANTICO-LO-TIENE-TODO-LOGOS-A-ESCALA_Mesa-de-trabajo-1.png\" alt=\"Atl\u00e1ntico Respira\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/A_negro.png\" alt=\"Mecamac\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/LogoColor_AzulCeleste.png\" alt=\"Azul Celeste\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/Captura-de-pantalla-2025-03-13-a-las-13.03.30.png\" alt=\"Color Burguer\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/Procoquim.png\" alt=\"Procoquim\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/A_negro.png\" alt=\"Mecamac\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <span>Proyecto Agro<\/span>\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Logo-pez-total.png\" alt=\"Pez Total\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Logo-Letra-azul-Gamma.png\" alt=\"C.S. GAMMA SAS\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2024\/03\/13.png\" alt=\"SEGSOLDA\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Borrador-logo-ahro.png\" alt=\"ARHO\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2024\/02\/Prime-Oficial-e1645969647621-1024x988-1.webp\" alt=\"Prime Cartagena\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/sertempco.png\" alt=\"SERTEMPCO\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2024\/03\/logo_acopi.png\" alt=\"ACOPI Atl\u00e1ntico\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/ranchria.jpg\" alt=\"Rancher\u00eda UTTA\">\n                                                            <\/div>\n                                                    <div class=\"np-client-logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/innubac-nlanub.png\" alt=\"Innubac\">\n                                                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"np-projects-section\" id=\"proyectos\">\n        <div class=\"np-container\">\n            <div class=\"np-section-head\">\n                <div>\n                    <h2 class=\"np-section-title\">\n                        Proyectos destacados                        <span>NLANUB<\/span>\n                    <\/h2>\n                    <p class=\"np-section-desc\">Una selecci\u00f3n de trabajos que combinan dise\u00f1o, tecnolog\u00eda, estrategia y experiencia digital.<\/p>\n                <\/div>\n\n                <div class=\"np-filters\">\n                    <button class=\"np-filter is-active\" type=\"button\" data-filter=\"all\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 3H2l8 9.46V19l4 2v-8.54z\"\/><\/svg> Todos<\/button>\n                    <button class=\"np-filter\" type=\"button\" data-filter=\"landing\">Landing<\/button>\n                    <button class=\"np-filter\" type=\"button\" data-filter=\"corporativa\">Corporativas<\/button>\n                    <button class=\"np-filter\" type=\"button\" data-filter=\"ecommerce\">E-Commerce<\/button>\n                    <button class=\"np-filter\" type=\"button\" data-filter=\"branding\">Digital<\/button>\n                    <button class=\"np-filter\" type=\"button\" data-filter=\"dashboard\">Dashboard<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"np-grid\">\n                                    <article class=\"np-project\" data-category=\"landing\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Logo-Letra-azul-Gamma.png\" alt=\"C.S. GAMMA SAS\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-24-a-las-17.02.07.png\" alt=\"Landing Page - C.S. GAMMA SAS\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M8 20h8\"\/><path d=\"M12 18v2\"\/><path d=\"M3 9h18\"\/><\/svg>                                Landing Page                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Landing Page - C.S. GAMMA SAS<\/h3>\n                            <p>Landing page enfocada en presentar servicios, generar confianza y facilitar el contacto comercial.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Presencia digital clara y orientada a conversi\u00f3n.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">C.S. GAMMA SAS<\/span>\n                                                                    <a class=\"np-link\" href=\"https:\/\/csgammasas.co\" target=\"_blank\" rel=\"noopener\">\n                                        Visitar web <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 3h7v7\"\/><path d=\"M10 14 21 3\"\/><path d=\"M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5\"\/><\/svg>                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"landing\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2024\/03\/13.png\" alt=\"SEGSOLDA\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-24-a-las-17.04.38.png\" alt=\"Landing Page - SEGSOLDA\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M8 20h8\"\/><path d=\"M12 18v2\"\/><path d=\"M3 9h18\"\/><\/svg>                                Landing Page                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Landing Page - SEGSOLDA<\/h3>\n                            <p>P\u00e1gina de aterrizaje para comunicar servicios especializados y guiar al usuario hacia la acci\u00f3n.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Comunicaci\u00f3n comercial m\u00e1s profesional.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">SEGSOLDA<\/span>\n                                                                    <a class=\"np-link\" href=\"https:\/\/segsolda.com\" target=\"_blank\" rel=\"noopener\">\n                                        Visitar web <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 3h7v7\"\/><path d=\"M10 14 21 3\"\/><path d=\"M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5\"\/><\/svg>                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"landing\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Borrador-logo-ahro.png\" alt=\"ARHO\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-24-a-las-17.06.11.png\" alt=\"Landing Page - ARHO\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M8 20h8\"\/><path d=\"M12 18v2\"\/><path d=\"M3 9h18\"\/><\/svg>                                Landing Page                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Landing Page - ARHO<\/h3>\n                            <p>Dise\u00f1o web con estructura comercial para presentar propuesta de valor y captar oportunidades.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Mejor lectura del servicio y CTA visible.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">ARHO<\/span>\n                                                                    <a class=\"np-link\" href=\"https:\/\/arho.com.co\" target=\"_blank\" rel=\"noopener\">\n                                        Visitar web <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 3h7v7\"\/><path d=\"M10 14 21 3\"\/><path d=\"M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5\"\/><\/svg>                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"landing\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2024\/02\/Prime-Oficial-e1645969647621-1024x988-1.webp\" alt=\"Prime Cartagena\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/06\/Prime.png\" alt=\"Landing Page - Prime Cartagena\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M8 20h8\"\/><path d=\"M12 18v2\"\/><path d=\"M3 9h18\"\/><\/svg>                                Landing Page                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Landing Page - Prime Cartagena<\/h3>\n                            <p>Landing visual para proyecto inmobiliario\/tur\u00edstico con enfoque premium y llamada a contacto.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Experiencia visual premium para captaci\u00f3n.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">Prime Cartagena<\/span>\n                                                                    <a class=\"np-link\" href=\"https:\/\/primecartagena.com\" target=\"_blank\" rel=\"noopener\">\n                                        Visitar web <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 3h7v7\"\/><path d=\"M10 14 21 3\"\/><path d=\"M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5\"\/><\/svg>                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"corporativa\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/sertempco.png\" alt=\"SERTEMPCO\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-24-a-las-17.08.58.png\" alt=\"Web Page - SERTEMPCO\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M8 20h8\"\/><path d=\"M12 18v2\"\/><path d=\"M3 9h18\"\/><\/svg>                                P\u00e1gina corporativa                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Web Page - SERTEMPCO<\/h3>\n                            <p>P\u00e1gina corporativa para presentar la empresa, servicios, propuesta de valor y canales de contacto.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Sitio institucional m\u00e1s s\u00f3lido y claro.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">SERTEMPCO<\/span>\n                                                                    <a class=\"np-link\" href=\"https:\/\/www.sertempco.com\" target=\"_blank\" rel=\"noopener\">\n                                        Visitar web <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 3h7v7\"\/><path d=\"M10 14 21 3\"\/><path d=\"M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5\"\/><\/svg>                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"corporativa\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2024\/03\/logo_acopi.png\" alt=\"ACOPI Atl\u00e1ntico\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-24-a-las-17.11.31.png\" alt=\"Landing Page - ACOPIATLANTICO\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M8 20h8\"\/><path d=\"M12 18v2\"\/><path d=\"M3 9h18\"\/><\/svg>                                P\u00e1gina corporativa                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Landing Page - ACOPIATLANTICO<\/h3>\n                            <p>P\u00e1gina para comunicaci\u00f3n institucional, programas, convocatorias y visibilidad de iniciativas.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Mayor claridad institucional y navegaci\u00f3n.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">ACOPI Atl\u00e1ntico<\/span>\n                                                                    <a class=\"np-link\" href=\"https:\/\/www.acopiatlantico.com\" target=\"_blank\" rel=\"noopener\">\n                                        Visitar web <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 3h7v7\"\/><path d=\"M10 14 21 3\"\/><path d=\"M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5\"\/><\/svg>                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"ecommerce\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/ranchria.jpg\" alt=\"Rancher\u00eda UTTA\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/01\/Captura-de-pantalla-2025-01-23-a-las-15.51.11.png\" alt=\"Ecommerce - RANCHER\u00cdA UTTA\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h8.7a2 2 0 0 0 2-1.6L23 6H6\"\/><\/svg>                                E-Commerce                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Ecommerce - RANCHER\u00cdA UTTA<\/h3>\n                            <p>E-commerce para exhibir productos\/servicios, facilitar ventas y proyectar una marca m\u00e1s comercial.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Canal digital de ventas y cat\u00e1logo online.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">Rancher\u00eda UTTA<\/span>\n                                                                    <a class=\"np-link\" href=\"https:\/\/rancheriautta.com\" target=\"_blank\" rel=\"noopener\">\n                                        Visitar web <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 3h7v7\"\/><path d=\"M10 14 21 3\"\/><path d=\"M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5\"\/><\/svg>                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"ecommerce\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/innubac-nlanub.png\" alt=\"Innubac\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/06\/altantico.png\" alt=\"Landing Page - Innubac\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h8.7a2 2 0 0 0 2-1.6L23 6H6\"\/><\/svg>                                E-Commerce \/ Proyecto                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Landing Page - Innubac<\/h3>\n                            <p>P\u00e1gina de proyecto con estructura visual, presentaci\u00f3n de informaci\u00f3n y navegaci\u00f3n enfocada.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Proyecto digital con mejor presentaci\u00f3n.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">Innubac<\/span>\n                                                                    <a class=\"np-link\" href=\"https:\/\/proyectatmasfase2.com\" target=\"_blank\" rel=\"noopener\">\n                                        Visitar web <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 3h7v7\"\/><path d=\"M10 14 21 3\"\/><path d=\"M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5\"\/><\/svg>                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"mapas\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2024\/03\/ATLANTICO-LO-TIENE-TODO-LOGOS-A-ESCALA_Mesa-de-trabajo-1.png\" alt=\"Atl\u00e1ntico Respira\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Captura-de-pantalla-2026-06-24-a-las-17.37.19.png\" alt=\"P\u00e1gina de mapas - Atl\u00e1ntico Respira\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m9 18-6 3V6l6-3 6 3 6-3v15l-6 3z\"\/><path d=\"M9 3v15\"\/><path d=\"M15 6v15\"\/><\/svg>                                Mapas                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>P\u00e1gina de mapas - Atl\u00e1ntico Respira<\/h3>\n                            <p>P\u00e1gina interactiva de mapas para visualizar informaci\u00f3n territorial y facilitar consulta p\u00fablica.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Visualizaci\u00f3n geogr\u00e1fica accesible.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">Atl\u00e1ntico Respira<\/span>\n                                                                    <a class=\"np-link\" href=\"https:\/\/sandybrown-parrot-240537.hostingersite.com\" target=\"_blank\" rel=\"noopener\">\n                                        Visitar web <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 3h7v7\"\/><path d=\"M10 14 21 3\"\/><path d=\"M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5\"\/><\/svg>                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"manual\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/A_negro.png\" alt=\"Mecamac\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/01\/Captura-de-pantalla-2025-01-16-a-las-17.35.02.png\" alt=\"Manual de Marca - Mecamac\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg>                                Manual de marca                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Manual de Marca - Mecamac<\/h3>\n                            <p>Sistema de identidad visual con lineamientos gr\u00e1ficos para uso coherente de marca.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Marca m\u00e1s consistente y profesional.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">Mecamac<\/span>\n                                                                    <span class=\"np-link\">Proyecto visual<\/span>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"manual\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/LogoColor_AzulCeleste.png\" alt=\"Azul Celeste\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/Captura-de-pantalla-2025-03-13-a-las-12.55.55.png\" alt=\"Manual de Marca - Azul Celeste\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg>                                Manual de marca                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Manual de Marca - Azul Celeste<\/h3>\n                            <p>Manual visual para organizar colores, composici\u00f3n, aplicaciones y reglas de identidad.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Identidad visual ordenada.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">Azul Celeste<\/span>\n                                                                    <span class=\"np-link\">Proyecto visual<\/span>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"manual\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/Captura-de-pantalla-2025-03-13-a-las-13.03.30.png\" alt=\"Color Burguer\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/Captura-de-pantalla-2025-03-13-a-las-13.06.28.png\" alt=\"Manual de Marca - Color Burguer\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg>                                Manual de marca                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Manual de Marca - Color Burguer<\/h3>\n                            <p>Manual gr\u00e1fico para una marca gastron\u00f3mica con aplicaciones visuales y lineamientos.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Marca lista para comunicaci\u00f3n digital.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">Color Burguer<\/span>\n                                                                    <span class=\"np-link\">Proyecto visual<\/span>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"manual\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/Procoquim.png\" alt=\"Procoquim\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/Captura-de-pantalla-2025-03-13-a-las-12.48.49.png\" alt=\"Manual - Procoquim\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg>                                Manual de marca                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Manual - Procoquim<\/h3>\n                            <p>Construcci\u00f3n visual para fortalecer reconocimiento, coherencia y presentaci\u00f3n comercial.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Imagen de marca m\u00e1s profesional.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">Procoquim<\/span>\n                                                                    <span class=\"np-link\">Proyecto visual<\/span>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"portafolio\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/A_negro.png\" alt=\"Mecamac\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/Captura-de-pantalla-2025-03-13-a-las-14.39.28.png\" alt=\"Portafolio - Mecamac\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z\"\/><\/svg>                                Portfolio                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Portfolio - Mecamac<\/h3>\n                            <p>Portafolio digital para presentar soluciones, trabajos y capacidades de la marca.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Presentaci\u00f3n comercial m\u00e1s estructurada.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">Mecamac<\/span>\n                                                                    <a class=\"np-link\" href=\"https:\/\/peztotal.onrender.com\" target=\"_blank\" rel=\"noopener\">\n                                        Visitar web <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 3h7v7\"\/><path d=\"M10 14 21 3\"\/><path d=\"M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5\"\/><\/svg>                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"dashboard\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <span>Proyecto Agro<\/span>\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/Captura-de-pantalla-2025-03-13-a-las-14.23.50.png\" alt=\"Dashboard - Proyecto Agro\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 20V10\"\/><path d=\"M10 20V4\"\/><path d=\"M16 20v-7\"\/><path d=\"M22 20H2\"\/><\/svg>                                Dashboard                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Dashboard - Proyecto Agro<\/h3>\n                            <p>Tablero digital para visualizar datos, indicadores y comportamiento de informaci\u00f3n clave.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Datos m\u00e1s visibles para decisiones.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">Proyecto Agro<\/span>\n                                                                    <a class=\"np-link\" href=\"https:\/\/dashproyectoagro.onrender.com\" target=\"_blank\" rel=\"noopener\">\n                                        Visitar web <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 3h7v7\"\/><path d=\"M10 14 21 3\"\/><path d=\"M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5\"\/><\/svg>                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    <article class=\"np-project\" data-category=\"dashboard\">\n                        <div class=\"np-thumb\">\n                            <div class=\"np-client-badge\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2026\/06\/Logo-pez-total.png\" alt=\"Pez Total\">\n                                                            <\/div>\n\n                                                            <img decoding=\"async\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2025\/03\/Captura-de-pantalla-2025-03-13-a-las-14.29.49.png\" alt=\"Dashboard - Pez Total\">\n                            \n                            <div class=\"np-tag\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 20V10\"\/><path d=\"M10 20V4\"\/><path d=\"M16 20v-7\"\/><path d=\"M22 20H2\"\/><\/svg>                                Dashboard                            <\/div>\n                        <\/div>\n\n                        <div class=\"np-project-body\">\n                            <h3>Dashboard - Pez Total<\/h3>\n                            <p>Dashboard web para consulta de indicadores, lectura de informaci\u00f3n y an\u00e1lisis visual.<\/p>\n\n                            <div class=\"np-result\">\n                                <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>                                Consulta de datos m\u00e1s \u00e1gil.                            <\/div>\n\n                            <div class=\"np-project-foot\">\n                                <span class=\"np-client-name\">Pez Total<\/span>\n                                                                    <a class=\"np-link\" href=\"https:\/\/peztotal.onrender.com\" target=\"_blank\" rel=\"noopener\">\n                                        Visitar web <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 3h7v7\"\/><path d=\"M10 14 21 3\"\/><path d=\"M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5\"\/><\/svg>                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/article>\n                            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"np-method\">\n        <div class=\"np-container\">\n            <h2 class=\"np-section-title\">C\u00f3mo convertimos una idea en un activo digital<\/h2>\n            <div class=\"np-method-grid\">\n                <article class=\"np-method-card\">\n                    <div class=\"np-method-icon\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2l1.7 5.3L19 9l-5.3 1.7L12 16l-1.7-5.3L5 9l5.3-1.7z\"\/><path d=\"M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z\"\/><\/svg><\/div>\n                    <h3>Estrategia<\/h3>\n                    <p>Entendemos el objetivo comercial, el p\u00fablico y la ruta de conversi\u00f3n.<\/p>\n                <\/article>\n                <article class=\"np-method-card\">\n                    <div class=\"np-method-icon\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z\"\/><\/svg><\/div>\n                    <h3>Dise\u00f1o PRO<\/h3>\n                    <p>Creamos una experiencia visual clara, moderna y coherente con la marca.<\/p>\n                <\/article>\n                <article class=\"np-method-card\">\n                    <div class=\"np-method-icon\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M8 20h8\"\/><path d=\"M12 18v2\"\/><path d=\"M3 9h18\"\/><\/svg><\/div>\n                    <h3>Desarrollo<\/h3>\n                    <p>Construimos una soluci\u00f3n responsive, editable y pensada para crecer.<\/p>\n                <\/article>\n                <article class=\"np-method-card\">\n                    <div class=\"np-method-icon\"><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 20V10\"\/><path d=\"M10 20V4\"\/><path d=\"M16 20v-7\"\/><path d=\"M22 20H2\"\/><\/svg><\/div>\n                    <h3>Medici\u00f3n<\/h3>\n                    <p>Conectamos anal\u00edtica, eventos y canales para mejorar decisiones.<\/p>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"np-cta\" id=\"contacto\">\n        <div class=\"np-container\">\n            <div class=\"np-cta-box\">\n                <div>\n                    <h2>\u00bfQuieres que tu proyecto sea el pr\u00f3ximo caso destacado?<\/h2>\n                    <p>Hablemos de tu p\u00e1gina web, e-commerce, software, app o dashboard. Te ayudamos a convertir tu idea en una soluci\u00f3n profesional.<\/p>\n                <\/div>\n                <a class=\"np-btn\" href=\"https:\/\/wa.me\/573107485251?text=Hola%20NLANUB%2C%20quiero%20una%20asesor%C3%ADa%20para%20mi%20proyecto%20digital\">\n                    Solicitar asesor\u00eda gratuita                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <footer class=\"np-footer\">\n        <div class=\"np-container np-footer-inner\">\n            <div><a class=\"np-logo-link\" href=\"https:\/\/nlanub.com\/en\/\" aria-label=\"NLANUB\"><img decoding=\"async\" class=\"np-logo-img\" src=\"https:\/\/nlanub.com\/wp-content\/uploads\/2022\/06\/NlanuB-letra-blanca.png\" alt=\"NLANUB\" style=\"max-width:150px\"><\/a><\/div>\n            <div class=\"np-footer-desc\">Creaci\u00f3n, dise\u00f1o y desarrollo de soluciones tecnol\u00f3gicas de vanguardia al alcance de tu mano.<\/div>\n            <div class=\"np-footer-contact\">\n                <span><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2A19.78 19.78 0 0 1 3 5.18 2 2 0 0 1 5.11 3h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.63 2.62a2 2 0 0 1-.45 2.11L9 10.74a16 16 0 0 0 4.26 4.26l1.29-1.29a2 2 0 0 1 2.11-.45c.84.3 1.72.51 2.62.63A2 2 0 0 1 22 16.92z\"\/><\/svg> +57 3107485251<\/span>\n                <span><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m3 7 9 6 9-6\"\/><\/svg> sales@nlanub.com - nlanubtech@gmail.com<\/span>\n                <span><svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2\"\/><circle cx=\"9.5\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><\/svg> Barranquilla, Colombia<\/span>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <a class=\"np-floating-wa\" href=\"https:\/\/wa.me\/573107485251?text=Hola%20NLANUB%2C%20quiero%20una%20asesor%C3%ADa%20para%20mi%20proyecto%20digital\" aria-label=\"WhatsApp NLANUB\">\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 11.5a8 8 0 0 1-11.8 7L4 20l1.5-4.05A8 8 0 1 1 20 11.5z\"\/><path d=\"M9 8.5c.3 3 2.4 5.1 5.5 5.8l1-1.4c.2-.3.1-.7-.2-.9l-1.5-.8c-.3-.2-.7-.1-.9.2l-.4.5c-.9-.4-1.6-1.1-2-2l.5-.4c.3-.2.4-.6.2-.9l-.8-1.5c-.2-.3-.6-.4-.9-.2z\"\/><\/svg>    <\/a>\n\n    <script>\n    (function(){\n        const root = document.querySelector('.nlanub-portfolio-pro-7102');\n        if(!root) return;\n\n        const filters = root.querySelectorAll('.np-filter');\n        const cards = root.querySelectorAll('.np-project');\n\n        filters.forEach(function(btn){\n            btn.addEventListener('click', function(){\n                const filter = btn.getAttribute('data-filter');\n\n                filters.forEach(function(b){ b.classList.remove('is-active'); });\n                btn.classList.add('is-active');\n\n                cards.forEach(function(card){\n                    const cat = card.getAttribute('data-category');\n                    if(filter === 'all' || cat === filter || (filter === 'branding' && (cat === 'manual' || cat === 'logos' || cat === 'portafolio'))){\n                        card.classList.remove('is-hidden');\n                    } else {\n                        card.classList.add('is-hidden');\n                    }\n                });\n            });\n        });\n    })();\n    <\/script>\n<\/section>\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Web Dise\u00f1o Dashboards Contacto Quiero un proyecto as\u00ed + de 5 a\u00f1os creando soluciones digitales Portafolio digital que demuestra resultados Nuestros clientes reflejan el poder de nuestro trabajo. Conoce proyectos web, e-commerce, dise\u00f1o digital, mapas y dashboards desarrollados por NLANUB. Quiero un proyecto as\u00ed Ver proyectos +5a\u00f1os de experiencia Weblanding, corporativas y e-commerce Datosdashboards y [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-5524","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nlanub.com\/en\/wp-json\/wp\/v2\/pages\/5524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nlanub.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nlanub.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nlanub.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nlanub.com\/en\/wp-json\/wp\/v2\/comments?post=5524"}],"version-history":[{"count":640,"href":"https:\/\/nlanub.com\/en\/wp-json\/wp\/v2\/pages\/5524\/revisions"}],"predecessor-version":[{"id":7552,"href":"https:\/\/nlanub.com\/en\/wp-json\/wp\/v2\/pages\/5524\/revisions\/7552"}],"wp:attachment":[{"href":"https:\/\/nlanub.com\/en\/wp-json\/wp\/v2\/media?parent=5524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}