/* NOVA · bynova.cl — sitio principal.
   Tipografías incluidas: Archivo (variable con eje de ancho) y JetBrains Mono. */
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(fonts/archivo.woff2) format('woff2-variations'),url(fonts/archivo.woff2) format('woff2')}
@font-face{font-family:'JB Mono';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/jbmono-500.woff2) format('woff2')}
@font-face{font-family:'JB Mono';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/jbmono-700.woff2) format('woff2')}

:root{
  --ink:#061C4B;--dk:#030A22;--dk2:#020719;--cy:#1FB6FF;--cy2:#0F9ED6;--cyt:#0A6FA0;--bl:#2F5BFF;
  --bg:#F3F6FB;--ln:#DCE3EE;--mu:#4A5A7A;--mud:#9FB0D0;--ok:#14804F;--okb:#E5F7EE;--wn:#B86E00;--wnb:#FFF4E0;--no:#C23434;--nob:#FDECEC;
  --fd:'Archivo',system-ui,sans-serif;--fm:'JB Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fd);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
main{overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--cy);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--cy);color:var(--dk);padding:10px 16px;border-radius:8px;font-weight:700}
.skip:focus{left:8px}

.wrap{max-width:1240px;margin:0 auto;padding:0 48px}
.disp{font-weight:850;font-stretch:125%;letter-spacing:-.025em;line-height:.98;margin:0}
.mono{font-family:var(--fm);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.k{color:var(--cyt)}
.dark .k,.navy .k{color:#8FD8FF}
.cy{color:var(--cy)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;font:700 16px var(--fd);text-decoration:none;white-space:nowrap;border:0;cursor:pointer;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s}
.btn:hover{transform:translateY(-1px)}
.btn-c{background:var(--cy);color:#031033;box-shadow:0 10px 30px -12px rgba(31,182,255,.8)}
.btn-c:hover{background:#4CC6FF}
.btn-o{border:1.5px solid rgba(255,255,255,.25);color:#fff;background:transparent}
.btn-o:hover{border-color:#fff}
.btn-n{background:var(--ink);color:#fff}
.lnk{all:unset;cursor:pointer}

/* ---------- Menú: cápsula flotante ---------- */
.top{position:fixed;left:0;right:0;top:0;z-index:50;padding-top:14px;transition:padding .35s}
.nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 10px 10px 16px;border-radius:20px;background:rgba(9,20,60,.45);border:1px solid rgba(120,160,255,.14);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);transition:background .35s,box-shadow .35s,border-color .35s}
.top.sc{padding-top:10px}
.top.sc .nav{background:rgba(6,14,46,.78);border-color:rgba(142,190,255,.2);box-shadow:0 18px 50px -20px rgba(0,0,0,.8)}
.logo img{height:40px;width:auto}
.nav-l{position:relative;display:flex;gap:2px;padding:5px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:14.5px;font-weight:600}
.nav-l a{position:relative;z-index:1;padding:9px 15px;border-radius:10px;text-decoration:none;color:#A9B8D8;transition:color .25s}
.nav-l a:hover,.nav-l a.on{color:#fff}
.nav-l .ind{position:absolute;z-index:0;top:5px;bottom:5px;left:0;width:0;border-radius:10px;background:rgba(31,182,255,.16);box-shadow:inset 0 0 0 1px rgba(31,182,255,.4);opacity:0;transition:transform .45s cubic-bezier(.3,.8,.2,1),width .45s cubic-bezier(.3,.8,.2,1),opacity .3s}
.nav-r{display:flex;gap:10px;align-items:center}
.nav-r .btn{min-height:44px;padding:0 18px;font-size:15px;box-shadow:none}
.prog{position:absolute;left:18px;right:18px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--cy),var(--bl));transform-origin:0 50%;transform:scaleX(0);opacity:0;transition:opacity .3s}
.top.sc .prog{opacity:1}
.mnu{display:none;position:relative;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);cursor:pointer;color:#fff}
.mnu span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s,top .3s}
.mnu span:first-child{top:17px}.mnu span:last-child{top:25px}
.mnu[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.mnu[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}
.menu-m{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;justify-content:space-between;padding:110px 24px 34px;background:rgba(3,10,34,.82);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;transition:opacity .3s;color:#fff}
.menu-m[hidden]{display:none}
.menu-m.open{opacity:1}
.menu-m nav{display:flex;flex-direction:column}
.menu-m nav a,.menu-m nav button{all:unset;cursor:pointer;display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-weight:850;font-stretch:125%;font-size:28px;letter-spacing:-.02em;opacity:0;translate:0 14px;transition:opacity .4s,translate .4s}
.menu-m nav .mono{font-size:12px;color:var(--cy);font-stretch:100%}
.menu-m.open nav a,.menu-m.open nav button{opacity:1;translate:0 0}
.menu-m.open nav>:nth-child(2){transition-delay:.05s}.menu-m.open nav>:nth-child(3){transition-delay:.1s}.menu-m.open nav>:nth-child(4){transition-delay:.15s}.menu-m.open nav>:nth-child(5){transition-delay:.2s}
.menu-b{display:flex;flex-direction:column;gap:10px}
html.menu-on,html.ct-on{overflow:hidden}

/* ---------- Oscuro ---------- */
.dark{position:relative;background:var(--dk);color:#fff;overflow:hidden}
.glow{position:absolute;border-radius:50%;pointer-events:none}
.g1{right:-180px;top:-140px;width:820px;height:820px;background:radial-gradient(circle,rgba(47,91,255,.38),rgba(47,91,255,0) 68%)}
.g2{left:-260px;bottom:-320px;width:700px;height:700px;background:radial-gradient(circle,rgba(31,182,255,.22),rgba(31,182,255,0) 70%)}
.g3{left:50%;bottom:-380px;transform:translateX(-50%);width:980px;height:640px;background:radial-gradient(circle,rgba(47,91,255,.45),rgba(47,91,255,0) 70%)}

/* ---------- Inicio ---------- */
.hero{position:relative;padding:150px 0 96px}
.hero-g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:48px;align-items:center}
.tag{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.tag .mono{color:#D7E3FF;font-size:11.5px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--cy);box-shadow:0 0 12px var(--cy);animation:blink 1.8s ease-in-out infinite}
@keyframes blink{50%{opacity:.35}}
.h1{font-size:60px;margin:24px 0 22px}
.lead{font-size:20px;color:#C3CFEA;margin:0 0 32px;max-width:540px}
.lead b{color:#fff}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:var(--mud);font-size:11.5px;letter-spacing:.08em}
.meta span{display:inline-flex;align-items:center;gap:7px}
.meta svg{color:var(--cy)}
.hv{position:relative;height:540px}
.hv-iso{position:absolute;right:-60px;top:-50px;width:560px;height:560px;opacity:.14}
.win{border-radius:16px;overflow:hidden;background:#fff;color:var(--ink)}
.win-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#E8EDF6;border-bottom:1px solid var(--ln)}
.win-bar>i{width:10px;height:10px;border-radius:50%;background:#FF6159}
.win-bar>i:nth-child(2){background:#FFBD2E}.win-bar>i:nth-child(3){background:#28C840}
.url{margin-left:8px;font-family:var(--fm);font-size:11px;color:#3A4A6A;background:#fff;padding:5px 11px;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hv-win{position:absolute;left:0;right:0;top:30px;box-shadow:0 50px 100px -30px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.12)}
.hv-app{display:grid;grid-template-columns:54px minmax(0,1fr);background:#F5F7FB}
.hv-side{background:var(--ink);padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:12px}
.hv-side img{width:26px;height:26px;filter:brightness(2.2)}
.hv-side span{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.08)}
.hv-side span.on{background:var(--cy2)}
.hv-main{padding:18px;display:flex;flex-direction:column;gap:12px}
.hv-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hv-head b{font-size:16px;display:block}
.hv-head small{font-size:11.5px;color:#6A7894}
.hv-head em,.ah em{font-style:normal;flex:none;font-size:12px;font-weight:700;padding:7px 12px;border-radius:9px;background:var(--cy2);color:#fff}
.hv-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.card{background:#fff;border:1px solid #E1E7F0;border-radius:14px}
.hv-kpis .card{padding:12px;display:flex;flex-direction:column;gap:1px}
.hv-kpis small,.kpi small{font-size:10.5px;color:#6A7894;font-weight:700;letter-spacing:.04em}
.hv-kpis b{font-size:19px}
.hv-kpis span{font-size:11px;color:#6A7894;font-weight:600}
.up{color:var(--ok)!important;font-weight:700}.dn{color:var(--no)!important;font-weight:700}.wn{color:var(--wn)!important;font-weight:700}
.hv-chart{padding:14px}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hv-chart .row{font-size:12px}.hv-chart .row span{color:#6A7894}
.bars{display:flex;align-items:flex-end;gap:7px;height:130px;margin-top:10px}
.bars i{flex:1;border-radius:5px 5px 2px 2px;background:#D6E9F7;transform-origin:bottom;animation:grow 1s cubic-bezier(.2,.8,.2,1) both}
.bars i.hi,.mbars i.hi{background:var(--cy2)}
.bars i:nth-child(2n){animation-delay:.05s}.bars i:nth-child(3n){animation-delay:.1s}
@keyframes grow{from{transform:scaleY(0)}}
.toast{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 24px 50px -20px rgba(0,0,0,.8);animation:fl 6s ease-in-out infinite alternate}
.toast b{display:block;font-size:14px}
.toast small{display:block;font-size:12px;color:#6A7894}
.ti{flex:none;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.ti.ok{background:var(--okb);color:var(--ok)}.ti.wa{background:var(--wnb);color:var(--wn)}
.t1{left:-34px;bottom:20px}
.t2{right:-20px;top:0;animation-delay:-3s}
@keyframes fl{to{transform:translateY(-10px)}}
.tick{position:relative;border-top:1px solid rgba(255,255,255,.08);overflow:hidden;white-space:nowrap}
.tick-in{display:inline-flex;padding:18px 0;animation:tk 42s linear infinite;color:var(--mud);font-size:12.5px}
.tick-in span{display:inline-flex;align-items:center;gap:30px;padding-right:30px}
.tick-in i{font-style:normal;color:var(--cy)}
@keyframes tk{to{transform:translateX(-50%)}}

/* ---------- Secciones ---------- */
.sec{padding:120px 0}
.h2{font-size:54px;margin:16px 0 0}
.sub{font-size:18px;color:var(--mu);margin:18px 0 0;max-width:620px;line-height:1.6}
.sub b{color:var(--ink)}
.sec-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:36px}
.sec-top>div{max-width:760px}
.sec-top .sub{max-width:360px;margin:0;font-size:17px}

/* Qué construimos */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.chip{all:unset;cursor:pointer;display:inline-flex;align-items:center;padding:11px 18px;border-radius:12px;font-weight:700;font-size:15px;border:1px solid var(--ln);background:#fff;color:#33415F;transition:background .2s,color .2s,border-color .2s}
.chip:hover{border-color:#9FD5F2}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
.demo{border:1px solid var(--ln);box-shadow:0 50px 90px -50px rgba(6,28,75,.5)}
.demo .win-bar{background:#EEF2F8}
.ej{margin-left:auto;font-size:10.5px;color:#8A97B2}
.app{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:580px;background:#F5F7FB}
.side{background:var(--ink);padding:16px 12px;display:flex;flex-direction:column;gap:4px}
.side img{height:30px;width:auto;align-self:flex-start;margin:2px 6px 14px}
.side span{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;color:var(--mud);font-size:14px;font-weight:600;transition:background .25s,color .25s}
.side span i{width:7px;height:7px;border-radius:2px;background:currentColor;opacity:.7}
.side span.on{background:var(--cy2);color:#fff}
.app-main{padding:22px 24px;min-width:0}
.scr{display:flex;flex-direction:column;gap:16px;animation:scin .45s cubic-bezier(.2,.8,.2,1)}
.scr[hidden]{display:none}
@keyframes scin{from{opacity:0;transform:translateY(10px)}}
.ah{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ah b{font-size:20px;display:block}
.ah small{font-size:13px;color:#6A7894}
.ah em{font-size:13px;padding:9px 14px;border-radius:10px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi{padding:14px 16px;display:flex;flex-direction:column}
.kpi b{font-size:23px;margin:4px 0 2px}
.kpi span{font-size:12px;font-weight:600;color:#6A7894}
.two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px}
.pad{padding:16px}
.stack{display:flex;flex-direction:column;gap:12px}
.t13{font-size:13px}
.chart .row{font-size:13px}.chart .row>span{color:#6A7894}
.mbars{display:flex;align-items:flex-end;gap:9px;height:220px;margin-top:12px}
.mbars span{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:#8A97B2}
.mbars i{width:100%;border-radius:6px 6px 2px 2px;background:#CFE6F5;transform-origin:bottom}
.scr:not([hidden]) .mbars i{animation:grow .8s cubic-bezier(.2,.8,.2,1) both}
.hb .row{font-size:13px;font-weight:600}
.hb>i{display:block;height:8px;border-radius:4px;background:#EEF2F8;margin-top:6px}
.hb>i b{display:block;height:8px;border-radius:4px;background:var(--cy2)}
.moves{border-top:1px solid #EEF2F8;padding-top:10px;display:flex;flex-direction:column;gap:8px}
.moves .row,.stack>.row{font-size:12.5px}
.moves .row span,.stack>.row span{color:var(--mu)}
.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.col{background:#EDF1F7;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}
.col-h{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800}
.col-h span{display:inline-flex;align-items:center;gap:8px}
.col-h i{width:9px;height:9px;border-radius:50%}
.col-h small{color:#6A7894;font-size:12.5px}
.deal{padding:14px;display:flex;flex-direction:column;gap:6px}
.deal>b{font-size:14px}.deal small{font-size:12.5px;color:#6A7894}
.deal .row{margin-top:4px}.deal .row b{font-size:15px}
.av{flex:none;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
.av.big{width:38px;height:38px;font-size:13px;color:var(--ink)}
.av.xl{width:48px;height:48px;font-size:14px;color:var(--ink)}
.tbl{overflow:hidden}
.tr{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:12px;align-items:center;padding:13px 16px;border-top:1px solid #EEF2F8;font-size:13.5px}
.th{background:var(--ink);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:0}
.tr code{font-family:var(--fm);font-size:12px;color:#6A7894}
.lvl{display:flex;align-items:center;gap:10px}
.lvl b{width:34px}
.lvl i{flex:1;height:7px;border-radius:4px;background:#EEF2F8}
.lvl s{display:block;height:7px;border-radius:4px;background:var(--ok)}
.st{justify-self:start;font-style:normal;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px}
.st.ok{background:var(--okb);color:var(--ok)}.st.lo{background:var(--wnb);color:var(--wn)}.st.no{background:var(--nob);color:var(--no)}
.list{overflow:hidden}
.li{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #EEF2F8;font-size:13.5px}
.li.sel{background:#F3F9FE}
.li .grow{flex:1;min-width:0}
.li .grow b{display:block;font-size:14px}.li .grow small{font-size:12.5px;color:#6A7894}
.who-c{display:flex;gap:12px;align-items:center}
.who-c b{display:block;font-size:16px}.who-c small{font-size:12.5px;color:#6A7894}
.mini2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mini2 div{padding:12px;border-radius:10px;background:#F5F7FB;display:flex;flex-direction:column}
.mini2 small{font-size:11px;color:#6A7894;font-weight:700}
.mini2 b{font-size:18px}
.week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.day{display:flex;flex-direction:column;gap:8px}
.dh{text-align:center;padding:8px;border-radius:10px;background:#EEF2F8;display:flex;flex-direction:column}
.dh small{font-size:11px;font-weight:800;letter-spacing:.06em}
.dh b{font-size:20px}
.dh.today{background:var(--ink);color:#fff}
.ev{padding:10px;border-radius:10px;font-size:12.5px;font-weight:700;line-height:1.3}
.ev small{display:block;font-size:11px;font-weight:800;margin-bottom:3px}
.c1{background:#E2F2FC}.c1 small{color:var(--cyt)}
.c2{background:#EEEAFE}.c2 small{color:#5B45D6}
.c3{background:var(--okb)}.c3 small{color:var(--ok)}
.c4{background:var(--wnb)}.c4 small{color:var(--wn)}
.leg{display:inline-flex;align-items:center;gap:8px;color:#6A7894}
.leg i{width:14px;height:3px;border-radius:2px;background:var(--cy2)}.leg i.g{background:#B9C4D8;margin-left:8px}
.line{width:100%;height:230px;margin-top:10px}

/* Cómo trabajamos */
.navy{background:var(--ink);color:#fff}
.navy .h2{max-width:760px}
.steps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.steps li{padding:8px 36px}
.steps li:first-child{padding-left:0}
.steps li+li{border-left:1px solid rgba(255,255,255,.14)}
.steps .n{display:block;font-size:88px;color:var(--cy);font-stretch:100%}
.steps h3{font-size:24px;margin:18px 0 10px}
.steps p{margin:0;color:#B7C6E6;line-height:1.6}

/* Incluido */
.sec-in{padding:110px 0 60px}
.sec-in .h2{max-width:760px}
.incl{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ln);border:1px solid var(--ln);border-radius:20px;overflow:hidden}
.incl li{background:#fff;padding:26px;display:flex;gap:14px;align-items:flex-start;transition:background .25s}
.incl li:hover{background:#F7FBFF}
.incl svg{flex:none;color:var(--cy2)}
.incl b{display:block}
.incl span{display:block;color:var(--mu);font-size:14.5px;margin-top:4px}

/* Sistemas en uso */
.sec-ready{padding:60px 0 110px}
.ready{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}
.rd{position:relative;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.rd:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(6,28,75,.45)}
.rd-t{background:#fff;border:1px solid var(--ln)}
.rd-b{background:#0D0B2E;color:#fff}
.rd-b::before{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(123,97,255,.55),rgba(123,97,255,0) 70%)}
.rd-c{position:relative;padding:30px 30px 22px}
.rd-u{display:inline-flex;align-items:center;gap:8px;color:var(--cyt)}
.rd-u i{width:8px;height:8px;border-radius:2px;background:var(--cy2)}
.rd-logo{height:32px;width:auto}
.rd h3{font-size:32px;margin:14px 0 10px}
.rd p{margin:0;line-height:1.55;color:var(--mu)}
.rd-b p{color:#C4C0EE}
.rd-l{display:inline-flex;margin-top:14px;font-weight:700;text-decoration:none;color:var(--cyt)}
.rd-b .rd-l{color:#D9D2FF}
.rd-l:hover{text-decoration:underline}
.rd-img{position:relative;margin:auto 0 0 30px;border-radius:12px 0 0 0;overflow:hidden;border:1px solid var(--ln);border-right:0;border-bottom:0}
.rd-b .rd-img{border-color:rgba(255,255,255,.15)}
.rd-img img{width:100%;height:240px;object-fit:cover;object-position:top left}

/* Quién está detrás */
.sec-who{background:#fff;border-top:1px solid var(--ln)}
.who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.prom{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.prom li{display:flex;align-items:center;gap:18px;padding:20px;border-radius:18px;border:1px solid var(--ln);background:#F7F9FC;transition:transform .25s,border-color .25s}
.prom li:hover{transform:translateX(4px);border-color:#9FD5F2}
.pi{flex:none;width:56px;height:56px;border-radius:14px;background:var(--ink);color:var(--cy);display:flex;align-items:center;justify-content:center}
.prom b{display:block;font-size:17px}
.prom li>span:last-child>span{display:block;color:var(--mu);font-size:14.5px;margin-top:3px}

/* Preguntas */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}
.qs{border-top:1px solid var(--ln)}
.q{border-bottom:1px solid var(--ln)}
.q summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 2px;cursor:pointer;font-weight:700;font-size:18px}
.q summary::-webkit-details-marker{display:none}
.pl{flex:none;position:relative;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--ln);transition:transform .25s,border-color .25s}
.pl::before,.pl::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--cy2)}
.pl::after{transform:rotate(90deg)}
.q[open] .pl{transform:rotate(45deg);border-color:var(--cy2)}
.q p{margin:0;padding:0 50px 22px 2px;color:var(--mu);line-height:1.6}

/* Cierre */
.end{padding:130px 0 110px;text-align:center}
.end-in{position:relative;display:flex;flex-direction:column;align-items:center}
.h-end{font-size:84px;margin:18px 0 0;max-width:980px}
.end .sub{color:#B7C6E6;margin:22px 0 34px;max-width:560px}
.say{all:unset;box-sizing:border-box;cursor:text;display:flex;align-items:center;gap:12px;width:100%;max-width:600px;padding:8px 8px 8px 22px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(143,216,255,.3);text-align:left;transition:border-color .25s,box-shadow .25s,background .25s}
.say:hover,.say:focus-visible{border-color:var(--cy);background:rgba(31,182,255,.08);box-shadow:0 0 0 5px rgba(31,182,255,.12)}
.say-t{flex:1;color:var(--mud);font-size:17px}
.say-t::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:3px;vertical-align:-.15em;background:var(--cy);animation:blink 1.1s steps(1) infinite}
.say-b{flex:none;width:48px;height:48px;border-radius:50%;background:var(--cy);color:#031033;display:flex;align-items:center;justify-content:center;transition:transform .25s}
.say:hover .say-b{transform:translateX(3px)}
.end-l{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:22px;color:var(--mud);font-size:15px}
.end-l a{text-decoration:none}.end-l a:hover{color:#fff}

/* Pie */
.foot{background:var(--dk2);color:var(--mud);padding:56px 0 30px;border-top:1px solid rgba(255,255,255,.07)}
.foot-g{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.foot-b{display:flex;flex-direction:column;gap:14px;font-size:14.5px;line-height:1.6;max-width:320px}
.foot-b img{height:44px;width:auto;align-self:flex-start}
.foot-b a,.foot-x a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(31,182,255,.5)}
.foot-c{display:flex;flex-direction:column;gap:10px;font-size:14.5px}
.foot-c b{color:#fff;font-size:11px}
.foot-c a{text-decoration:none}
.foot-c a:hover{color:#fff}
.foot-x{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);font-size:11px}

/* Contacto */
.ct{width:min(500px,calc(100% - 32px));max-height:calc(100% - 24px);padding:0;border:0;border-radius:24px;background:transparent;color:#fff;overflow:visible}
.ct::backdrop{background:rgba(2,7,25,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ct[open]{animation:ctin .35s cubic-bezier(.2,.9,.3,1.1)}
.ct[open]::backdrop{animation:fade .3s ease}
@keyframes ctin{from{opacity:0;transform:translateY(18px) scale(.97)}}
@keyframes fade{from{opacity:0}}
.ct-f{position:relative;margin:0;padding:26px;border-radius:24px;background:linear-gradient(170deg,#0C1D5A,#061238) padding-box,linear-gradient(135deg,rgba(31,182,255,.6),rgba(255,255,255,.06) 45%,rgba(47,91,255,.6)) border-box;border:1px solid transparent;box-shadow:0 40px 90px -30px rgba(0,0,0,.9)}
.ct-x{all:unset;cursor:pointer;position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07)}
.ct-x:hover{background:rgba(255,255,255,.15)}
.ct-h{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding-right:40px}
.ct-h img{width:52px;height:52px;border-radius:14px;background:#030A22;padding:6px}
.ct-h div{display:flex;flex-direction:column;gap:3px}
.ct-h b{font-weight:850;font-stretch:115%;font-size:21px}
.ct-h span{display:flex;align-items:center;gap:7px;color:var(--mud);font-size:13.5px}
.ct-h i{width:7px;height:7px;border-radius:50%;background:#3DDC97;box-shadow:0 0 8px #3DDC97}
.ct-body{display:flex;flex-direction:column;gap:12px}
.ct-body[hidden]{display:none}
.fl-in{position:relative;display:block}
.fl-in input,.fl-in textarea{width:100%;padding:24px 16px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font:500 16px var(--fd);outline:0;resize:vertical;transition:border-color .2s,background .2s,box-shadow .2s}
.fl-in textarea{min-height:110px}
.fl-in input:focus,.fl-in textarea:focus{border-color:var(--cy);background:rgba(31,182,255,.08);box-shadow:0 0 0 4px rgba(31,182,255,.15)}
.fl-in>span{position:absolute;left:17px;top:17px;color:#8E9AB8;font-size:16px;pointer-events:none;transition:all .18s}
.fl-in input:focus+span,.fl-in input:not(:placeholder-shown)+span,.fl-in textarea:focus+span,.fl-in textarea:not(:placeholder-shown)+span{top:8px;font-size:11.5px;color:#8FD8FF}
.fl-in.err input,.fl-in.err textarea{border-color:#FF6B7A}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ct-e{margin:0;color:#FF9AA5;font-size:14px}
.ct-send{width:100%;margin-top:4px}
.ct-send[disabled]{opacity:.65;pointer-events:none}
.ct-wa{text-align:center;color:var(--mud);font-size:14px;text-decoration:none;padding:6px}
.ct-wa:hover{color:#fff}
.ct-ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:20px 0 6px}
.ct-ok[hidden]{display:none}
.ct-ok-i{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cy);color:#031033;box-shadow:0 14px 34px -10px rgba(31,182,255,.9)}
.ct-ok b{font-weight:850;font-stretch:115%;font-size:24px}
.ct-ok>span{color:var(--mud);margin-bottom:10px}

/* Aparición al bajar */
.rv{opacity:0;translate:0 28px;transition:opacity .8s cubic-bezier(.2,.7,.2,1),translate .8s cubic-bezier(.2,.7,.2,1)}
.rv.vis{opacity:1;translate:0 0}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}

/* ---------- iPad ---------- */
@media (max-width:1100px){
  .wrap{padding:0 32px}
  .nav-l{display:none}
  .mnu{display:block}
  .hero{padding-top:130px}
  .hero-g,.who,.faq{grid-template-columns:minmax(0,1fr)}
  .h1{font-size:58px}
  .hv{height:500px;max-width:720px}
  .app{grid-template-columns:170px minmax(0,1fr)}
  .kanban{gap:8px}
  .steps li{padding:8px 24px}
  .foot-g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .app{grid-template-columns:minmax(0,1fr)}
  .side{display:none}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ready{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:minmax(0,1fr)}
  .steps li,.steps li:first-child{padding:28px 0}
  .steps li+li{border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .incl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ---------- Celular ---------- */
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .top{padding-top:8px}
  .nav{padding:8px 8px 8px 12px;gap:10px}
  .logo img{height:32px}
  .nav-r{gap:8px}
  .nav-r .btn{min-height:42px;padding:0 14px;font-size:14px}
  .mnu{width:42px;height:42px}
  .mnu span{left:11px;right:11px}.mnu span:first-child{top:16px}.mnu span:last-child{top:24px}
  .mnu[aria-expanded="true"] span:first-child,.mnu[aria-expanded="true"] span:last-child{top:20px}
  .hero{padding:108px 0 56px}
  .tag .mono{font-size:10px;letter-spacing:.08em}
  .h1{font-size:42px;margin:20px 0 16px}
  .lead{font-size:17px}
  .ctas .btn{flex:1 1 100%}
  .meta{gap:12px;font-size:10px;letter-spacing:.04em}
  .hv{height:auto;margin-top:12px}
  .hv-iso{width:360px;height:360px;right:-90px;top:-40px}
  .hv-win{position:relative;top:0}
  .hv-main{padding:12px;gap:10px}
  .hv-app{grid-template-columns:40px minmax(0,1fr)}
  .hv-side span{width:22px;height:22px}
  .hv-side img{width:20px;height:20px}
  .hv-kpis{gap:6px}
  .hv-kpis .card{padding:8px}
  .hv-kpis b{font-size:13px}
  .hv-kpis span{display:none}
  .hv-head em{display:none}
  .bars{height:90px;gap:4px}
  .toast{display:none}
  .sec{padding:76px 0}
  .h2{font-size:34px}
  .sub{font-size:16.5px}
  .sec-top .sub{max-width:none}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 14px;padding:0 16px 4px;scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none;padding:10px 15px;font-size:14px}
  .app{min-height:0}
  .app-main{padding:14px}
  .ah em{display:none}
  .ah b{font-size:18px}
  .kpi{padding:12px}
  .kpi b{font-size:18px}
  .two,.kanban{grid-template-columns:minmax(0,1fr)}
  .mbars{height:150px;gap:4px}
  .tr{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.9fr);font-size:12.5px;padding:12px}
  .tr code,.th span:nth-child(2){display:none}
  .lvl i{display:none}
  .week{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .ev{padding:7px 6px;font-size:10.5px}
  .ev small{font-size:9.5px}
  .dh{padding:6px 2px}.dh b{font-size:16px}.dh small{font-size:9.5px}
  .line{height:160px}
  .steps .n{font-size:64px}
  .incl{grid-template-columns:minmax(0,1fr)}
  .sec-in{padding:76px 0 40px}
  .sec-ready{padding:40px 0 76px}
  .rd-c{padding:24px 22px 18px}
  .rd h3{font-size:26px}
  .rd-img{margin-left:22px}
  .rd-img img{height:180px}
  .prom li{padding:16px;gap:14px}
  .pi{width:48px;height:48px}
  .q summary{font-size:16.5px;padding:18px 2px}
  .q p{padding:0 8px 20px 2px}
  .end{padding:90px 0 80px}
  .h-end{font-size:44px}
  .say-t{font-size:15px}
  .foot-g{grid-template-columns:minmax(0,1fr);gap:28px}
  .ct-f{padding:22px 18px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .rv{opacity:1;translate:0 0}
}