/* =====================================================================
   UKABI · Página a3innuva Nómina (asesorías y empresas)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-inn-*;
   piezas que inserta ukabi-light-inn.js: uki-*.
   ===================================================================== */

/* ---------- HERO ---------- */
.ukabi-light-page .ukl-inn-hero{ padding-top:78px !important; padding-bottom:30px !important; overflow-x:clip; }
.ukabi-light-page .ukl-inn-hero > .fusion-row{ max-width:1240px !important; }
.ukabi-light-page .ukl-inn-copy .fusion-column-wrapper{ max-width:1000px; }
.ukabi-light-page .ukl-inn-copy .ukl-h1 .fusion-title-heading{ font-size:clamp(36px,5vw,66px) !important; line-height:1.04 !important; }
.ukabi-light-page .ukl-inn-copy .ukl-lead{ max-width:780px; }
.ukabi-light-page .ukl-inn-copy .ukl-lead strong{ color:var(--ukl-ink); font-weight:600; }
.ukabi-light-page .ukl-inn-kchips{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 !important; }
.ukabi-light-page .ukl-inn-kchips .fusion-li-item{ margin:0 !important; padding:9px 13px !important; background:#fff; border:1px solid var(--ukl-line); border-radius:999px; }
.ukabi-light-page .ukl-inn-kchips .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-inn-kchips .fusion-li-item-content{ margin:0 !important; font:600 13px/1.2 var(--ukl-display) !important; color:var(--ukl-muted); }
.ukabi-light-page .ukl-inn-kchips strong{ font-size:15px; font-weight:800; color:var(--ukl-ink); margin-right:4px; }
.ukabi-light-page .ukl-mock--inntand{ margin-top:56px !important; }

/* escena TÁNDEM */
.uki-tand{ position:relative; width:100%; text-align:left; }
.uki-stage{ position:relative; display:grid; grid-template-columns:1fr 210px 1fr; align-items:center; }
.uki-card{ position:relative; z-index:2; background:#fff; border:1px solid var(--ukl-line); border-radius:24px; box-shadow:var(--ukl-shadow-lg); overflow:hidden; }
.uki-card .th{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:14px 18px; border-bottom:1px solid var(--ukl-line); }
.uki-card .th small{ display:block; font:700 10px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-coral-d); }
.uki-card.emp .th small{ color:#1E6FD9; }
.uki-card .th b{ display:block; margin-top:5px; font:800 15px/1.2 var(--ukl-display); color:var(--ukl-ink); }
.uki-card .th .ic{ width:36px; height:36px; border-radius:11px; display:grid; place-items:center; background:var(--ukl-bg-2); color:var(--ukl-ink); }
.uki-card .th .ic svg{ width:19px; height:19px; }
.uki-rows{ padding:10px 12px 14px; display:grid; gap:8px; min-height:236px; align-content:start; }
.uki-tr{ display:grid; grid-template-columns:30px 1fr auto; gap:10px; align-items:center; background:#F1F3FB; border:1px solid var(--ukl-line); border-radius:12px; padding:9px 10px; font-size:12.5px; transition:border-color .4s,background .4s,box-shadow .4s; }
.uki-tr .av{ width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--ukl-ink); color:#fff; font:700 11px/1 var(--ukl-display); }
.uki-tr b{ display:block; color:var(--ukl-ink); font-size:13px; }
.uki-tr small{ display:block; font:400 10.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.uki-tr .st{ font:700 10px/1 var(--ukl-mono); letter-spacing:.04em; padding:6px 7px; border-radius:7px; background:#fff; border:1px solid var(--ukl-line); color:var(--ukl-muted); white-space:nowrap; }
.uki-tr .st.ok{ color:var(--ukl-green); border-color:#BFE8D3; background:var(--ukl-green-soft); }
.uki-tr .st.nw{ color:#fff; background:var(--ukl-coral); border-color:var(--ukl-coral); }
.uki-tr.hit{ border-color:var(--ukl-coral); background:#fff; box-shadow:0 0 0 3px rgba(253,73,92,.14); }
.uki-tr.in{ animation:uki-in .5s cubic-bezier(.2,.7,.2,1) both; }
@keyframes uki-in{ from{ opacity:0; transform:translateY(-8px) scale(.98); } to{ opacity:1; transform:none; } }
.uki-core{ position:relative; z-index:3; justify-self:center; width:170px; aspect-ratio:1; border-radius:50%; display:grid; place-content:center; text-align:center; gap:6px; color:#fff;
  background:radial-gradient(circle at 35% 30%,#2B3DB0,#0F206C 70%); box-shadow:0 30px 70px -20px rgba(15,32,108,.6),0 0 0 12px rgba(15,32,108,.06),0 0 0 26px rgba(15,32,108,.03); }
.uki-core svg{ width:34px; height:34px; margin-inline:auto; }
.uki-core b{ font:800 15px/1.1 var(--ukl-display); color:#fff; }
.uki-core small{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-coral); }
.uki-core .sync{ position:absolute; inset:-10px; border-radius:50%; border:2px dashed rgba(15,32,108,.18); animation:uki-spin 18s linear infinite; }
@keyframes uki-spin{ to{ rotate:360deg; } }
.uki-wire{ position:absolute; left:0; right:0; top:50%; height:2px; z-index:1; background:repeating-linear-gradient(90deg,#C5CBEA 0 6px,transparent 6px 12px); }
.uki-pulse{ position:absolute; top:50%; z-index:4; width:12px; height:12px; border-radius:50%; translate:-50% -50%; background:var(--ukl-coral); box-shadow:0 0 0 6px rgba(253,73,92,.18),0 0 18px #FD495C; opacity:0; }
.uki-pulse.b{ background:#1E6FD9; box-shadow:0 0 0 6px rgba(30,111,217,.18),0 0 18px #1E6FD9; }
.uki-aib{ position:absolute; left:50%; top:-40px; translate:-50% -100%; z-index:6; width:min(420px,90%); background:#0B0F1A; color:#fff; border-radius:18px; padding:14px 16px; box-shadow:0 30px 60px -20px rgba(5,9,31,.6); opacity:0; }
.uki-aib::after{ content:""; position:absolute; left:50%; bottom:-7px; width:14px; height:14px; background:#0B0F1A; rotate:45deg; translate:-50% 0; }
.uki-aib .hd{ display:flex; align-items:center; gap:8px; font:700 10px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.6); }
.uki-aib .hd i,.uki-agent .hd i{ width:18px; height:18px; border-radius:50%; background:conic-gradient(#E5202E 0 25%,#3FA7E0 0 50%,#fff 0 75%,#85BC20 0); }
.uki-aib .q{ margin-top:10px; font:600 13.5px/1.4 var(--ukl-display); color:#fff; }
.uki-aib .a{ margin-top:8px; font:400 12.5px/1.5 var(--ukl-mono); color:#5BE0A0; }
.uki-foot{ display:flex; align-items:center; justify-content:center; gap:12px; margin-top:22px; }
.uki-foot .lbl{ font:700 10.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted); }
.uki-tick{ position:relative; height:34px; min-width:min(520px,70vw); overflow:hidden; background:#fff; border:1px solid var(--ukl-line); border-radius:999px; }
.uki-ev{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:8px; font:400 12.5px/1 var(--ukl-mono); color:var(--ukl-ink); white-space:nowrap; }
.uki-ev i{ font-style:normal; font-weight:700; font-size:10px; padding:5px 7px; border-radius:6px; background:var(--ukl-ink); color:#fff; }
.uki-ev.b i{ background:#1E6FD9; } .uki-ev.c i{ background:#0B0F1A; }
@media (max-width:980px){
  .uki-stage{ grid-template-columns:1fr; gap:18px; } .uki-core{ width:140px; }
  .uki-wire{ left:50%; right:auto; top:0; bottom:0; width:2px; height:auto; background:repeating-linear-gradient(180deg,#C5CBEA 0 6px,transparent 6px 12px); }
  .uki-aib{ top:50%; translate:-50% -50%; } .uki-tick{ min-width:0; width:100%; } .uki-ev{ font-size:11px; white-space:normal; text-align:center; padding-inline:10px; }
}

/* ---------- Cifras ---------- */
.ukabi-light-page .ukl-inn-stats-sec{ padding-top:80px !important; padding-bottom:40px !important; }
.ukabi-light-page .ukl-inn-stats{ grid-template-columns:repeat(5,1fr) !important; background:#fff; border:1px solid var(--ukl-line) !important; border-radius:24px; box-shadow:var(--ukl-shadow); overflow:hidden; }
.ukabi-light-page .ukl-inn-stats .content-box-counter{ font-size:clamp(30px,3.2vw,44px) !important; }
@media (max-width:1000px){ .ukabi-light-page .ukl-inn-stats{ grid-template-columns:1fr 1fr !important; } .ukabi-light-page .ukl-inn-stats .fusion-counter-box{ border-left:0 !important; border-top:1px solid var(--ukl-line); } .ukabi-light-page .ukl-inn-stats .fusion-counter-box:nth-child(-n+2){ border-top:0; } .ukabi-light-page .ukl-inn-stats .fusion-counter-box:nth-child(even){ border-left:1px solid var(--ukl-line) !important; } }

/* ---------- Asesorías / Empresas ---------- */
.ukabi-light-page .ukl-inn-aud-sec{ padding-top:60px !important; }
.ukabi-light-page .ukl-inn-aud-sec > .fusion-row{ align-items:center !important; }
.uki-seg-wrap{ flex:0 0 100%; display:flex; justify-content:center; margin:34px 0 36px; }
.uki-seg{ position:relative; display:inline-grid; grid-template-columns:1fr 1fr; background:#fff; border:1px solid var(--ukl-line); border-radius:16px; padding:5px; box-shadow:var(--ukl-shadow); }
.uki-seg button{ position:relative; z-index:1; border:0; background:none; font:700 15px/1 var(--ukl-display); color:var(--ukl-muted); padding:15px 26px; border-radius:12px; cursor:pointer; transition:color .3s; display:flex; align-items:center; gap:10px; justify-content:center; }
.uki-seg button svg{ width:18px; height:18px; }
.uki-seg button.on{ color:#fff; }
.uki-seg button:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.uki-seg .hl{ position:absolute; top:5px; bottom:5px; left:5px; width:calc(50% - 5px); border-radius:12px; background:var(--ukl-ink); transition:translate .5s cubic-bezier(.7,0,.2,1),background .5s; }
.uki-seg.emp .hl{ translate:100% 0; background:#1E6FD9; }
.ukabi-light-page .ukl-inn-tabs.uki-js > .nav,
.ukabi-light-page .ukl-inn-tabs.uki-js .fusion-mobile-tab-nav{ display:none !important; }
.ukabi-light-page .ukl-inn-tabs .tab-content{ border:0 !important; background:none !important; padding:0 !important; }
.ukabi-light-page .ukl-inn-tabs .tab-pane{ background:none !important; border:0 !important; padding:0 !important; }
.ukabi-light-page .ukl-inn-tabs.uki-js .tab-pane{ display:none !important; }
.ukabi-light-page .ukl-inn-tabs.uki-js .tab-pane.uki-on{ display:block !important; opacity:1 !important; animation:uki-fade .45s cubic-bezier(.2,.7,.2,1) both; }
.ukabi-light-page .ukl-inn-tabs.uki-js .tab-pane.uki-on .awb-tab-pane-inner{ opacity:1 !important; transform:none !important; }
@keyframes uki-fade{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.ukabi-light-page .ukl-inn-tabs .tab-pane small{ font:700 11.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-coral-d); }
.ukabi-light-page .ukl-inn-tabs .tab-pane h3{ margin:12px 0 14px !important; font:800 clamp(26px,2.8vw,36px)/1.12 var(--ukl-display) !important; letter-spacing:-.03em !important; color:var(--ukl-ink) !important; text-wrap:balance; }
.ukabi-light-page .ukl-inn-tabs .tab-pane p{ margin:0 0 14px; color:var(--ukl-muted); font-size:16.5px; line-height:1.6; }
.ukabi-light-page .ukl-inn-tabs .tab-pane ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.ukabi-light-page .ukl-inn-tabs .tab-pane li{ display:grid; grid-template-columns:20px 1fr; gap:10px; margin:0; font-size:15px; line-height:1.45; color:var(--ukl-text); }
.ukabi-light-page .ukl-inn-tabs .tab-pane li::before{ content:"✓"; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--ukl-green-soft); color:var(--ukl-green); font:800 11px/1 var(--ukl-display); }
.ukabi-light-page .ukl-inn-tiles{ grid-template-columns:1fr 1fr; gap:14px !important; }
.ukabi-light-page .ukl-inn-tiles .content-box-column{ background:#fff; border:1px solid var(--ukl-line); border-radius:20px; padding:22px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-sec .ukl-inn-tiles .content-box-heading{ font-size:16.5px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-sec .ukl-inn-tiles .content-container{ font-size:14px !important; }
.ukabi-light-page .ukl-sec .ukl-inn-tiles .heading .icon{ background:var(--ukl-ink); color:#fff; }
/* Con JS: cada par (asesoría/empresa) forma una tarjeta que gira */
.ukabi-light-page .ukl-inn-tiles.uki-flips{ perspective:1200px; }
.ukabi-light-page .ukl-inn-tiles.uki-flips > .fusion-clearfix{ display:none !important; }
.uki-tile{ position:relative; min-height:224px; transform-style:preserve-3d; transition:transform .8s cubic-bezier(.3,1.3,.5,1); }
.uki-tile.flip{ transform:rotateY(180deg); }
.ukabi-light-page .uki-tile > .content-box-column{ position:absolute !important; inset:0; margin:0 !important; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.ukabi-light-page .uki-tile > .content-box-column + .content-box-column{ transform:rotateY(180deg); background:#F2F7FF; border-color:#CFE0FB; }
.ukabi-light-page .ukl-sec .uki-tile > .content-box-column + .content-box-column .heading .icon{ background:#1E6FD9; }
@media (max-width:1024px){ .ukabi-light-page .ukl-inn-tiles-col{ margin-top:28px !important; } }
@media (max-width:520px){ .ukabi-light-page .ukl-inn-tiles{ grid-template-columns:1fr; } .uki-tile{ min-height:190px; } .uki-seg button{ padding:13px 14px; font-size:13.5px; } }

/* ---------- Expert AI ---------- */
.ukabi-light-page .ukl-inn-xai-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-inn-xai > .fusion-column-wrapper{ position:relative; overflow:hidden; border-radius:36px; padding:72px 56px !important; background:#0B0F1A !important; }
.ukabi-light-page .ukl-inn-xai > .fusion-column-wrapper::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(520px 360px at 0% 0%,rgba(233,30,99,.22),transparent 70%),radial-gradient(520px 360px at 100% 100%,rgba(0,170,160,.22),transparent 70%); }
.ukabi-light-page .ukl-inn-xai .fusion-builder-row-inner{ position:relative; z-index:1; align-items:center; }
.ukabi-light-page .ukl-inn-xai .fusion-builder-row-inner + .fusion-builder-row-inner{ margin-top:40px !important; align-items:stretch; }
.ukabi-light-page .ukl-inn-xai-txt .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-inn-xai .ukl-title .fusion-title-heading{ color:#fff !important; font-size:clamp(28px,3.4vw,44px) !important; }
.ukabi-light-page .ukl-inn-xai .ukl-lead p{ color:rgba(255,255,255,.74) !important; font-size:16.5px !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-mock--innxmark .fusion-column-wrapper{ justify-content:center !important; }
.uki-xmark{ flex:0 0 auto !important; width:140px; aspect-ratio:1; }
.uki-xmark svg{ width:100%; height:100%; display:block; }
.uki-xmark path{ fill:none; stroke-width:7; stroke-linecap:round; }
.uki-xmark .a1{ stroke:#E5202E; } .uki-xmark .a2{ stroke:#3FA7E0; } .uki-xmark .a3{ stroke:#fff; } .uki-xmark .a4{ stroke:#85BC20; }
.ukabi-light-page .ukl-inn-caps{ gap:10px !important; }
.ukabi-light-page .ukl-inn-caps .content-box-column{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:16px !important; cursor:pointer; transition:background .3s,border-color .3s,transform .3s; }
.ukabi-light-page .ukl-inn-caps .content-box-column:hover{ transform:translateX(4px); }
.ukabi-light-page .ukl-inn-caps .content-box-wrapper{ display:grid !important; grid-template-columns:40px 1fr; column-gap:14px; row-gap:3px; align-items:start; }
.ukabi-light-page .ukl-inn-caps .heading{ display:contents !important; }
.ukabi-light-page .ukl-inn-caps .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-sec .ukl-inn-caps .heading .icon{ grid-row:1/3; width:40px; height:40px; margin:0 !important; background:rgba(255,255,255,.08); color:#fff; }
.ukabi-light-page .ukl-sec .ukl-inn-caps .content-box-heading{ grid-column:2; color:#fff !important; font-size:15.5px !important; margin:0 !important; padding:0 !important; }
.ukabi-light-page .ukl-sec .ukl-inn-caps .content-container{ grid-column:2; color:rgba(255,255,255,.64) !important; font-size:13.5px !important; padding:0 !important; }
.ukabi-light-page .ukl-inn-caps .content-box-column.uki-on{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.3); }
.ukabi-light-page .ukl-sec .ukl-inn-caps .content-box-column.uki-on .heading .icon{ background:linear-gradient(135deg,#E5202E,#3FA7E0); }
.ukabi-light-page .ukl-inn-caps .content-box-column:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukabi-light-page .ukl-mock--innagent > .fusion-column-wrapper{ height:100%; }
.uki-agent{ display:grid; grid-template-rows:auto 1fr auto; width:100%; min-height:420px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:22px; overflow:hidden; text-align:left; }
.uki-agent .hd{ display:flex; justify-content:space-between; align-items:center; padding:14px 18px; border-bottom:1px solid rgba(255,255,255,.08); font:700 10.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.6); }
.uki-agent .hd span{ display:inline-flex; align-items:center; gap:8px; }
.uki-agent .body{ padding:18px; display:grid; gap:12px; align-content:start; }
.uki-msg{ max-width:90%; padding:12px 15px; border-radius:16px; font-size:14.5px; line-height:1.5; }
.uki-msg.u{ justify-self:end; background:#fff; color:var(--ukl-ink); border-bottom-right-radius:5px; }
.uki-msg.a{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); border-bottom-left-radius:5px; color:#fff; }
.uki-msg.a ul{ margin:8px 0 0; padding-left:18px; font:400 12.5px/1.6 var(--ukl-mono); }
.uki-msg.a .ref{ display:block; margin-top:8px; font:400 11px/1.3 var(--ukl-mono); color:#5BE0A0; }
.uki-msg.a .warn{ color:#F2A93B; }
.uki-mbars{ display:grid; gap:6px; margin-top:10px; }
.uki-mbars div{ display:grid; grid-template-columns:44px 1fr 60px; gap:8px; align-items:center; font:400 11.5px/1 var(--ukl-mono); color:rgba(255,255,255,.75); }
.uki-mbars div i{ display:block; height:10px; border-radius:4px; background:#3FA7E0; transform-origin:left; }
.uki-mbars div:last-child i{ background:var(--ukl-coral); }
.uki-typing{ display:inline-flex; gap:4px; }
.uki-typing i{ width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.6); animation:uki-typ 1s infinite; }
.uki-typing i:nth-child(2){ animation-delay:.15s; } .uki-typing i:nth-child(3){ animation-delay:.3s; }
@keyframes uki-typ{ 50%{ opacity:.25; transform:translateY(-2px); } }
.uki-cur::after{ content:"▍"; animation:uki-blink 1s steps(1) infinite; color:var(--ukl-coral); }
@keyframes uki-blink{ 50%{ opacity:0; } }
.uki-agent .ft{ padding:12px 18px; border-top:1px solid rgba(255,255,255,.08); font:400 11px/1.4 var(--ukl-mono); color:rgba(255,255,255,.5); }
@media (max-width:1024px){ .ukabi-light-page .ukl-mock--innagent{ margin-top:18px !important; } .uki-xmark{ width:100px; } }
@media (max-width:900px){ .ukabi-light-page .ukl-inn-xai > .fusion-column-wrapper{ padding:48px 22px !important; border-radius:26px; } }

/* ---------- TÁNDEM (sticky + espaciador) ---------- */
.ukabi-light-page .ukl-inn-tan-sec{ overflow-x:clip; }
.ukabi-light-page .ukl-inn-tan-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-inn-tan-head .fusion-title-heading{ font-size:clamp(28px,3.2vw,44px) !important; }
.uki-merge{ position:relative; height:330px; width:100%; text-align:left; }
.uki-mp{ position:absolute; top:30px; width:52%; height:250px; border-radius:22px; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); padding:18px; display:grid; gap:8px; align-content:start; will-change:transform; }
.uki-mp.l{ left:0; z-index:2; } .uki-mp.r{ right:0; }
.uki-mp small{ font:700 10px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-coral-d); }
.uki-mp.r small{ color:#1E6FD9; }
.uki-mp b{ font:800 16px/1.2 var(--ukl-display); color:var(--ukl-ink); }
.uki-mp i{ display:block; height:10px; border-radius:5px; background:#EEF0FA; }
.uki-mp i:nth-of-type(2){ width:80%; } .uki-mp i:nth-of-type(3){ width:64%; }
.uki-mp .dat{ margin-top:6px; display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.uki-mp .dat span{ font:700 10.5px/1 var(--ukl-mono); color:var(--ukl-ink); background:#F1F3FB; border:1px solid var(--ukl-line); border-radius:8px; padding:8px; }
.uki-badge{ position:absolute; left:50%; top:50%; translate:-50% -50%; z-index:3; display:inline-flex; align-items:center; gap:10px; background:var(--ukl-ink); color:#fff; border-radius:999px; padding:12px 18px; font:700 12px/1 var(--ukl-mono); letter-spacing:.06em; text-transform:uppercase; box-shadow:0 20px 50px -18px rgba(15,32,108,.7); opacity:0; transition:opacity .4s,transform .4s; white-space:nowrap; }
.uki-badge i{ width:10px; height:10px; border-radius:50%; background:#5BE0A0; box-shadow:0 0 10px #5BE0A0; }
.ukabi-light-page .ukl-inn-tan-txt .fusion-column-wrapper{ row-gap:16px !important; }
.ukabi-light-page .ukl-inn-tanlist{ display:grid !important; gap:9px; margin:0 !important; }
.ukabi-light-page .ukl-inn-tanlist .fusion-li-item{ display:grid !important; grid-template-columns:24px 1fr; gap:10px; align-items:center; margin:0 !important; background:#fff; border:1px solid var(--ukl-line); border-radius:12px; padding:11px 12px !important; transition:opacity .4s,transform .4s,border-color .4s; }
.ukabi-light-page .ukl-inn-tanlist .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-inn-tanlist .fusion-li-item::before{ content:"✓"; display:grid; place-items:center; width:24px; height:24px; border-radius:8px; background:var(--ukl-bg-2); color:#A5ACC8; font:800 12px/1 var(--ukl-display); transition:all .4s; }
.ukabi-light-page .ukl-inn-tanlist .fusion-li-item-content{ margin:0 !important; font-size:14px !important; color:var(--ukl-text); }
.ukabi-light-page .ukl-inn-tanlist.uki-js .fusion-li-item{ opacity:.3; transform:translateX(12px); }
.ukabi-light-page .ukl-inn-tanlist.uki-js .fusion-li-item.uki-on{ opacity:1; transform:none; border-color:#C5CBEA; }
.ukabi-light-page .ukl-inn-tanlist .fusion-li-item.uki-on::before{ background:var(--ukl-ink); color:#fff; }
@media (min-width:1025px){
  .ukabi-light-page .ukl-inn-tan-sec.uki-pin{ flex-direction:column !important; flex-wrap:nowrap !important; padding-top:0 !important; padding-bottom:0 !important; }
  .ukabi-light-page .ukl-inn-tan-sec.uki-pin > .fusion-row{ position:sticky; top:0; flex:none; width:100%; height:100vh; margin-inline:auto !important; align-content:center; padding-top:106px; padding-bottom:20px; }
  .uki-tan-space{ flex:none; width:100%; height:240vh; pointer-events:none; }
}
@media (max-width:1024px){ .ukabi-light-page .ukl-inn-tan-txt{ margin-top:24px !important; } .uki-merge{ height:300px; } }

/* ---------- Presentación directa ---------- */
.ukabi-light-page .ukl-inn-pres-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-inn-pres-txt .fusion-column-wrapper{ padding-right:40px !important; }
.ukabi-light-page .ukl-inn-pres-txt .ukl-pill{ flex:0 1 auto !important; max-width:100%; }
.ukabi-light-page .ukl-inn-big85 p{ display:flex; align-items:baseline; gap:10px; color:var(--ukl-muted); font-size:14px; line-height:1.4; }
.ukabi-light-page .ukl-inn-big85 strong{ font:800 64px/1 var(--ukl-display); letter-spacing:-.05em; color:var(--ukl-coral); font-variant-numeric:tabular-nums; white-space:nowrap; }
.uki-race{ width:100%; background:#fff; border:1px solid var(--ukl-line); border-radius:24px; padding:26px; box-shadow:var(--ukl-shadow); display:grid; gap:18px; text-align:left; }
.uki-race .ttl{ display:flex; justify-content:space-between; font:700 11px/1.2 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); }
.uki-lane{ display:grid; gap:8px; }
.uki-lane .lt{ display:flex; justify-content:space-between; gap:10px; font:600 13.5px/1.3 var(--ukl-display); color:var(--ukl-ink); }
.uki-lane .lt b{ font:700 13px/1 var(--ukl-mono); font-variant-numeric:tabular-nums; }
.uki-lane .bar{ height:16px; border-radius:8px; background:var(--ukl-bg-2); overflow:hidden; }
.uki-lane .bar i{ display:block; height:100%; width:0; border-radius:inherit; background:#A5ACC8; }
.uki-lane.fast .bar i{ background:linear-gradient(90deg,var(--ukl-ink),var(--ukl-coral)); }
.uki-lane.fast .lt b{ color:var(--ukl-coral-d); }
.uki-orgs{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.uki-orgs div{ background:#F1F3FB; border:1px solid var(--ukl-line); border-radius:12px; padding:10px; display:grid; gap:5px; }
.uki-orgs b{ font:800 14px/1 var(--ukl-display); color:var(--ukl-ink); }
.uki-orgs small{ font:400 10.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.uki-orgs em{ font:700 10px/1 var(--ukl-mono); font-style:normal; color:#A5ACC8; transition:color .4s; }
.uki-orgs div.ok em{ color:var(--ukl-green); }
@media (max-width:1024px){ .ukabi-light-page .ukl-inn-pres-txt .fusion-column-wrapper{ padding-right:0 !important; } .ukabi-light-page .ukl-mock--innrace{ margin-top:28px !important; } }
@media (max-width:600px){ .ukabi-light-page .ukl-inn-pres-txt .ukl-pill p{ white-space:normal; line-height:1.4; } .uki-orgs{ grid-template-columns:1fr; } }

/* ---------- Funcionalidades ---------- */
.ukabi-light-page .ukl-inn-feat-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-inn-bento{ grid-template-columns:1.2fr 1fr 1fr; gap:16px !important; }
.ukabi-light-page .ukl-inn-bento .content-box-column{ background:#fff; border:1px solid var(--ukl-line); border-radius:24px; padding:26px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-inn-bento .content-box-column:nth-child(3){ background:#0a1336; border-color:#0a1336; }
.ukabi-light-page .ukl-sec .ukl-inn-bento .content-box-heading{ font-size:19px !important; font-weight:800 !important; margin-bottom:12px !important; }
.ukabi-light-page .ukl-sec .ukl-inn-bento .content-box-column:nth-child(3) .content-box-heading{ color:#fff !important; }
.ukabi-light-page .ukl-sec .ukl-inn-bento .content-container{ font-size:14.5px !important; }
.ukabi-light-page .ukl-sec .ukl-inn-bento .content-box-column:nth-child(3) .content-container{ color:rgba(255,255,255,.72) !important; }
.ukabi-light-page .ukl-inn-bento .content-container p{ margin:0 0 12px; }
.ukabi-light-page .ukl-inn-bento .content-container p:last-child:not(:first-child){ font:700 10.5px/1.8 var(--ukl-mono); color:var(--ukl-ink); letter-spacing:.02em; }
.ukabi-light-page .ukl-inn-bento .content-container ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.ukabi-light-page .ukl-inn-bento .content-container li{ display:grid; grid-template-columns:14px 1fr; gap:10px; margin:0; line-height:1.45; }
.ukabi-light-page .ukl-inn-bento .content-container li::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--ukl-coral); margin-top:6px; }
.ukabi-light-page .ukl-sec .ukl-inn-bento .content-box-column:nth-child(3) li{ color:rgba(255,255,255,.88); }
@media (max-width:980px){ .ukabi-light-page .ukl-inn-bento{ grid-template-columns:1fr; } }
/* integraciones: rejilla (sin JS o móvil) y órbita (escritorio) */
.ukabi-light-page .ukl-inn-int-head{ margin-top:90px !important; }
.ukabi-light-page .ukl-inn-ints{ grid-template-columns:repeat(5,1fr); gap:12px !important; }
.ukabi-light-page .ukl-inn-ints .content-box-column{ background:#fff; border:1px solid var(--ukl-line); border-radius:16px; padding:16px !important; }
.ukabi-light-page .ukl-sec .ukl-inn-ints .content-box-heading{ font-size:15px !important; }
.ukabi-light-page .ukl-sec .ukl-inn-ints .content-container{ font-size:13px !important; }
.ukabi-light-page .ukl-inn-ints-col.uki-orb .ukl-inn-ints{ display:none !important; }
.uki-orbit{ position:relative; flex:0 0 auto !important; margin:10px auto 0 !important; width:min(680px,100%) !important; aspect-ratio:1; text-align:left; }
.ukabi-light-page .ukl-inn-ints-col.uki-orb .fusion-column-wrapper{ justify-content:center !important; }
.uki-orbit .ring{ position:absolute; inset:14%; border-radius:50%; border:1px dashed #C5CBEA; }
.uki-orbit .ring.r2{ inset:0; border-style:solid; border-color:#E3E6F3; }
.uki-ocore{ position:absolute; left:50%; top:50%; translate:-50% -50%; width:34%; aspect-ratio:1; border-radius:50%; display:grid; place-content:center; text-align:center; gap:6px; color:#fff; background:radial-gradient(circle at 35% 30%,#2B3DB0,#0F206C 70%); box-shadow:0 30px 70px -20px rgba(15,32,108,.6); }
.uki-ocore b{ font:800 18px/1.1 var(--ukl-display); color:#fff; }
.uki-ocore small{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-coral); }
.uki-orot{ position:absolute; inset:0; animation:uki-spin 70s linear infinite; }
.uki-onode{ position:absolute; left:var(--x); top:var(--y); width:170px; translate:-50% -50%; }
.uki-onode div{ animation:uki-spin 70s linear infinite reverse; background:#fff; border:1px solid var(--ukl-line); border-radius:16px; padding:12px 14px; box-shadow:var(--ukl-shadow); display:grid; gap:4px; }
.uki-onode b{ font:800 14px/1.2 var(--ukl-display); color:var(--ukl-ink); }
.uki-onode small{ font-size:12px; color:var(--ukl-muted); line-height:1.4; }
.uki-orbit:hover .uki-orot,.uki-orbit:hover .uki-onode div{ animation-play-state:paused; }
@media (max-width:900px){ .ukabi-light-page .ukl-inn-ints{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .ukabi-light-page .ukl-inn-ints{ grid-template-columns:1fr; } }

/* ---------- Implantación Ukabi ---------- */
.ukabi-light-page .ukl-inn-ukabi-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-inn-why{ grid-template-columns:repeat(3,1fr); gap:18px !important; }
.ukabi-light-page .ukl-inn-why .content-box-column{ background:#fff; border:1px solid var(--ukl-line); border-radius:22px; padding:26px !important; }
.ukabi-light-page .ukl-inn-why .content-box-column::before{ content:""; display:block; width:28px; height:4px; border-radius:4px; background:var(--ukl-coral); margin-bottom:16px; }
.ukabi-light-page .ukl-sec .ukl-inn-why .content-box-heading{ font-size:19px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-sec .ukl-inn-why .content-container{ font-size:15px !important; }
@media (max-width:900px){ .ukabi-light-page .ukl-inn-why{ grid-template-columns:1fr; } }

@media (prefers-reduced-motion:reduce){ .uki-tile{ transition:none; } .uki-orot,.uki-onode div,.uki-core .sync{ animation:none !important; } }

/* TÁNDEM con vídeo: aire entre el título y las columnas (vídeo / texto) */
.ukabi-light-page .ukl-sec.ukl-inn-tan-sec .fusion-layout-column.ukl-inn-tan-head{ margin-bottom:44px !important; }
.ukabi-light-page .ukl-sec.ukl-inn-tan-sec .fusion-layout-column.ukl-inn-tan-vid{ margin-top:0 !important; }
@media (max-width:1024px){ .ukabi-light-page .ukl-sec.ukl-inn-tan-sec .fusion-layout-column.ukl-inn-tan-head{ margin-bottom:24px !important; } }