/* =====================================================================
   UKABI · Página ERP (resumen de a3ERP y fi4.0)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-erp-*;
   piezas que inserta ukabi-light-erp.js: uke-*.
   ===================================================================== */

/* ---------- HERO: mapa del sistema ---------- */
.ukabi-light-page .ukl-erp-hero{ padding-bottom:30px !important; }
.ukabi-light-page .ukl-erp-hero > .fusion-row{ max-width:1290px !important; }
.ukabi-light-page .ukl-erp-hero .ukl-hero-copy .fusion-column-wrapper{ max-width:1000px; }
.ukabi-light-page .ukl-erp-hero .ukl-hero-copy .ukl-lead{ flex:0 0 100% !important; max-width:none; margin-inline:0 !important; }
.ukabi-light-page .ukl-erp-hero .ukl-hero-copy .ukl-lead p{ max-width:720px; margin-inline:auto; }
.ukabi-light-page .ukl-erp-hero .ukl-h1 .fusion-title-heading{ font-size:clamp(38px,5.4vw,72px) !important; line-height:1.03 !important; }
.ukabi-light-page .ukl-mock--erpsys{ margin-top:60px !important; perspective:1600px; }
.uke-sys{ position:relative; border-radius:30px; background:linear-gradient(160deg,#0B1548,#101E63 55%,#1A1F5E); color:#fff; overflow:hidden; box-shadow:var(--ukl-shadow-lg); transform-origin:50% 0; text-align:left; }
.uke-sys::before{ content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.4px); background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000,transparent); mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000,transparent); }
.uke-sys::after{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(520px 320px at 50% 52%,rgba(111,122,230,.28),transparent 70%); }
.uke-top{ position:relative; z-index:3; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 24px; font:700 11px/1.2 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.62); border-bottom:1px solid rgba(255,255,255,.08); }
.uke-top .live{ display:inline-flex; align-items:center; gap:8px; color:#fff; }
.uke-top .live i{ flex:none; width:8px; height:8px; border-radius:50%; background:#5BE0A0; animation:uke-ping 1.8s infinite; }
@keyframes uke-ping{ 0%{ box-shadow:0 0 0 0 rgba(91,224,160,.6); } 70%{ box-shadow:0 0 0 9px rgba(91,224,160,0); } 100%{ box-shadow:0 0 0 0 rgba(91,224,160,0); } }
.uke-top .leg{ display:flex; gap:16px; }
.uke-top .leg span{ display:inline-flex; align-items:center; gap:7px; }
.uke-top .leg span::before{ content:""; width:9px; height:9px; border-radius:3px; background:#8E9BFF; }
.uke-top .leg span.c::before{ background:var(--ukl-coral); }
.uke-top .t{ font-variant-numeric:tabular-nums; }
.uke-stage{ position:relative; z-index:2; aspect-ratio:16/8.2; }
.uke-wires{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.uke-wires line{ stroke:rgba(160,172,255,.26); stroke-width:1.4; stroke-dasharray:4 6; }
.uke-wires line.c{ stroke:rgba(253,73,92,.45); }
.uke-wires circle{ fill:#B9C2FF; filter:drop-shadow(0 0 6px #8E9BFF); }
.uke-wires circle.c{ fill:#FF8594; filter:drop-shadow(0 0 7px #FD495C); }
.uke-hub{ position:absolute; left:50%; top:50%; translate:-50% -50%; width:clamp(128px,15vw,188px); aspect-ratio:1; display:grid; place-items:center; text-align:center; z-index:3; }
.uke-hub .core{ position:relative; z-index:2; width:62%; aspect-ratio:1; border-radius:50%; display:grid; place-content:center; gap:4px;
  background:radial-gradient(circle at 35% 30%,#2B3DB0,#131F6E 70%); box-shadow:0 0 0 1px rgba(255,255,255,.18),0 18px 50px -10px rgba(0,0,0,.6),0 0 60px rgba(111,122,230,.45); }
.uke-hub .core svg{ width:34px; height:34px; margin-inline:auto; }
.uke-hub .core small{ font:700 9.5px/1.25 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.78); max-width:92px; }
.uke-hub .ring{ position:absolute; inset:0; border-radius:50%; border:1px dashed rgba(160,172,255,.35); animation:uke-spin 40s linear infinite; }
.uke-hub .ring.r2{ inset:-18%; border-style:solid; border-color:rgba(160,172,255,.12); animation-duration:70s; animation-direction:reverse; }
.uke-hub .arc{ position:absolute; inset:-18%; width:136%; height:136%; }
.uke-hub .arc circle{ fill:none; stroke:var(--ukl-coral); stroke-width:2.2; stroke-linecap:round; filter:drop-shadow(0 0 6px #FD495C); }
.uke-hub .flash{ position:absolute; inset:0; border-radius:50%; border:2px solid var(--ukl-coral); opacity:0; pointer-events:none; }
@keyframes uke-spin{ to{ rotate:360deg; } }
.uke-node{ position:absolute; left:var(--x); top:var(--y); translate:-50% -50%; z-index:4; display:flex; align-items:center; gap:11px; padding:11px 14px 11px 11px; border-radius:14px;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); min-width:172px; transition:border-color .3s,background .3s,box-shadow .3s; }
.uke-node .ic{ flex:none; width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:rgba(142,155,255,.18); color:#C8CEFF; }
.uke-node .ic svg{ width:18px; height:18px; }
.uke-node b{ display:block; font:700 13.5px/1.2 var(--ukl-display); color:#fff; }
.uke-node small{ display:block; margin-top:3px; font:400 11px/1.25 var(--ukl-mono); color:rgba(255,255,255,.62); font-variant-numeric:tabular-nums; white-space:nowrap; }
.uke-node.hit{ border-color:rgba(185,194,255,.7); background:rgba(142,155,255,.16); box-shadow:0 0 0 4px rgba(142,155,255,.12); }
.uke-node.fi{ background:rgba(253,73,92,.12); border-color:rgba(253,73,92,.45); }
.uke-node.fi .ic{ background:var(--ukl-coral); color:#fff; }
.uke-node.fi.hit{ border-color:#FF8594; box-shadow:0 0 0 4px rgba(253,73,92,.18); }
.uke-node .tag{ position:absolute; top:-10px; right:10px; font:700 9px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; background:var(--ukl-coral); color:#fff; padding:5px 7px; border-radius:6px; white-space:nowrap; }
.uke-sat{ position:absolute; z-index:3; translate:-50% -50%; font:700 9.5px/1 var(--ukl-mono); letter-spacing:.06em; text-transform:uppercase; color:#FFB3BC; background:rgba(253,73,92,.1); border:1px solid rgba(253,73,92,.3); padding:6px 8px; border-radius:999px; white-space:nowrap; }
.uke-foot{ position:relative; z-index:3; display:flex; align-items:center; gap:14px; padding:14px 24px 18px; border-top:1px solid rgba(255,255,255,.08); min-height:62px; }
.uke-foot .lbl{ flex:none; font:700 10.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.5); }
.uke-foot .t{ flex:none; font:400 12px/1 var(--ukl-mono); color:rgba(255,255,255,.55); font-variant-numeric:tabular-nums; }
.uke-ticker{ position:relative; flex:1; height:30px; overflow:hidden; }
.uke-ev{ position:absolute; inset:0; display:flex; align-items:center; gap:10px; font:400 13px/1.3 var(--ukl-mono); color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.uke-ev i{ flex:none; font-style:normal; font-weight:700; font-size:10px; letter-spacing:.08em; padding:5px 7px; border-radius:6px; background:rgba(142,155,255,.22); color:#D4D9FF; }
.uke-ev.c i{ background:var(--ukl-coral); color:#fff; }
.uke-node[data-k=ventas]{ --x:16%; --y:22%; } .uke-node[data-k=compras]{ --x:84%; --y:22%; } .uke-node[data-k=almacen]{ --x:86%; --y:60%; }
.uke-node[data-k=finanzas]{ --x:68%; --y:86%; } .uke-node[data-k=analisis]{ --x:13%; --y:55%; } .uke-node[data-k=fi]{ --x:30%; --y:84%; }
.uke-sat.s1{ left:12%; top:72%; } .uke-sat.s2{ left:45%; top:71%; } .uke-sat.s3{ left:11%; top:95%; } .uke-sat.s4{ left:47%; top:95%; }
@media (max-width:900px){
  .uke-stage{ aspect-ratio:auto; height:640px; }
  .uke-node{ min-width:0; padding:9px 11px 9px 9px; gap:9px; }
  .uke-node .ic{ width:28px; height:28px; }
  .uke-node b{ font-size:12.5px; }
  .uke-top .leg{ display:none; }
  .uke-sat{ font-size:8.5px; padding:5px 6px; }
  .uke-node[data-k=ventas]{ --x:26%; --y:9%; } .uke-node[data-k=compras]{ --x:74%; --y:9%; } .uke-node[data-k=analisis]{ --x:24%; --y:25%; } .uke-node[data-k=almacen]{ --x:76%; --y:25%; }
  .uke-node[data-k=finanzas]{ --x:74%; --y:70%; } .uke-node[data-k=fi]{ --x:28%; --y:70%; }
  .uke-hub{ top:47%; }
  .uke-sat.s1{ left:22%; top:83%; } .uke-sat.s2{ left:72%; top:83%; } .uke-sat.s3{ left:25%; top:93%; } .uke-sat.s4{ left:72%; top:93%; }
}
@media (max-width:600px){
  .ukabi-light-page .ukl-mock--erpsys{ margin-top:44px !important; }
  .uke-sys{ border-radius:22px; }
  .uke-stage{ height:600px; }
  .uke-node small,.uke-foot .t{ display:none; }
  .uke-ev{ font-size:11.5px; white-space:normal; line-height:1.3; }
  .uke-ticker{ height:34px; }
}

/* ---------- Manifiesto ---------- */
.ukabi-light-page .ukl-erp-manif-sec{ padding-bottom:30px !important; }
.ukabi-light-page .ukl-erp-manif > .fusion-column-wrapper{ max-width:1020px; margin-inline:auto; }
.ukabi-light-page .ukl-erp-big p{ font:700 clamp(28px,3.6vw,46px)/1.22 var(--ukl-display) !important; letter-spacing:-.03em; color:var(--ukl-ink); text-wrap:pretty; }
.ukabi-light-page .ukl-erp-big .uke-mw{ color:#B9BFD9; }

/* ---------- Soluciones: dos tarjetas ---------- */
.ukabi-light-page .ukl-erp-sol-sec{ overflow-x:clip; }
.ukabi-light-page .ukl-erp-sol-sec > .fusion-row{ align-items:stretch !important; }
.ukabi-light-page .ukl-erp-pc{ position:relative; margin-top:50px !important; }
.ukabi-light-page .ukl-erp-pc > .fusion-column-wrapper{ position:relative; isolation:isolate; overflow:hidden; height:100%; flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important; row-gap:20px !important;
  padding:34px !important; border-radius:28px; background:#fff !important; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow); transition:box-shadow .3s,border-color .3s; transform-style:preserve-3d; cursor:pointer; }
.ukabi-light-page .ukl-erp-pc > .fusion-column-wrapper > *{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-erp-pc > .fusion-column-wrapper::before{ content:""; position:absolute; inset:0; z-index:-1; opacity:0; transition:opacity .3s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(111,122,230,.14),transparent 60%); }
.ukabi-light-page .ukl-erp-pc--fi > .fusion-column-wrapper::before{ background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(253,73,92,.14),transparent 60%); }
.ukabi-light-page .ukl-erp-pc > .fusion-column-wrapper:hover::before{ opacity:1; }
.ukabi-light-page .ukl-erp-pc > .fusion-column-wrapper:hover{ box-shadow:var(--ukl-shadow-lg); border-color:#C5CBEA; }
.ukabi-light-page .ukl-erp-pc--fi > .fusion-column-wrapper:hover{ border-color:#FFC0C8; }
.ukabi-light-page .ukl-erp-pc .ukl-pill{ align-self:flex-start; }
.ukabi-light-page .ukl-erp-kick p{ font:700 11px/1.3 var(--ukl-mono) !important; letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted); }
.ukabi-light-page .ukl-erp-word p{ font:800 clamp(42px,4.6vw,60px)/1 var(--ukl-display) !important; letter-spacing:-.05em; color:var(--ukl-ink); }
.ukabi-light-page .ukl-erp-pc .fusion-image-element{ align-self:flex-start; }
.ukabi-light-page .ukl-erp-filogo,
.ukabi-light-page .ukl-erp-filogo img{ display:block !important; height:56px !important; width:auto !important; max-width:none; }
.ukabi-light-page .ukl-erp-pch .fusion-title-heading{ font-size:clamp(21px,2vw,25px) !important; font-weight:700 !important; letter-spacing:-.02em !important; line-height:1.25 !important; text-align:left !important; }
.ukabi-light-page .ukl-erp-pcp p{ color:var(--ukl-muted); font-size:16px; }
.ukabi-light-page .ukl-erp-chips{ display:flex !important; flex-wrap:wrap; gap:8px; margin:0 !important; }
.ukabi-light-page .ukl-erp-chips .fusion-li-item{ margin:0 !important; padding:7px 11px !important; background:var(--ukl-bg-2); border:1px solid var(--ukl-line); border-radius:999px; }
.ukabi-light-page .ukl-erp-chips .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-erp-chips .fusion-li-item-content{ margin:0 !important; font:600 12.5px/1.2 var(--ukl-display) !important; color:var(--ukl-ink); }
.ukabi-light-page .ukl-erp-pc--fi .ukl-erp-chips .fusion-li-item{ background:#FFF3F5; border-color:#FFD5DB; }
.ukabi-light-page .ukl-erp-pc--fi .ukl-erp-chips .fusion-li-item-content{ color:#B3243A; }
.ukabi-light-page .ukl-erp-pc > .fusion-column-wrapper > div:has(> .fusion-button){ margin-top:auto !important; }
.ukabi-light-page .fusion-button.ukl-erp-go{ display:inline-flex !important; align-items:center; gap:12px; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important;
  font:700 15.5px/1 var(--ukl-display) !important; color:var(--ukl-ink) !important; text-transform:none !important; letter-spacing:0 !important; }
.ukabi-light-page .fusion-button.ukl-erp-go .fusion-button-text{ color:inherit !important; font:inherit !important; }
.ukabi-light-page .fusion-button.ukl-erp-go::after{ content:"→"; display:inline-grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--ukl-ink); color:#fff; font-size:16px; transition:transform .25s; }
.ukabi-light-page .ukl-erp-pc--fi .fusion-button.ukl-erp-go::after{ background:var(--ukl-coral); }
.ukabi-light-page .ukl-erp-pc > .fusion-column-wrapper:hover .fusion-button.ukl-erp-go::after{ transform:translateX(6px); }
.ukabi-light-page .fusion-button.ukl-erp-go:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:4px; border-radius:8px; }
/* minipanel a3ERP */
.uke-mini{ border-radius:18px; background:#F1F3FB; border:1px solid var(--ukl-line); padding:18px; display:grid; gap:14px; }
.uke-kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.uke-kpi{ background:#fff; border:1px solid var(--ukl-line); border-radius:12px; padding:12px; min-width:0; }
.uke-kpi small{ display:block; font:700 9.5px/1.2 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-muted); }
.uke-kpi b{ display:block; margin-top:6px; font:800 22px/1 var(--ukl-display); letter-spacing:-.03em; color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.uke-bars{ display:flex; align-items:flex-end; gap:6px; height:64px; padding:0 2px; }
.uke-bars i{ flex:1; border-radius:5px 5px 2px 2px; background:linear-gradient(#6F7AE6,#0F206C); transform-origin:bottom; }
.uke-bars i:last-child{ background:linear-gradient(#FF8594,#FD495C); }
.uke-vers{ display:grid; grid-template-columns:repeat(2,1fr); position:relative; background:#fff; border:1px solid var(--ukl-line); border-radius:10px; padding:4px; }
.uke-vers span{ position:relative; z-index:1; text-align:center; font:700 11px/1 var(--ukl-mono); letter-spacing:.04em; padding:9px 4px; color:var(--ukl-muted); transition:color .3s; }
.uke-vers span.on{ color:#fff; }
.uke-vers .hl{ position:absolute; top:4px; bottom:4px; left:4px; width:calc((100% - 8px)/2); border-radius:7px; background:var(--ukl-ink); transition:translate .5s cubic-bezier(.7,0,.2,1); }
/* orden de fabricación */
.uke-of{ border-radius:18px; background:#0B1548; color:#fff; padding:18px; display:grid; gap:14px; }
.uke-of .h{ display:flex; justify-content:space-between; gap:10px; font:700 11px/1.2 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.62); }
.uke-of .h b{ color:#fff; }
.uke-of .prog{ height:8px; border-radius:99px; background:rgba(255,255,255,.1); overflow:hidden; }
.uke-of .prog i{ display:block; height:100%; width:0; background:linear-gradient(90deg,#FF8594,#FD495C); border-radius:inherit; }
.uke-of .rows{ display:grid; gap:9px; }
.uke-of .r{ display:grid; grid-template-columns:96px 1fr 70px; align-items:center; gap:10px; font:400 12px/1 var(--ukl-mono); }
.uke-of .r span{ color:rgba(255,255,255,.7); }
.uke-of .r .b{ height:10px; border-radius:4px; background:rgba(255,255,255,.08); overflow:hidden; }
.uke-of .r .b i{ display:block; height:100%; border-radius:inherit; background:#8E9BFF; transform-origin:left; }
.uke-of .r.real .b i{ background:var(--ukl-coral); }
.uke-of .r b{ text-align:right; font-variant-numeric:tabular-nums; }
.uke-of .dev{ display:flex; justify-content:space-between; align-items:center; padding-top:12px; border-top:1px dashed rgba(255,255,255,.14); font:700 12px/1 var(--ukl-mono); }
.uke-of .dev b{ font-size:20px; color:#5BE0A0; font-variant-numeric:tabular-nums; }
.uke-of .dev b.warn{ color:#F2A93B; }
/* nudo entre las dos tarjetas */
.uke-knot{ position:absolute; z-index:5; left:0; top:50%; translate:-50% -50%; width:62px; height:62px; border-radius:50%; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg);
  display:grid; place-items:center; font:800 26px/1 var(--ukl-display); color:var(--ukl-ink); pointer-events:none; }
.uke-knot::before{ content:""; position:absolute; inset:-1px; border-radius:50%; border:2px solid var(--ukl-coral); animation:uke-knot 2.4s ease-out infinite; }
@keyframes uke-knot{ from{ transform:scale(1); opacity:.8; } to{ transform:scale(1.9); opacity:0; } }
@media (max-width:1024px){
  .ukabi-light-page .ukl-erp-pc--fi{ margin-top:70px !important; }
  .uke-knot{ left:50%; top:-30px; }
}
@media (max-width:600px){
  .ukabi-light-page .ukl-erp-pc > .fusion-column-wrapper{ padding:24px !important; border-radius:22px; }
  .uke-kpi b{ font-size:18px; } .uke-kpi small{ font-size:8.5px; }
  .uke-of .r{ grid-template-columns:78px 1fr 60px; }
  .uke-vers span{ font-size:9.5px; letter-spacing:0; }
}

/* ---------- Cómo encajan: recorrido ---------- */
.ukabi-light-page .ukl-erp-flow-sec{ transition:background-color .6s; }
.ukabi-light-page .ukl-erp-flow-sec.is-fi{ background-color:#FFF4F6 !important; }
.ukabi-light-page .ukl-erp-flow-head .fusion-title-heading{ font-size:clamp(30px,3.4vw,46px) !important; }
.ukabi-light-page .ukl-erp-flow-head > .fusion-column-wrapper{ max-width:900px; }
.ukabi-light-page .ukl-erp-steps{ grid-template-columns:repeat(3,1fr); }
.ukabi-light-page .ukl-erp-steps .content-box-column{ background:#fff; border:1px solid var(--ukl-line); border-radius:18px; padding:22px !important; }
.ukabi-light-page .ukl-erp-flow-sec.uke-built .ukl-erp-steps-col{ display:none !important; }
.ukabi-light-page .ukl-mock--erpflow{ display:none; }
.ukabi-light-page .ukl-erp-flow-sec.uke-built .ukl-mock--erpflow{ display:block; }
.ukabi-light-page .ukl-erp-flow-sec.uke-built .ukl-mock--erpflow{ margin-top:36px !important; }
.uke-flow{ display:grid; gap:40px; }
.uke-fstep{ position:relative; min-height:128px; width:100%; max-width:760px; margin-inline:auto; text-align:center; }
.uke-fstep article{ position:absolute; inset:0; display:grid; justify-items:center; align-content:start; gap:12px; opacity:0; translate:0 14px; transition:opacity .45s,translate .45s; }
.uke-fstep article.on{ opacity:1; translate:0 0; }
.uke-fstep .who{ font:700 11px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; padding:8px 12px; border-radius:999px; background:var(--ukl-ink); color:#fff; }
.uke-fstep .who.c{ background:var(--ukl-coral); }
.uke-fstep h3{ margin:0 !important; font:800 clamp(24px,2.6vw,34px)/1.15 var(--ukl-display) !important; letter-spacing:-.03em !important; color:var(--ukl-ink) !important; }
.uke-fstep p{ margin:0; color:var(--ukl-muted); font-size:17px; line-height:1.6; max-width:620px; }
.uke-track{ position:relative; max-width:1120px; width:100%; margin:46px auto 0; }
.uke-rail{ position:absolute; height:4px; border-radius:4px; background:var(--ukl-line); }
.uke-rail i{ position:absolute; left:0; top:0; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#0F206C,#FD495C 30%,#FD495C 62%,#0F206C); }
.uke-stations{ position:relative; display:grid; grid-template-columns:repeat(6,1fr); gap:8px; }
.uke-st{ display:grid; justify-items:center; align-content:start; gap:12px; text-align:center; }
.uke-st .dot{ width:76px; height:76px; border-radius:22px; display:grid; place-items:center; background:#fff; border:1px solid var(--ukl-line); color:#A5ACC8; box-shadow:var(--ukl-shadow); transition:background .35s,color .35s,border-color .35s,transform .35s,box-shadow .35s; }
.uke-st .dot svg{ width:28px; height:28px; }
.uke-st b{ font:700 13.5px/1.25 var(--ukl-display); color:var(--ukl-muted); transition:color .3s; }
.uke-st small{ font:700 9.5px/1.2 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:#A5ACC8; }
.uke-st .txt{ display:none; }
.uke-st.done .dot{ background:var(--ukl-ink); border-color:var(--ukl-ink); color:#fff; }
.uke-st.c.done .dot{ background:var(--ukl-coral); border-color:var(--ukl-coral); }
.uke-st.now .dot{ transform:scale(1.12); box-shadow:0 0 0 8px rgba(15,32,108,.1),var(--ukl-shadow-lg); }
.uke-st.c.now .dot{ box-shadow:0 0 0 8px rgba(253,73,92,.16),var(--ukl-shadow-lg); }
.uke-st.done b{ color:var(--ukl-ink); }
.uke-st.c small{ color:var(--ukl-coral); }
.uke-doc{ position:absolute; top:-58px; left:0; z-index:3; translate:-50% 0; font:700 11px/1 var(--ukl-mono); color:#fff; background:var(--ukl-ink); padding:8px 11px; border-radius:9px; box-shadow:var(--ukl-shadow-lg); white-space:nowrap; transition:background .3s; }
.uke-doc::after{ content:""; position:absolute; left:50%; bottom:-5px; width:10px; height:10px; background:inherit; rotate:45deg; translate:-50% 0; }
.uke-doc.c{ background:var(--ukl-coral); }
.uke-end{ margin:0; text-align:center; font:700 12px/1.3 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted); opacity:.3; transition:opacity .4s,color .4s; }
.uke-end.on{ opacity:1; color:var(--ukl-ink); }
/* Escritorio: la fila queda fija con position:sticky y un espaciador marca la duración */
@media (min-width:1025px){
  .ukabi-light-page .ukl-erp-flow-sec.uke-pin{ flex-direction:column !important; flex-wrap:nowrap !important; align-items:center; padding-top:0 !important; padding-bottom:0 !important; }
  .ukabi-light-page .ukl-erp-flow-sec.uke-pin > .fusion-row{ position:sticky; top:var(--ukl-top); width:100%; flex:none; height:calc(100vh - var(--ukl-top)); margin-inline:auto !important;
    align-content:center; padding-top:110px; padding-bottom:16px; }
  .uke-flow-space{ flex:none; width:100%; height:260vh; pointer-events:none; }
}
@media (max-width:1024px){
  .uke-fstep,.uke-doc{ display:none; }
  .uke-track{ margin-top:0; }
  .uke-stations{ grid-template-columns:1fr; gap:18px; }
  .uke-st{ grid-template-columns:76px 1fr; justify-items:start; text-align:left; column-gap:18px; row-gap:4px; }
  .uke-st .dot{ grid-row:span 3; }
  .uke-st .txt{ display:block; color:var(--ukl-muted); font-size:15px; line-height:1.5; }
  .uke-rail{ width:4px; }
  .uke-rail i{ width:100%; height:0; background:linear-gradient(#0F206C,#FD495C 30%,#FD495C 62%,#0F206C); }
  .ukabi-light-page .ukl-erp-steps{ grid-template-columns:1fr; }
}

/* ---------- Tu empresa: capas por actividad ---------- */
.ukabi-light-page .ukl-erp-pick-sec > .fusion-row{ align-items:center !important; }
.uke-seg-wrap{ flex:0 0 100%; display:flex; justify-content:center; margin:34px 0 26px; }
.uke-seg{ display:inline-flex; flex-wrap:wrap; justify-content:center; gap:4px; background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:5px; box-shadow:var(--ukl-shadow); }
.uke-seg button{ border:0; background:none; font:600 14px/1 var(--ukl-display); color:var(--ukl-muted); padding:12px 16px; border-radius:10px; cursor:pointer; transition:background .25s,color .25s; }
.uke-seg button:hover{ color:var(--ukl-ink); }
.uke-seg button.on{ background:var(--ukl-ink); color:#fff; }
.uke-seg button:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.uke-stack{ width:100%; max-width:560px; margin-inline:auto; aspect-ratio:560/520; }
.uke-stack svg{ width:100%; height:100%; overflow:visible; }
.uke-ly{ transition:opacity .5s; }
.uke-ly .tf{ stroke:rgba(15,32,108,.18); stroke-width:1.2; }
.uke-ly .nm{ font:800 19px var(--ukl-display); letter-spacing:-.02em; fill:var(--ukl-ink); }
.uke-ly .sub{ font:700 11px var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; fill:var(--ukl-muted); }
.uke-ly .lead{ stroke:#A5ACC8; stroke-width:1.2; stroke-dasharray:3 4; fill:none; }
.uke-ly .ld{ fill:var(--ukl-ink); }
.uke-ly[data-k=fi] .ld{ fill:var(--ukl-coral); }
.uke-ly[data-k=fi] .nm{ fill:var(--ukl-coral-d); }
.uke-ly.off .tf{ fill:none !important; stroke:rgba(15,32,108,.25); stroke-dasharray:5 6; }
.uke-ly.off .sd,.uke-ly.off .gl{ opacity:0; }
.uke-ly.off text{ opacity:.4; }
.uke-ly.off .ld{ fill:#C5CBE0; }
.ukabi-light-page .ukl-erp-tabs.uke-js > .nav,
.ukabi-light-page .ukl-erp-tabs.uke-js .fusion-mobile-tab-nav{ display:none !important; }
.ukabi-light-page .ukl-erp-tabs .tab-content{ border:0 !important; background:none !important; padding:0 !important; }
.ukabi-light-page .ukl-erp-tabs.uke-js .tab-pane{ display:none !important; }
.ukabi-light-page .ukl-erp-tabs.uke-js .tab-pane.uke-on{ display:block !important; opacity:1 !important; animation:uke-in .45s cubic-bezier(.2,.7,.2,1) both; }
.ukabi-light-page .ukl-erp-tabs.uke-js .tab-pane.uke-on .awb-tab-pane-inner{ opacity:1 !important; transform:none !important; }
@keyframes uke-in{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.ukabi-light-page .ukl-erp-tabs .tab-pane{ background:none !important; border:0 !important; padding:0 !important; }
.ukabi-light-page .ukl-erp-tabs .tab-pane h3{ margin:0 0 14px !important; font:800 clamp(26px,2.6vw,34px)/1.15 var(--ukl-display) !important; letter-spacing:-.03em !important; color:var(--ukl-ink) !important; text-wrap:balance; }
.ukabi-light-page .ukl-erp-tabs .tab-pane p{ margin:0 0 18px; color:var(--ukl-muted); font-size:16.5px; line-height:1.6; }
.ukabi-light-page .ukl-erp-tabs .tab-pane ul{ list-style:none; margin:0 0 22px; padding:0; display:grid; gap:10px; }
.ukabi-light-page .ukl-erp-tabs .tab-pane li{ position:relative; margin:0; padding:14px 16px 14px 56px; background:#fff; border:1px solid var(--ukl-line); border-radius:14px; color:var(--ukl-muted); font-size:14px; line-height:1.45; }
.ukabi-light-page .ukl-erp-tabs .tab-pane li::before{ content:"a3"; position:absolute; left:16px; top:14px; width:28px; height:28px; border-radius:8px; display:grid; place-items:center; background:var(--ukl-ink); color:#fff; font:800 12px/1 var(--ukl-display); }
.ukabi-light-page .ukl-erp-tabs .tab-pane li.c::before{ content:"fi"; background:var(--ukl-coral); }
.ukabi-light-page .ukl-erp-tabs .tab-pane li.v::before{ content:"IA"; background:#0d1117; }
.ukabi-light-page .ukl-erp-tabs .tab-pane li strong{ display:block; color:var(--ukl-ink); font-size:15px; margin-bottom:2px; }
.ukabi-light-page .ukl-erp-tabs .tab-pane .fusion-button{ margin:0 8px 8px 0; }
.ukabi-light-page .ukl-erp-tabs .tab-pane p:last-child{ margin:10px 0 0; }
.ukabi-light-page .ukl-erp-tabs .tab-pane small{ font-size:13px; color:var(--ukl-muted); }
@media (max-width:1024px){ .ukabi-light-page .ukl-erp-tabs-col{ margin-top:28px !important; } .uke-stack{ max-width:460px; } }
@media (max-width:600px){ .uke-stack{ max-width:none; } .uke-seg button{ padding:11px 12px; font-size:13px; } }

/* ---------- Garantías ---------- */
.ukabi-light-page .ukl-erp-trust-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-erp-stats{ background:#fff; border:1px solid var(--ukl-line) !important; border-radius:24px; box-shadow:var(--ukl-shadow); overflow:hidden; }
.ukabi-light-page .ukl-erp-norm-col{ margin-top:28px !important; }
.ukabi-light-page .ukl-erp-norm-col > .fusion-column-wrapper{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); }
.ukabi-light-page .ukl-erp-norm{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:12px; margin:0 !important; }
.ukabi-light-page .ukl-erp-norm.uke-marq{ flex-wrap:nowrap; justify-content:flex-start; width:max-content; animation:uke-marq 38s linear infinite; }
.ukabi-light-page .ukl-erp-norm-col:hover .ukl-erp-norm.uke-marq{ animation-play-state:paused; }
@keyframes uke-marq{ to{ transform:translateX(-50%); } }
.ukabi-light-page .ukl-erp-norm .fusion-li-item{ display:inline-flex !important; align-items:center; gap:10px; margin:0 !important; padding:13px 18px !important; background:#fff; border:1px solid var(--ukl-line); border-radius:999px; white-space:nowrap; }
.ukabi-light-page .ukl-erp-norm .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-erp-norm .fusion-li-item::before{ content:"✓"; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--ukl-green-soft); color:var(--ukl-green); font:800 12px/1 var(--ukl-display); flex:none; }
.ukabi-light-page .ukl-erp-norm .fusion-li-item-content{ margin:0 !important; font:700 15px/1 var(--ukl-display) !important; color:var(--ukl-ink); }
.ukabi-light-page .ukl-erp-why{ grid-template-columns:repeat(3,1fr); gap:20px !important; margin-top:36px !important; }
.ukabi-light-page .ukl-erp-why .content-box-column{ background:#fff; border:1px solid var(--ukl-line); border-radius:22px; padding:28px !important; }
.ukabi-light-page .ukl-erp-why .content-box-column::before{ content:""; display:block; width:28px; height:4px; border-radius:4px; background:var(--ukl-coral); margin-bottom:18px; }
.ukabi-light-page .ukl-sec .ukl-erp-why .content-box-heading{ font-size:20px !important; letter-spacing:-.02em !important; margin-bottom:10px !important; }
.ukabi-light-page .ukl-sec .ukl-erp-why .content-container{ font-size:15.5px !important; }
@media (max-width:900px){ .ukabi-light-page .ukl-erp-why{ grid-template-columns:1fr; } }

/* ---------- Vexia (bloque oscuro) ---------- */
.ukabi-light-page .ukl-erp-vx-sec{ padding-top:20px !important; }
.ukabi-light-page .ukl-erp-vx > .fusion-column-wrapper{ position:relative; overflow:hidden; border-radius:32px; padding:72px 56px !important; background:#0d1117 !important; }
.ukabi-light-page .ukl-erp-vx > .fusion-column-wrapper::before{ content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(500px 360px at 90% 10%,rgba(253,73,92,.28),transparent 70%),radial-gradient(520px 380px at 0% 100%,rgba(111,122,230,.3),transparent 70%); }
.ukabi-light-page .ukl-erp-vx .fusion-builder-row-inner{ position:relative; z-index:1; align-items:center; }
.ukabi-light-page .ukl-erp-vx .ukl-title .fusion-title-heading{ color:#fff !important; font-size:clamp(30px,3.6vw,46px) !important; }
.ukabi-light-page .ukl-erp-vx .ukl-lead p{ color:rgba(255,255,255,.75) !important; font-size:17px !important; }
.ukabi-light-page .ukl-pill--dark p{ color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); }
.ukabi-light-page .ukl-pill--dark p::before{ box-shadow:0 0 0 4px rgba(253,73,92,.25); }
.uke-chat{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:22px; padding:20px; display:grid; gap:12px; min-height:370px; align-content:start; text-align:left; }
.uke-chat .hd{ display:flex; align-items:center; gap:10px; font:700 11px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.6); padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.08); }
.uke-chat .hd i{ width:22px; height:22px; border-radius:7px; background:linear-gradient(135deg,#FD495C,#B04BD8); }
.uke-msg{ max-width:88%; padding:12px 15px; border-radius:16px; font-size:14.5px; line-height:1.5; color:#fff; }
.uke-msg.u{ justify-self:end; background:#fff; color:var(--ukl-ink); border-bottom-right-radius:5px; }
.uke-msg.a{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); border-bottom-left-radius:5px; }
.uke-msg ul{ margin:8px 0 0; padding-left:18px; font:400 12.5px/1.6 var(--ukl-mono); }
.uke-msg .reg{ display:block; margin-top:8px; font:400 11px/1.3 var(--ukl-mono); color:#5BE0A0; }
.uke-typing{ display:inline-flex; gap:4px; }
.uke-typing i{ width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.6); animation:uke-typ 1s infinite; }
.uke-typing i:nth-child(2){ animation-delay:.15s; } .uke-typing i:nth-child(3){ animation-delay:.3s; }
@keyframes uke-typ{ 50%{ opacity:.25; transform:translateY(-2px); } }
.uke-cur::after{ content:"▍"; animation:uke-blink 1s steps(1) infinite; color:var(--ukl-coral); }
@keyframes uke-blink{ 50%{ opacity:0; } }
@media (max-width:1024px){ .ukabi-light-page .ukl-erp-vx .ukl-mock--erpchat{ margin-top:28px !important; } }
@media (max-width:900px){ .ukabi-light-page .ukl-erp-vx > .fusion-column-wrapper{ padding:48px 24px !important; border-radius:24px; } }

@media (prefers-reduced-motion:reduce){
  .ukabi-light-page .ukl-erp-norm.uke-marq{ animation:none; flex-wrap:wrap; width:auto; justify-content:center; }
  .ukabi-light-page .ukl-erp-norm .fusion-li-item[aria-hidden]{ display:none !important; }
}