{"id":86,"date":"2026-09-17T21:41:21","date_gmt":"2026-09-18T02:41:21","guid":{"rendered":"https:\/\/zenithproject.cloud\/?page_id=86"},"modified":"2026-09-17T21:44:19","modified_gmt":"2026-09-18T02:44:19","slug":"landing-2026","status":"publish","type":"page","link":"https:\/\/zenithproject.cloud\/","title":{"rendered":"Landing 2026"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"86\" class=\"elementor elementor-86\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e38fda e-flex e-con-boxed e-con e-parent\" data-id=\"0e38fda\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ddee69 elementor-widget elementor-widget-html\" data-id=\"5ddee69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== Landing Zenith \u2014 pegar TAL CUAL en un widget HTML de Elementor =====\n     Plantilla de la pagina: Elementor Lienzo (sin cabecera ni pie del tema).\n     Imagenes: salen de la biblioteca de medios. Para cambiar una, sube la nueva\n     y reemplaza su URL aqui abajo.\n     Textos: buscalos y editalos, son texto plano.\n     Este archivo se GENERA con generar-para-elementor.py \u2014 no lo edites a mano:\n     edita index.html y vuelve a generarlo.\n================================================================= -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n:root{\n  --bg:#07060B;\n  --bg-2:#0B0912;\n  --panel:rgba(255,255,255,.035);\n  --line:rgba(168,85,222,.18);\n  --violet:#7B24A6;\n  --violet-hi:#A855DE;\n  --violet-neon:#8B5CF6;\n  --violet-soft:#C99BF0;\n  --ink:#F6F4FB;\n  --muted:#9D95B0;\n  --radius:22px;\n  --maxw:1180px;\n}\n*{box-sizing:border-box;margin:0;padding:0}\n\/* overflow-x en la raiz ademas del cuerpo: cuando el scroll lo lleva el elemento raiz,\n   ponerlo solo en el cuerpo NO impide el desplazamiento lateral (se movia 29px en movil).\n   Ojo: aqui no se escriben nombres de etiqueta entre angulos, porque este CSS se extrae\n   con expresiones regulares para generar la version de Elementor y confundia al corte. *\/\nhtml{scroll-behavior:smooth}\nhtml,body{overflow-x:hidden;max-width:100%}\n#zenith-landing{\n  background:var(--bg);\n  color:var(--ink);\n  font-family:'Inter',system-ui,-apple-system,sans-serif;\n  font-size:17px;line-height:1.65;\n  overflow-x:hidden;max-width:100%;\n  -webkit-font-smoothing:antialiased;\n}\n\/* ---------- fondo global: grilla tecnica + halos morados + grano ---------- *\/\n.bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none}\n.bg-grid{\n  background-image:\n    linear-gradient(rgba(168,85,222,.055) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(168,85,222,.055) 1px,transparent 1px);\n  background-size:64px 64px;\n  mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 78%);\n  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 78%);\n}\n.bg-glow{\n  background:\n    radial-gradient(60rem 42rem at 78% -8%,rgba(123,36,166,.45),transparent 62%),\n    radial-gradient(48rem 38rem at 8% 12%,rgba(139,92,246,.25),transparent 60%),\n    radial-gradient(70rem 50rem at 50% 108%,rgba(123,36,166,.30),transparent 65%);\n}\n.bg-noise{\n  opacity:.5;mix-blend-mode:overlay;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'\/%3E%3C\/svg%3E\");\n}\n#zenith-landing main,#zenith-landing header,#zenith-landing footer{position:relative;z-index:1}\n.wrap{width:min(100% - 32px,var(--maxw));margin-inline:auto}\nsection{padding:112px 0;position:relative}\n@media(max-width:760px){section{padding:76px 0}}\n\n\/* ---------- tipografia de display (el rasgo de las referencias) ---------- *\/\n.display{\n  font-family:'Poppins',sans-serif;font-weight:900;\n  letter-spacing:-.035em;line-height:.88;text-transform:uppercase;\n}\n.grad{\n  background:linear-gradient(175deg,#EFE6FB 0%,var(--violet-soft) 26%,var(--violet-hi) 52%,var(--violet) 88%);\n  -webkit-background-clip:text;background-clip:text;color:transparent;\n}\n\/* palabra gigante con su fantasma desenfocado detras, como en las referencias *\/\n.ghost-word{position:relative;display:inline-block}\n.ghost-word::before{\n  content:attr(data-word);position:absolute;inset:0;\n  background:linear-gradient(175deg,#EFE6FB,var(--violet-hi) 55%,var(--violet));\n  -webkit-background-clip:text;background-clip:text;color:transparent;\n  filter:blur(26px);opacity:.75;z-index:-1;\n}\n.eyebrow{\n  font-size:11.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;\n  color:var(--violet-soft);display:inline-flex;align-items:center;gap:10px;\n}\n.eyebrow::before{content:\"\";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--violet-hi))}\nh2.sec{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(30px,4.4vw,52px);line-height:1.04;letter-spacing:-.03em;margin:18px 0 16px;position:relative;z-index:1}\n\/* palabra gigante de fondo, el recurso de poster de las referencias *\/\n.sec-ghost{\n  position:absolute;left:0;right:0;top:34px;z-index:0;pointer-events:none;user-select:none;\n  font-family:'Poppins',sans-serif;font-weight:900;text-transform:uppercase;\n  font-size:clamp(90px,17vw,240px);line-height:.8;letter-spacing:-.05em;white-space:nowrap;\n  overflow:hidden; \/* si la palabra es mas ancha que la seccion, se recorta: nunca scroll lateral *\/\n  background:linear-gradient(180deg,rgba(168,85,222,.20),rgba(123,36,166,.02));\n  -webkit-background-clip:text;background-clip:text;color:transparent;\n  opacity:.55;\n}\n.sec-ghost.der{text-align:right}\n@media(max-width:760px){.sec-ghost{font-size:23vw;opacity:.38}}\n.lead{color:var(--muted);font-size:clamp(16px,1.6vw,19px);max-width:62ch}\n.hl{color:var(--violet-soft);font-weight:600}\n\n\/* ---------- piezas de vidrio ---------- *\/\n.glass{\n  background:var(--panel);\n  border:1px solid var(--line);\n  border-radius:var(--radius);\n  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n  position:relative;overflow:hidden;\n}\n.glass::after{\n  content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;\n  background:linear-gradient(160deg,rgba(255,255,255,.10),transparent 42%);\n}\n.pill{\n  display:inline-flex;align-items:center;gap:9px;\n  padding:8px 16px;border-radius:999px;\n  background:rgba(123,36,166,.14);border:1px solid rgba(168,85,222,.32);\n  font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--violet-soft);\n}\n.dot{width:6px;height:6px;border-radius:50%;background:var(--violet-hi);box-shadow:0 0 12px var(--violet-hi)}\n\n\/* ---------- botones ---------- *\/\n.btn{\n  display:inline-flex;align-items:center;justify-content:center;gap:10px;\n  padding:16px 30px;border-radius:999px;font-weight:700;font-size:15.5px;\n  text-decoration:none;color:#fff;border:0;cursor:pointer;\n  background:linear-gradient(135deg,var(--violet-neon),var(--violet));\n  box-shadow:0 10px 34px -10px rgba(139,92,246,.75),inset 0 1px 0 rgba(255,255,255,.28);\n  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,filter .22s;\n  position:relative;overflow:hidden;\n}\n.btn:hover{transform:translateY(-2px);box-shadow:0 18px 46px -10px rgba(139,92,246,.9);filter:brightness(1.07)}\n.btn:active{transform:translateY(0)}\n.btn span.arrow{transition:transform .22s}\n.btn:hover span.arrow{transform:translateX(4px)}\n.btn-ghost{\n  background:transparent;border:1px solid rgba(168,85,222,.38);\n  box-shadow:none;color:var(--ink);font-weight:600;\n}\n.btn-ghost:hover{background:rgba(123,36,166,.15);box-shadow:none}\n\n\/* ---------- barra superior ---------- *\/\nheader{position:sticky;top:0;z-index:60;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);\n  background:rgba(7,6,11,.62);border-bottom:1px solid rgba(168,85,222,.12)}\n.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}\n.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}\n.brand-mark{\n  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;\n  background:linear-gradient(140deg,var(--violet-neon),var(--violet));\n  font-family:'Poppins',sans-serif;font-weight:900;font-size:19px;color:#fff;\n  box-shadow:0 8px 22px -8px rgba(139,92,246,.9);\n}\n.brand-name{font-family:'Poppins',sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em}\n.brand-sub{display:block;font-size:9.5px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;font-weight:600}\n.nav-links{display:flex;gap:28px;align-items:center}\n.nav-links a{color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:500;transition:color .2s}\n.nav-links a:hover{color:var(--ink)}\n.nav .btn{padding:11px 22px;font-size:14px}\n@media(max-width:900px){.nav-links{display:none}}\n@media(max-width:620px){\n  \/* el boton de la cabecera se partia en dos lineas y aplastaba el logo *\/\n  .nav .btn{padding:12px 18px;font-size:13px;min-height:44px} \/* 44px = area tactil minima *\/\n  .nav .btn .largo{display:none}\n  .brand-mark{width:32px;height:32px;font-size:16px;border-radius:9px}\n  .brand-name{font-size:15px}\n  .brand-sub{font-size:8.5px;letter-spacing:.14em}\n  .nav{padding:10px 0}\n}\n\/* en movil los saltos de linea forzados de los titulos estorban *\/\n@media(max-width:700px){h2.sec br,.final h2 br{display:none}}\n\n\/* ---------- tira superior tipo poster (como en las referencias) ---------- *\/\n.tira{\n  display:flex;justify-content:space-between;gap:20px;\n  padding:9px 0;font-size:10px;letter-spacing:.2em;text-transform:uppercase;\n  color:#6E6684;font-weight:600;border-bottom:1px solid rgba(168,85,222,.10);\n}\n.tira b{color:#A79DBC;font-weight:600;display:block}\n@media(max-width:700px){.tira span:nth-child(2){display:none}}\n\n\/* ---------- HERO tipo poster: palabra gigante + estatua encima ---------- *\/\n.hero{padding:52px 0 90px;position:relative;text-align:center}\n.hero .kicker{\n  display:block; \/* sin esto era inline: max-width y margin no aplicaban y el interlineado salia suelto *\/\n  font-family:'Poppins',sans-serif;font-weight:600;\n  font-size:clamp(17px,2.3vw,27px);letter-spacing:-.02em;color:var(--ink);\n  line-height:1.25;max-width:24ch;margin:22px auto 6px;\n}\n.hero .kicker em{font-style:normal;color:var(--violet-soft)}\n.hero-stage{position:relative;display:block;margin-top:2px}\n.word{\n  display:block;position:relative;z-index:1;\n  white-space:nowrap;font-size:100px; \/* lo ajusta fitWord() al ancho exacto *\/\n}\n.word.b{margin-top:-.07em}\n.hero-fig{\n  position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);\n  height:122%;width:auto;aspect-ratio:765\/1024;z-index:2;pointer-events:none;\n  \/* el PNG ya viene recortado con alfa real (ver recortar-fondo.py) *\/\n  filter:drop-shadow(0 26px 60px rgba(123,36,166,.65));\n  mask-image:linear-gradient(180deg,#000 86%,transparent 99%);\n  -webkit-mask-image:linear-gradient(180deg,#000 86%,transparent 99%);\n}\n.hero-fig img{height:100%;width:100%;object-fit:contain;display:block}\n.hero-fig .ph{\n  height:100%;aspect-ratio:1\/1.15;border-radius:220px 220px 26px 26px;\n  background:radial-gradient(58% 46% at 50% 32%,rgba(201,155,240,.34),transparent 68%),\n             linear-gradient(180deg,rgba(255,255,255,.08),rgba(123,36,166,.20));\n  border:1px dashed rgba(168,85,222,.45);\n  display:grid;place-items:center;text-align:center;padding:18px;\n  color:#A79DBC;font-size:11.5px;line-height:1.6;\n  backdrop-filter:blur(3px);\n}\n.hero-fig .ph b{display:block;color:var(--violet-soft);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}\n.hero-bottom{position:relative;z-index:3;margin-top:clamp(-28px,-1.6vw,-10px)}\n.hero p.sub{margin:18px auto 28px;color:var(--muted);font-size:clamp(15.5px,1.6vw,18px);max-width:56ch}\n.hero p.sub .hl{color:var(--violet-soft)}\n.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center}\n.hero-note{margin-top:16px;font-size:13.5px;color:#7E7691}\n@media(max-width:700px){\n  \/* en movil la estatua tapaba media palabra: se achica y se baja *\/\n  .hero-fig{height:86%;top:58%}\n  .hero{padding:34px 0 66px}\n  .hero .kicker{font-size:19px;margin:16px auto 10px;max-width:28ch}\n  .hero p.sub{font-size:15.5px;margin-top:14px}\n  .hero-cta{flex-direction:column;align-items:stretch}\n  .hero-cta .btn{width:100%}\n}\n\n.orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px);z-index:0}\n.orb-1{width:148px;height:148px;left:6%;top:24%;\n  background:radial-gradient(circle at 34% 30%,#E9D5FF,#8B5CF6 46%,#4C1D95);\n  box-shadow:0 0 80px rgba(139,92,246,.7);opacity:.92}\n.orb-2{width:74px;height:74px;right:9%;bottom:22%;\n  background:radial-gradient(circle at 36% 30%,#F3E8FF,#A855DE 50%,#5B21B6);\n  box-shadow:0 0 56px rgba(168,85,222,.75)}\n.glass-chip{\n  position:absolute;border-radius:18px;border:1px solid rgba(255,255,255,.13);\n  background:rgba(255,255,255,.045);backdrop-filter:blur(8px);z-index:0;\n}\n.chip-1{width:112px;height:140px;right:7%;top:6%}\n.chip-2{width:74px;height:74px;left:12%;bottom:8%}\n@media(max-width:820px){.glass-chip,.orb-1{display:none}}\n\n\/* franja de datos bajo el hero *\/\n.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(168,85,222,.16);\n  border:1px solid rgba(168,85,222,.16);border-radius:var(--radius);overflow:hidden;margin-top:64px}\n@media(max-width:760px){.strip{grid-template-columns:1fr}}\n.strip>div{background:#0A0810;padding:26px 24px}\n.strip .n{font-family:'Poppins',sans-serif;font-weight:900;font-size:40px;line-height:1;\n  background:linear-gradient(160deg,#fff,var(--violet-hi));-webkit-background-clip:text;background-clip:text;color:transparent}\n.strip .t{color:var(--muted);font-size:14px;margin-top:8px;line-height:1.45}\n.strip .src{color:#6A6380;font-size:11.5px;margin-top:10px}\n\n\/* ---------- problema: tarjetas ---------- *\/\n.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}\n@media(max-width:900px){.cards-3{grid-template-columns:1fr}}\n.card{padding:30px 26px;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s}\n.card:hover{transform:translateY(-6px);border-color:rgba(168,85,222,.42)}\n.card .num{font-family:'Poppins',sans-serif;font-weight:900;font-size:13px;color:var(--violet-hi);letter-spacing:.14em}\n.card h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;margin:14px 0 10px;letter-spacing:-.02em}\n.card p{color:var(--muted);font-size:15px}\n\n\/* ---------- las 4 areas (pestanas) ---------- *\/\n.areas{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;margin-top:46px}\n@media(max-width:900px){.areas{grid-template-columns:1fr}}\n.area-tabs{display:flex;flex-direction:column;gap:10px}\n.area-tab{\n  display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;cursor:pointer;\n  border:1px solid rgba(168,85,222,.14);background:rgba(255,255,255,.02);\n  transition:all .25s;text-align:left;color:var(--ink);font-family:inherit;\n}\n.area-tab:hover{border-color:rgba(168,85,222,.36);background:rgba(123,36,166,.10)}\n.area-tab.on{border-color:rgba(168,85,222,.65);background:linear-gradient(100deg,rgba(123,36,166,.24),rgba(139,92,246,.07));\n  box-shadow:0 0 0 1px rgba(168,85,222,.18),0 14px 40px -18px rgba(139,92,246,.8)}\n.area-tab .idx{font-family:'Poppins',sans-serif;font-weight:900;font-size:13px;color:var(--violet-hi);min-width:24px}\n.area-tab .nm{display:block;font-family:'Poppins',sans-serif;font-weight:700;font-size:16.5px;letter-spacing:-.01em}\n.area-tab .ds{display:block;font-size:13px;color:var(--muted);margin-top:3px;line-height:1.3}\n.area-panel{padding:34px 32px;min-height:340px}\n.area-panel h3{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(24px,3vw,34px);letter-spacing:-.025em;margin-bottom:12px}\n.area-panel>p{color:var(--muted);margin-bottom:22px}\n.area-panel ul{list-style:none;display:grid;gap:12px}\n.area-panel li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px}\n.area-panel li::before{content:\"\u2192\";color:var(--violet-hi);font-weight:700;flex-shrink:0}\n.fade-in{animation:fadeUp .45s cubic-bezier(.2,.8,.2,1)}\n@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n\n\/* ---------- pasos ---------- *\/\n.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px;position:relative}\n@media(max-width:900px){.steps{grid-template-columns:1fr}}\n.step{padding:32px 28px}\n.step .k{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--violet-soft);font-weight:700}\n.step .big{font-family:'Poppins',sans-serif;font-weight:900;font-size:56px;line-height:1;margin:10px 0 14px;\n  background:linear-gradient(170deg,rgba(255,255,255,.9),rgba(168,85,222,.35));-webkit-background-clip:text;background-clip:text;color:transparent}\n.step h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;margin-bottom:10px;letter-spacing:-.02em}\n.step p{color:var(--muted);font-size:15px}\n\n\/* ---------- entregables ---------- *\/\n.deliver{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px}\n@media(max-width:760px){.deliver{grid-template-columns:1fr}}\n.deliver .d{padding:26px;display:flex;gap:18px;align-items:flex-start}\n.deliver .ic{width:44px;height:44px;border-radius:13px;flex-shrink:0;display:grid;place-items:center;\n  background:linear-gradient(140deg,rgba(139,92,246,.30),rgba(123,36,166,.14));\n  border:1px solid rgba(168,85,222,.3);font-size:19px}\n.deliver h4{font-family:'Poppins',sans-serif;font-weight:700;font-size:17px;margin-bottom:6px;letter-spacing:-.01em}\n.deliver p{color:var(--muted);font-size:14.5px}\n\n\/* ---------- para quien ---------- *\/\n.fit{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}\n@media(max-width:800px){.fit{grid-template-columns:1fr}}\n.fit-col{padding:32px 28px}\n.fit-col h3{font-family:'Poppins',sans-serif;font-weight:800;font-size:21px;margin-bottom:20px;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}\n.fit-col ul{list-style:none;display:grid;gap:14px}\n.fit-col li{display:flex;gap:12px;font-size:15.5px;align-items:flex-start;color:#DCD6E8}\n.fit-yes li::before{content:\"\u2713\";color:#A855DE;font-weight:800;flex-shrink:0}\n.fit-no li::before{content:\"\u2715\";color:#5F5875;font-weight:800;flex-shrink:0}\n.fit-no{opacity:.72}\n.fit-no li{color:var(--muted)}\n\n\/* ---------- quien esta detras ---------- *\/\n.who{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin-top:22px;\n  background:radial-gradient(44rem 22rem at 100% 0%,rgba(123,36,166,.26),transparent 64%),var(--panel)}\n@media(max-width:860px){.who{grid-template-columns:1fr}}\n.who-txt{padding:40px 38px}\n.who-txt h3{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(22px,3vw,30px);margin:16px 0 14px;letter-spacing:-.025em}\n.who-txt p{color:var(--muted);font-size:15.5px;margin-bottom:12px;max-width:52ch}\n.who-fig{position:relative;min-height:290px;display:grid;place-items:center;padding:20px}\n.who-fig img{max-height:360px;width:auto;display:block;filter:drop-shadow(0 22px 50px rgba(123,36,166,.55))}\n.ph-box{height:100%;min-height:250px;width:100%;border-radius:18px;border:1px dashed rgba(168,85,222,.4);\n  background:radial-gradient(60% 50% at 50% 35%,rgba(201,155,240,.22),transparent 70%);\n  display:grid;place-items:center;text-align:center;color:#A79DBC;font-size:11.5px;line-height:1.6;padding:18px}\n.ph-box b{display:block;color:var(--violet-soft);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}\n\n.guarantee-band{margin-top:20px;padding:36px 38px;display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;align-items:center}\n@media(max-width:860px){.guarantee-band{grid-template-columns:1fr;gap:14px}}\n.guarantee-band h3{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(21px,2.6vw,27px);margin-top:12px;letter-spacing:-.025em;line-height:1.15}\n.guarantee-band p{color:var(--muted);font-size:15.5px}\n\n\/* ---------- faq ---------- *\/\n.faq{margin-top:40px;display:grid;gap:12px}\n.q{border:1px solid rgba(168,85,222,.16);border-radius:16px;background:rgba(255,255,255,.025);overflow:hidden;transition:border-color .25s}\n.q[open]{border-color:rgba(168,85,222,.45);background:rgba(123,36,166,.08)}\n.q summary{padding:22px 26px;cursor:pointer;font-family:'Poppins',sans-serif;font-weight:600;font-size:16.5px;\n  list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;letter-spacing:-.01em}\n.q summary::-webkit-details-marker{display:none}\n.q summary::after{content:\"+\";color:var(--violet-hi);font-size:24px;font-weight:400;transition:transform .25s;line-height:1}\n.q[open] summary::after{transform:rotate(45deg)}\n.q .a{padding:0 26px 24px;color:var(--muted);font-size:15.5px}\n\n\/* ---------- CTA final ---------- *\/\n.final{\n  padding:72px 44px;text-align:center;border-radius:30px;margin-top:20px;position:relative;overflow:hidden;\n  background:radial-gradient(50rem 26rem at 50% 0%,rgba(123,36,166,.46),transparent 66%),\n             linear-gradient(180deg,#120C1D,#08060D);\n  border:1px solid rgba(168,85,222,.30);\n}\n@media(max-width:700px){.final{padding:54px 22px}}\n.final h2{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(32px,6vw,64px);line-height:.98;letter-spacing:-.035em;text-transform:uppercase}\n.final p{color:var(--muted);max-width:46ch;margin:22px auto 32px}\n\n\/* ---------- footer ---------- *\/\nfooter{border-top:1px solid rgba(168,85,222,.12);padding:44px 0 40px;margin-top:80px}\n.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}\n.foot a{color:var(--muted);text-decoration:none;font-size:14px}\n.foot a:hover{color:var(--violet-soft)}\n.foot .cr{color:#5F5875;font-size:13px}\n\n\/* ---------- barra CTA pegada (movil + scroll) ---------- *\/\n.sticky-cta{\n  position:fixed;left:0;right:0;bottom:0;z-index:70;padding:12px 16px;\n  background:rgba(10,8,16,.9);backdrop-filter:blur(14px);\n  border-top:1px solid rgba(168,85,222,.25);\n  display:flex;gap:14px;align-items:center;justify-content:space-between;\n  transform:translateY(120%);transition:transform .35s cubic-bezier(.2,.8,.2,1);\n}\n.sticky-cta.on{transform:none}\n.sticky-cta .txt{font-size:14px;color:var(--muted)}\n.sticky-cta .btn{padding:12px 22px;font-size:14px;white-space:nowrap}\n@media(max-width:620px){.sticky-cta .txt{display:none}.sticky-cta{justify-content:center}.sticky-cta .btn{width:100%}}\n\n\/* ---------- revelado al hacer scroll ----------\n   Ojo: el contenido NUNCA se oculta por defecto. Solo se oculta si el JS\n   arranco bien (clase .js en <html>). Si el JS falla o esta bloqueado,\n   la pagina se ve entera. *\/\n.js .rv{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}\n.js .rv.seen{opacity:1;transform:none}\n@media(prefers-reduced-motion:reduce){\n  .js .rv{opacity:1;transform:none;transition:none}\n  html{scroll-behavior:auto}\n}\n\n\n\/* ---------- ajustes para WordPress \/ Elementor ----------\n   El cuerpo de la pagina es blanco y asomaba por los lados del widget.\n   Se pinta del color de la landing y se quita el relleno del contenedor.\n   (Se probo con width:100vw y margenes negativos: descuadraba el ancho,\n   porque el contenedor de Elementor no mide lo mismo que la ventana.) *\/\nbody{background:#07060B !important}\n.elementor-widget-html,.elementor-widget-container{margin:0 !important;padding:0 !important}\n.elementor-element,.e-con,.e-con-inner{padding-left:0 !important;padding-right:0 !important}\n\/* el contenedor limita el ancho a 1140px (--content-width de Elementor): la landing\n   maqueta su propio ancho con .wrap, asi que aqui se libera para que llegue a los bordes *\/\n.e-con-inner{max-width:100% !important}\n\n<\/style>\n\n<div id=\"zenith-landing\">\n<div class=\"bg-layer bg-glow\"><\/div>\n<div class=\"bg-layer bg-grid\"><\/div>\n<div class=\"bg-layer bg-noise\"><\/div>\n\n<div class=\"wrap\">\n  <div class=\"tira\">\n    <span><b>Zenith<\/b>Medell\u00edn, Colombia<\/span>\n    <span><b>Diagn\u00f3stico + implementaci\u00f3n<\/b>IA y automatizaci\u00f3n para constructoras<\/span>\n    <span style=\"text-align:right\"><b>Agenda<\/b>cal.com\/zenithproject<\/span>\n  <\/div>\n<\/div>\n\n<header>\n  <div class=\"wrap nav\">\n    <a class=\"brand\" href=\"#top\">\n      <div class=\"brand-mark\">Z<\/div>\n      <div>\n        <div class=\"brand-name\">Zenith<\/div>\n        <span class=\"brand-sub\">IA para constructoras<\/span>\n      <\/div>\n    <\/a>\n    <nav class=\"nav-links\">\n      <a href=\"#problema\">El problema<\/a>\n      <a href=\"#sistema\">El sistema<\/a>\n      <a href=\"#como\">C\u00f3mo funciona<\/a>\n      <a href=\"#prueba\">Por qu\u00e9 yo<\/a>\n    <\/nav>\n    <a class=\"btn\" href=\"https:\/\/cal.com\/zenithproject\/30min\" target=\"_blank\" rel=\"noopener\">\n      <span>Agendar<span class=\"largo\"> diagn\u00f3stico<\/span><\/span> <span class=\"arrow\">\u2192<\/span>\n    <\/a>\n  <\/div>\n<\/header>\n\n<main id=\"top\">\n\n<!-- ====================== HERO ====================== -->\n<section class=\"hero\">\n  <div class=\"wrap\">\n    <span class=\"pill\"><span class=\"dot\"><\/span> Primero el diagn\u00f3stico \u00b7 despu\u00e9s la implementaci\u00f3n<\/span>\n\n    <h1>\n      <span class=\"kicker\">Tu constructora no pierde el margen <em>en la obra<\/em>.<\/span>\n      <span class=\"hero-stage\">\n        <span class=\"orb orb-1\"><\/span>\n        <span class=\"glass-chip chip-1\"><\/span>\n        <span class=\"glass-chip chip-2\"><\/span>\n        <span class=\"orb orb-2\"><\/span>\n\n        <span class=\"display grad word ghost-word\" data-word=\"LO PIERDE\">LO PIERDE<\/span>\n\n        <span class=\"hero-fig\" id=\"fig-hero\">\n          <img decoding=\"async\" src=\"https:\/\/zenithproject.cloud\/wp-content\/uploads\/2026\/09\/hero-estatua.webp\" alt=\"\"\n               onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\">\n          <span class=\"ph\" style=\"display:none\">\n            <span><b>Imagen 1 \u2014 Hero<\/b>\n            Estatua cl\u00e1sica en m\u00e1rmol con casco de obra, <br>luz morada, fondo negro. <br>\n            <em style=\"color:#544D68\">(pendiente de generar)<\/em><\/span>\n          <\/span>\n        <\/span>\n\n        <span class=\"display grad word b ghost-word\" data-word=\"EN LA OFICINA\">EN LA OFICINA<\/span>\n      <\/span>\n    <\/h1>\n\n    <div class=\"hero-bottom\">\n      <p class=\"sub\">\n        Te entrego el mapa exacto de d\u00f3nde se te est\u00e1 yendo el tiempo y la plata en las\n        cuatro \u00e1reas de tu empresa, y qu\u00e9 automatizar primero. <span class=\"hl\">En dos o tres semanas,\n        no en seis meses.<\/span>\n      <\/p>\n      <div class=\"hero-cta\">\n        <a class=\"btn\" href=\"https:\/\/cal.com\/zenithproject\/30min\" target=\"_blank\" rel=\"noopener\">\n          Agendar diagn\u00f3stico de 30 min <span class=\"arrow\">\u2192<\/span>\n        <\/a>\n        <a class=\"btn btn-ghost\" href=\"#sistema\">Ver qu\u00e9 incluye<\/a>\n      <\/div>\n      <p class=\"hero-note\">Llamada de 30 minutos. Sales con las tres fugas m\u00e1s caras de tu operaci\u00f3n, contratemos o no.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"wrap\">\n    <div class=\"strip rv\">\n      <div>\n        <div class=\"n\" data-count=\"84\">84%<\/div>\n        <div class=\"t\">de las empresas del sector constructor est\u00e1n apenas explorando la IA o no la usan de forma activa.<\/div>\n        <div class=\"src\">Camacol + Universidad de los Andes, Hoja de Ruta de IA para el Sector Constructor, julio 2026 (p\u00e1gs. 24-25)<\/div>\n      <\/div>\n      <div>\n        <div class=\"n\" data-count=\"52\">52%<\/div>\n        <div class=\"t\">se\u00f1ala la falta de datos ordenados como su principal barrera. No el costo: el desorden.<\/div>\n        <div class=\"src\">Mismo informe, p\u00e1g. 29 \u00b7 184 organizaciones encuestadas<\/div>\n      <\/div>\n      <div>\n        <div class=\"n\">7-10%<\/div>\n        <div class=\"t\">es el margen t\u00edpico de un constructor en Colombia. Una obra que se desv\u00eda un 8% se queda sin utilidad.<\/div>\n        <div class=\"src\">Supersociedades y ranking sectorial 2024-2025<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ====================== PROBLEMA ====================== -->\n<section id=\"problema\">\n  <div class=\"wrap\">\n    <div class=\"rv\">\n      <span class=\"sec-ghost\" aria-hidden=\"true\">MARGEN<\/span>\n      <span class=\"eyebrow\">Por qu\u00e9 se te va la plata<\/span>\n      <h2 class=\"sec\">La fuga no se ve hasta que <br>ya no la puedes corregir.<\/h2>\n      <p class=\"lead\">\n        Con un margen del 7 al 10%, no hace falta un error grande. Basta con que la informaci\u00f3n\n        llegue tarde. Y llega tarde porque vive en cinco lugares distintos: un grupo de WhatsApp,\n        un Excel, la memoria del residente, un correo y tu cabeza.\n      <\/p>\n    <\/div>\n\n    <div class=\"cards-3\">\n      <div class=\"card glass rv\">\n        <div class=\"num\">01<\/div>\n        <h3>Te enteras al cierre<\/h3>\n        <p>El sobrecosto aparece cuando la obra ya termin\u00f3. Para cuando el n\u00famero sube a la reuni\u00f3n,\n        la decisi\u00f3n que lo habr\u00eda evitado se tom\u00f3 hace tres semanas.<\/p>\n      <\/div>\n      <div class=\"card glass rv\">\n        <div class=\"num\">02<\/div>\n        <h3>El dato lo carga una persona<\/h3>\n        <p>Si esa persona se va, se lleva el proceso con ella. No estaba escrito en ning\u00fan lado:\n        estaba en c\u00f3mo ella lo hac\u00eda.<\/p>\n      <\/div>\n      <div class=\"card glass rv\">\n        <div class=\"num\">03<\/div>\n        <h3>Ya compraste software<\/h3>\n        <p>Y a los seis meses el equipo volvi\u00f3 al hilo de WhatsApp. El problema no era la herramienta.\n        Era que nadie redise\u00f1\u00f3 el proceso antes de comprarla.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ====================== EL SISTEMA \/ 4 AREAS ====================== -->\n<section id=\"sistema\">\n  <div class=\"wrap\">\n    <div class=\"rv\">\n      <span class=\"sec-ghost der\" aria-hidden=\"true\">CUATRO<\/span>\n      <span class=\"eyebrow\">Qu\u00e9 se revisa<\/span>\n      <h2 class=\"sec\">Cuatro \u00e1reas. <br>Una sola radiograf\u00eda.<\/h2>\n      <p class=\"lead\">\n        No se diagnostica \"la empresa\" en abstracto. Se abre \u00e1rea por \u00e1rea, se mapea el proceso real\n        (el que se hace, no el que est\u00e1 en el manual) y se marca qu\u00e9 se automatiza, qu\u00e9 se delega,\n        qu\u00e9 se elimina y qu\u00e9 se cambia.\n      <\/p>\n    <\/div>\n\n    <div class=\"areas\">\n      <div class=\"area-tabs\" role=\"tablist\">\n        <button class=\"area-tab on\" data-area=\"0\" role=\"tab\">\n          <span class=\"idx\">01<\/span>\n          <span><span class=\"nm\">Marketing<\/span><span class=\"ds\">C\u00f3mo llega el que te busca<\/span><\/span>\n        <\/button>\n        <button class=\"area-tab\" data-area=\"1\" role=\"tab\">\n          <span class=\"idx\">02<\/span>\n          <span><span class=\"nm\">Ventas<\/span><span class=\"ds\">Qu\u00e9 pasa entre el contacto y la firma<\/span><\/span>\n        <\/button>\n        <button class=\"area-tab\" data-area=\"2\" role=\"tab\">\n          <span class=\"idx\">03<\/span>\n          <span><span class=\"nm\">Administraci\u00f3n<\/span><span class=\"ds\">D\u00f3nde vive el n\u00famero real<\/span><\/span>\n        <\/button>\n        <button class=\"area-tab\" data-area=\"3\" role=\"tab\">\n          <span class=\"idx\">04<\/span>\n          <span><span class=\"nm\">Entrega \/ Obra<\/span><span class=\"ds\">C\u00f3mo se entera la oficina de la obra<\/span><\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"area-panel glass\" id=\"area-panel\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ====================== COMO FUNCIONA ====================== -->\n<section id=\"como\">\n  <div class=\"wrap\">\n    <div class=\"rv\">\n      <span class=\"sec-ghost\" aria-hidden=\"true\">PROCESO<\/span>\n      <span class=\"eyebrow\">El proceso<\/span>\n      <h2 class=\"sec\">Dos o tres semanas. <br>Sin frenar la obra.<\/h2>\n      <p class=\"lead\">El diagn\u00f3stico no interrumpe nada. Se mira lo que ya est\u00e1 pasando.<\/p>\n    <\/div>\n\n    <div class=\"steps\">\n      <div class=\"step glass rv\">\n        <div class=\"k\">Paso uno<\/div>\n        <div class=\"big\">01<\/div>\n        <h3>Levantamiento<\/h3>\n        <p>Sesiones cortas con quien ejecuta cada proceso. Se mapea lo que de verdad se hace,\n        con sus atajos y sus parches, no lo que dice el organigrama.<\/p>\n      <\/div>\n      <div class=\"step glass rv\">\n        <div class=\"k\">Paso dos<\/div>\n        <div class=\"big\">02<\/div>\n        <h3>Diagn\u00f3stico<\/h3>\n        <p>Cada proceso queda en un mapa BPMN y en un informe con una decisi\u00f3n por paso:\n        automatizar, delegar, eliminar o cambiar. Con el porqu\u00e9.<\/p>\n      <\/div>\n      <div class=\"step glass rv\">\n        <div class=\"k\">Paso tres<\/div>\n        <div class=\"big\">03<\/div>\n        <h3>Roadmap y sesi\u00f3n<\/h3>\n        <p>El orden de implementaci\u00f3n por fases, empezando por lo que m\u00e1s pesa y menos cuesta.\n        Te lo presento en vivo y queda tuyo, lo implemente yo o no.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"deliver\">\n      <div class=\"d glass rv\">\n        <div class=\"ic\">\u25eb<\/div>\n        <div><h4>Mapa BPMN de tu operaci\u00f3n<\/h4><p>Las cuatro \u00e1reas dibujadas paso a paso, en notaci\u00f3n est\u00e1ndar. No un PowerPoint bonito: un plano.<\/p><\/div>\n      <\/div>\n      <div class=\"d glass rv\">\n        <div class=\"ic\">\u25c8<\/div>\n        <div><h4>Informe de diagn\u00f3stico<\/h4><p>Proceso por proceso, qu\u00e9 est\u00e1 fallando, cu\u00e1nto cuesta que siga as\u00ed y qu\u00e9 hacer con eso.<\/p><\/div>\n      <\/div>\n      <div class=\"d glass rv\">\n        <div class=\"ic\">\u25c7<\/div>\n        <div><h4>Roadmap por fases<\/h4><p>Qu\u00e9 se toca primero, segundo y tercero. Con el criterio de por qu\u00e9 en ese orden.<\/p><\/div>\n      <\/div>\n      <div class=\"d glass rv\">\n        <div class=\"ic\">\u25c9<\/div>\n        <div><h4>Sesi\u00f3n 1 a 1<\/h4><p>La presentaci\u00f3n en vivo, para preguntar y discutir. No un PDF que llega por correo y nadie abre.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ====================== PARA QUIEN ====================== -->\n<section id=\"para-quien\">\n  <div class=\"wrap\">\n    <div class=\"rv\">\n      <span class=\"sec-ghost der\" aria-hidden=\"true\">FILTRO<\/span>\n      <span class=\"eyebrow\">Filtro honesto<\/span>\n      <h2 class=\"sec\">No le sirve a todo el mundo.<\/h2>\n      <p class=\"lead\">Prefiero dec\u00edrtelo aqu\u00ed y no en la llamada.<\/p>\n    <\/div>\n    <div class=\"fit\">\n      <div class=\"fit-col fit-yes glass rv\">\n        <h3><span style=\"color:var(--violet-hi)\">\u2713<\/span> Tiene sentido si\u2026<\/h3>\n        <ul>\n          <li>Tienes obra propia o contratada, no solo intermediaci\u00f3n.<\/li>\n          <li>T\u00fa decides, y puedes decidir sin comit\u00e9.<\/li>\n          <li>Est\u00e1s creciendo y ya no das abasto con el m\u00e9todo de siempre.<\/li>\n          <li>Tienes equipo contratado: hay procesos que ordenar.<\/li>\n          <li>Est\u00e1s dispuesto a que se cambie c\u00f3mo se hace algo, no solo a comprar una herramienta.<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"fit-col fit-no glass rv\">\n        <h3><span>\u2715<\/span> No tiene sentido si\u2026<\/h3>\n        <ul>\n          <li>La empresa est\u00e1 apretada de caja. Esto no es lo primero que hay que resolver.<\/li>\n          <li>Solo vendes o intermedias: no hay obra que ordenar.<\/li>\n          <li>Quieres que todo siga exactamente igual pero m\u00e1s r\u00e1pido.<\/li>\n          <li>Est\u00e1s saturado de obra y no hay qui\u00e9n dedique una hora a esto.<\/li>\n          <li>Buscas a alguien que te lleve las redes o la pauta. Eso no lo hago.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ====================== PRUEBA + QUIEN ESTA DETRAS ====================== -->\n<section id=\"prueba\">\n  <div class=\"wrap\">\n    <div class=\"rv\">\n      <span class=\"sec-ghost\" aria-hidden=\"true\">PRUEBA<\/span>\n      <span class=\"eyebrow\">Por qu\u00e9 yo<\/span>\n      <h2 class=\"sec\">No te voy a mostrar <br>logos de clientes.<\/h2>\n      <p class=\"lead\">\n        Zenith es nuevo y no voy a inventar casos de \u00e9xito para que esta p\u00e1gina se vea m\u00e1s llena.\n        Lo que s\u00ed te puedo mostrar es <span class=\"hl\">c\u00f3mo trabajo<\/span>, y eso lo puedes verificar\n        en la misma llamada.\n      <\/p>\n    <\/div>\n\n    <div class=\"cards-3\">\n      <div class=\"card glass rv\">\n        <div class=\"num\">01<\/div>\n        <h3>Te lo muestro funcionando<\/h3>\n        <p>En la llamada te ense\u00f1o en vivo un sistema que ya constru\u00ed: un cotizador que toma los datos\n        de una obra y devuelve una estimaci\u00f3n preliminar en PDF, en menos de un minuto. No un video\n        editado: el sistema corriendo.<\/p>\n      <\/div>\n      <div class=\"card glass rv\">\n        <div class=\"num\">02<\/div>\n        <h3>Mapeo procesos reales, no teor\u00eda<\/h3>\n        <p>Mi m\u00e9todo de diagn\u00f3stico est\u00e1 probado levantando la operaci\u00f3n completa de una obra real,\n        paso por paso, hasta dejarla en un mapa que el propio equipo reconoce como suya.<\/p>\n      <\/div>\n      <div class=\"card glass rv\">\n        <div class=\"num\">03<\/div>\n        <h3>El gremio va en la misma direcci\u00f3n<\/h3>\n        <p>La Hoja de Ruta de IA del sector constructor (Camacol y la Universidad de los Andes, 2026)\n        dice lo mismo que yo: la barrera n\u00famero uno no es el costo, es que los datos no est\u00e1n ordenados.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"who glass rv\">\n      <div class=\"who-txt\">\n        <span class=\"pill\"><span class=\"dot\"><\/span> Mat\u00edas Calvo \u00b7 fundador<\/span>\n        <h3>Crec\u00ed viendo esto de cerca.<\/h3>\n        <p>\n          Mi pap\u00e1 es arquitecto. Desde chico vi que el problema nunca fue conseguir m\u00e1s trabajo:\n          era que el trabajo que entraba se atend\u00eda a pulso, con la memoria de tres personas y un\n          grupo de WhatsApp. <strong style=\"color:var(--ink)\">De nada sirve tener m\u00e1s clientes si\n          no eres capaz de recibirlos.<\/strong>\n        <\/p>\n        <p>Por eso Zenith empieza por ordenar, no por vender herramientas.<\/p>\n        <a class=\"btn btn-ghost\" href=\"https:\/\/www.linkedin.com\/in\/matias-calvo-6035483b0\"\n           target=\"_blank\" rel=\"noopener\" style=\"margin-top:20px\">Ver mi LinkedIn<\/a>\n      <\/div>\n      <div class=\"who-fig\">\n        <img decoding=\"async\" src=\"https:\/\/zenithproject.cloud\/wp-content\/uploads\/2026\/09\/retrato.webp\" alt=\"\"\n             onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\">\n        <div class=\"ph-box\" style=\"display:none\">\n          <span><b>Imagen 2 \u2014 Retrato<\/b>Estatua cl\u00e1sica con plano de obra, <br>luz morada, fondo negro. <br>\n          <em style=\"color:#544D68\">(pendiente de generar)<\/em><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"guarantee-band glass rv\">\n      <div>\n        <span class=\"eyebrow\">Garant\u00eda<\/span>\n        <h3>Te entrego lo acordado o no cobro.<\/h3>\n      <\/div>\n      <p>\n        Garantizo lo que est\u00e1 en mis manos: el diagn\u00f3stico completo \u2014 mapa, informe, roadmap y sesi\u00f3n \u2014\n        entregado en el plazo acordado. <strong style=\"color:var(--ink)\">No te garantizo resultados en\n        tu negocio<\/strong>, porque eso depende de que lo implementes. Quien te garantiza el resultado\n        te est\u00e1 vendiendo humo.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ====================== FAQ ====================== -->\n<section id=\"faq\">\n  <div class=\"wrap\">\n    <div class=\"rv\">\n      <span class=\"sec-ghost der\" aria-hidden=\"true\">DUDAS<\/span>\n      <span class=\"eyebrow\">Dudas razonables<\/span>\n      <h2 class=\"sec\">Lo que siempre me preguntan.<\/h2>\n    <\/div>\n    <div class=\"faq\">\n      <details class=\"q rv\">\n        <summary>Ya compramos un software y el equipo no lo usa. \u00bfEn qu\u00e9 es esto distinto?<\/summary>\n        <div class=\"a\">En que no empieza comprando nada. Primero se mira el proceso real y se decide si hace falta\n        una herramienta o si lo que hace falta es cambiar qui\u00e9n hace qu\u00e9 y cu\u00e1ndo. La mayor\u00eda de implementaciones\n        fracasan porque se compr\u00f3 la herramienta antes de redise\u00f1ar el proceso.<\/div>\n      <\/details>\n      <details class=\"q rv\">\n        <summary>\u00bfLa IA va a firmar decisiones t\u00e9cnicas de mi obra?<\/summary>\n        <div class=\"a\">No. La responsabilidad t\u00e9cnica sigue siendo del profesional que firma. Lo que se automatiza\n        es el trabajo de recoger, ordenar y mover informaci\u00f3n \u2014 el parte del d\u00eda, el seguimiento, el cruce de cifras \u2014\n        no el criterio de ingenier\u00eda.<\/div>\n      <\/details>\n      <details class=\"q rv\">\n        <summary>Ya tenemos a alguien que nos lleva la parte de sistemas.<\/summary>\n        <div class=\"a\">Perfecto, es complementario. Esa persona resuelve dentro de su \u00e1rea; el diagn\u00f3stico mira\n        el negocio completo y d\u00f3nde una \u00e1rea le est\u00e1 creando el problema a otra. Muchas veces el hallazgo es\n        justamente ese cruce.<\/div>\n      <\/details>\n      <details class=\"q rv\">\n        <summary>\u00bfCu\u00e1nto tiempo tengo que poner yo y mi equipo?<\/summary>\n        <div class=\"a\">Unas pocas sesiones cortas con quien ejecuta cada proceso, repartidas en las dos o tres semanas.\n        El trabajo pesado \u2014 mapear, redactar, priorizar \u2014 corre por mi cuenta.<\/div>\n      <\/details>\n      <details class=\"q rv\">\n        <summary>\u00bfY si despu\u00e9s no quiero implementar con ustedes?<\/summary>\n        <div class=\"a\">El mapa, el informe y el roadmap son tuyos. Puedes implementarlos con tu equipo o con quien\n        quieras. Ese es el punto de cobrar el diagn\u00f3stico aparte: no queda amarrado a que me contrates despu\u00e9s.<\/div>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ====================== CTA FINAL ====================== -->\n<section style=\"padding-top:20px\">\n  <div class=\"wrap\">\n    <div class=\"final rv\">\n      <span class=\"pill\"><span class=\"dot\"><\/span> 30 minutos \u00b7 sin compromiso<\/span>\n      <h2 class=\"display grad\" style=\"margin-top:22px\">Empecemos por <br>ver d\u00f3nde duele<\/h2>\n      <p>\n        En la llamada miramos tu operaci\u00f3n por encima y te digo, con lo que alcance a ver,\n        cu\u00e1les son las fugas m\u00e1s caras. Si de ah\u00ed sale un diagn\u00f3stico, bien. Si no, te quedas con eso.\n      <\/p>\n      <a class=\"btn\" href=\"https:\/\/cal.com\/zenithproject\/30min\" target=\"_blank\" rel=\"noopener\"\n         style=\"padding:19px 38px;font-size:16.5px\">\n        Agendar mi diagn\u00f3stico de 30 min <span class=\"arrow\">\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\n\n<footer>\n  <div class=\"wrap foot\">\n    <a class=\"brand\" href=\"#top\">\n      <div class=\"brand-mark\">Z<\/div>\n      <div>\n        <div class=\"brand-name\">Zenith<\/div>\n        <span class=\"brand-sub\">IA para constructoras<\/span>\n      <\/div>\n    <\/a>\n    <div style=\"display:flex;gap:26px;flex-wrap:wrap\">\n      <a href=\"https:\/\/www.linkedin.com\/in\/matias-calvo-6035483b0\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a>\n      <a href=\"mailto:zenithproject.ia@gmail.com\">zenithproject.ia@gmail.com<\/a>\n      <a href=\"https:\/\/cal.com\/zenithproject\/30min\" target=\"_blank\" rel=\"noopener\">Agendar<\/a>\n    <\/div>\n    <div class=\"cr\">Zenith \u00b7 Medell\u00edn, Colombia<\/div>\n  <\/div>\n<\/footer>\n\n<div class=\"sticky-cta\" id=\"stickyCta\">\n  <span class=\"txt\">Diagn\u00f3stico de 30 minutos, sin compromiso.<\/span>\n  <a class=\"btn\" href=\"https:\/\/cal.com\/zenithproject\/30min\" target=\"_blank\" rel=\"noopener\">Agendar <span class=\"arrow\">\u2192<\/span><\/a>\n<\/div>\n<\/div>\n\n<script>\n\n\/* ---------- las palabras gigantes se ajustan al ancho exacto ---------- *\/\nfunction textWidth(el){\n  const r=document.createRange();r.selectNodeContents(el);\n  return r.getBoundingClientRect().width;\n}\nfunction fitWord(el){\n  const box=el.parentElement.clientWidth;\n  if(!box)return;\n  el.style.fontSize='100px';\n  const w=textWidth(el);\n  if(!w)return;\n  el.style.fontSize=Math.floor(100*box\/w)+'px';\n}\nfunction fitAll(){document.querySelectorAll('.word').forEach(fitWord)}\nif(document.fonts&&document.fonts.ready){document.fonts.ready.then(fitAll)}\nfitAll();\nwindow.addEventListener('resize',()=>{clearTimeout(window._fw);window._fw=setTimeout(fitAll,120)});\nwindow.addEventListener('load',fitAll);\n\n\/* ---------- contenido de las 4 areas ---------- *\/\nconst AREAS=[\n {t:\"Marketing\",h:\"C\u00f3mo llega el que te busca\",\n  d:\"Casi ninguna constructora peque\u00f1a tiene un problema de falta de interesados. Tiene un problema de qu\u00e9 pasa con el interesado cuando llega.\",\n  l:[\"Por d\u00f3nde entra hoy cada contacto y qui\u00e9n lo ve primero\",\"Cu\u00e1nto se demora en responderse y a costa de qu\u00e9\",\"Qu\u00e9 se le dice: si hay una respuesta pensada o se improvisa cada vez\",\"Qu\u00e9 queda registrado del que pregunt\u00f3 y no cerr\u00f3\"]},\n {t:\"Ventas\",h:\"Qu\u00e9 pasa entre el contacto y la firma\",\n  d:\"Aqu\u00ed es donde m\u00e1s se pierde sin que nadie lo note, porque lo que se pierde nunca existi\u00f3 en ning\u00fan sistema.\",\n  l:[\"C\u00f3mo se arma una cotizaci\u00f3n hoy y cu\u00e1ntas horas cuesta\",\"Qui\u00e9n hace seguimiento, cu\u00e1ndo, y qu\u00e9 pasa si se le olvida\",\"D\u00f3nde est\u00e1 el hist\u00f3rico de lo cotizado y lo cerrado\",\"Qu\u00e9 se puede estandarizar sin volverlo un formulario r\u00edgido\"]},\n {t:\"Administraci\u00f3n\",h:\"D\u00f3nde vive el n\u00famero real\",\n  d:\"El punto no es tener m\u00e1s reportes. Es que el n\u00famero que miras para decidir sea el de hoy y no el del mes pasado.\",\n  l:[\"De d\u00f3nde sale cada cifra y cu\u00e1ntas manos toca antes de llegarte\",\"Qu\u00e9 se reteclea de un lado a otro (y d\u00f3nde se equivoca)\",\"Qu\u00e9 se puede cruzar solo entre presupuesto, compras y obra\",\"Qu\u00e9 reporte puede armarse sin que nadie lo arme\"]},\n {t:\"Entrega \/ Obra\",h:\"C\u00f3mo se entera la oficina de la obra\",\n  d:\"El residente no pierde margen en la obra. Lo pierde a las seis de la tarde, recopilando datos para escribir el parte del d\u00eda.\",\n  l:[\"C\u00f3mo viaja hoy la informaci\u00f3n de obra a oficina y cu\u00e1nto tarda\",\"Qu\u00e9 se captura dos veces: en papel y despu\u00e9s digitado\",\"Qu\u00e9 alertas deber\u00edan saltar solas y hoy dependen de que alguien mire\",\"Qu\u00e9 se lleva una persona consigo si ma\u00f1ana no est\u00e1\"]}\n];\nconst panel=document.getElementById('area-panel');\nfunction paintArea(i){\n  const a=AREAS[i];\n  panel.innerHTML='<div class=\"fade-in\"><h3>'+a.h+'<\/h3><p>'+a.d+'<\/p><ul>'+\n    a.l.map(x=>'<li><span>'+x+'<\/span><\/li>').join('')+'<\/ul><\/div>';\n}\ndocument.querySelectorAll('.area-tab').forEach(b=>{\n  b.addEventListener('click',()=>{\n    document.querySelectorAll('.area-tab').forEach(x=>x.classList.remove('on'));\n    b.classList.add('on');\n    paintArea(+b.dataset.area);\n  });\n});\npaintArea(0);\n\n\/* ---------- revelado al hacer scroll ---------- *\/\nconst revelables=document.querySelectorAll('.rv');\nfunction revelarTodo(){revelables.forEach(e=>{e.style.transitionDelay='0ms';e.classList.add('seen')})}\nif(!('IntersectionObserver' in window)){\n  revelarTodo();                       \/\/ navegador viejo: se ve todo, sin animacion\n}else{\n  const io=new IntersectionObserver((es)=>{\n    es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('seen');io.unobserve(e.target)}})\n  },{threshold:.12,rootMargin:'0px 0px -40px 0px'});\n  revelables.forEach((el,i)=>{el.style.transitionDelay=(i%3*70)+'ms';io.observe(el)});\n  \/\/ red de seguridad: si algo impide que el observador dispare, a los 3 s se ve todo\n  setTimeout(()=>{document.querySelectorAll('.rv:not(.seen)').forEach(e=>{\n    const b=e.getBoundingClientRect();\n    if(b.top<innerHeight&&b.bottom>0){e.style.transitionDelay='0ms';e.classList.add('seen')}\n  })},3000);\n}\n\n\/* ---------- contador de los datos ---------- *\/\nconst cio=new IntersectionObserver((es)=>{\n  es.forEach(e=>{\n    if(!e.isIntersecting)return;\n    const el=e.target,end=+el.dataset.count;let n=0;\n    const step=()=>{n+=Math.ceil(end\/28);if(n>=end){el.textContent=end+'%';return}el.textContent=n+'%';requestAnimationFrame(step)};\n    step();cio.unobserve(el);\n  })\n},{threshold:.6});\ndocument.querySelectorAll('[data-count]').forEach(el=>cio.observe(el));\n\n\/* ---------- parallax suave del hero ---------- *\/\nconst fig=document.getElementById('fig-hero');\nif(window.matchMedia('(hover:hover)').matches){\n  window.addEventListener('mousemove',ev=>{\n    const x=(ev.clientX\/window.innerWidth-.5),y=(ev.clientY\/window.innerHeight-.5);\n    fig.style.transform='translate3d('+(x*-14)+'px,'+(y*-12)+'px,0)';\n    document.querySelectorAll('.orb').forEach((o,i)=>{\n      const k=(i+1)*22;o.style.transform='translate3d('+(x*k)+'px,'+(y*k)+'px,0)';\n    });\n  },{passive:true});\n}\n\n\/* ---------- barra CTA pegada ---------- *\/\nconst sticky=document.getElementById('stickyCta');\nconst finalSec=document.querySelector('.final');\nwindow.addEventListener('scroll',()=>{\n  const past=window.scrollY>window.innerHeight*.9;\n  const atEnd=finalSec.getBoundingClientRect().top<window.innerHeight*.9;\n  sticky.classList.toggle('on',past&&!atEnd);\n},{passive:true});\n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ZenithMedell\u00edn, Colombia Diagn\u00f3stico + implementaci\u00f3nIA y automatizaci\u00f3n para constructoras Agendacal.com\/zenithproject Z Zenith IA para constructoras El problema El sistema C\u00f3mo funciona Por qu\u00e9 yo Agendar diagn\u00f3stico \u2192 Primero el diagn\u00f3stico \u00b7 despu\u00e9s la implementaci\u00f3n Tu constructora no pierde el margen en la obra. LO PIERDE Imagen 1 \u2014 Hero Estatua cl\u00e1sica en m\u00e1rmol con casco [&hellip;]<\/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-86","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zenithproject.cloud\/index.php?rest_route=\/wp\/v2\/pages\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zenithproject.cloud\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zenithproject.cloud\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zenithproject.cloud\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zenithproject.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=86"}],"version-history":[{"count":16,"href":"https:\/\/zenithproject.cloud\/index.php?rest_route=\/wp\/v2\/pages\/86\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/zenithproject.cloud\/index.php?rest_route=\/wp\/v2\/pages\/86\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/zenithproject.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}