/* =====================================================================
   UKABI · Página a3innuva Contabilidad (Contabilidad y Fiscal · Wolters Kluwer)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-ic-*;
   piezas que inserta ukabi-light-ic.js: ukw-*.
   ===================================================================== */

/* antetítulo de las cajas (el JS lo sube encima del título) */
.ukabi-light-page .ukl-ic-k{ margin:0 0 8px !important; font:700 10px/1.2 var(--ukl-mono) !important; letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-coral-d) !important; }

/* ---------- HERO (centrado) ---------- */
.ukabi-light-page .ukl-ic-hero{ padding-top:96px !important; padding-bottom:40px !important; overflow-x:clip; }
.ukabi-light-page .ukl-ic-hero > .fusion-row{ max-width:1240px !important; }
.ukabi-light-page .ukl-ic-copy .fusion-column-wrapper{ max-width:1000px; }
.ukabi-light-page .ukl-ic-copy .ukl-h1 .fusion-title-heading{ display:grid; gap:12px; justify-items:center; font-size:clamp(28px,3.2vw,44px) !important; line-height:1.08 !important; letter-spacing:-.04em !important; }
.ukabi-light-page .ukl-ic-copy .ukl-h1 .fusion-title-heading > em,
.ukabi-light-page .ukl-ic-copy .ukl-h1 .fusion-title-heading > .ukl-w:first-child{ font-size:clamp(42px,6.2vw,90px); letter-spacing:-.055em; line-height:.98; }
@media (min-width:760px){ .ukabi-light-page .ukl-ic-copy .ukl-h1 .fusion-title-heading > em,.ukabi-light-page .ukl-ic-copy .ukl-h1 .fusion-title-heading > .ukl-w:first-child{ white-space:nowrap; } }
.ukabi-light-page .ukl-ic-copy .ukl-h1 em{ display:inline-block; margin-right:0; padding:0 .12em .08em 0; }
.ukabi-light-page .ukl-ic-copy .ukl-h1 .ukl-ic-h1s{ display:block; text-wrap:balance; }
.ukabi-light-page .ukl-ic-copy .ukl-lead{ max-width:none !important; margin-inline:0 !important; }
.ukabi-light-page .ukl-ic-copy .ukl-lead p{ max-width:720px; margin-inline:auto !important; font-size:18px !important; }
.ukabi-light-page .ukl-ic-copy .ukl-lead strong{ color:var(--ukl-ink); font-weight:600; }
.ukabi-light-page .ukl-ic-keys{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 !important; }
.ukabi-light-page .ukl-ic-keys .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-ic-keys .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-ic-keys .fusion-li-item-content{ margin:0 !important; font:600 13px/1.2 var(--ukl-display) !important; color:var(--ukl-muted); }
.ukabi-light-page .ukl-ic-keys strong{ font-size:15px; font-weight:800; color:var(--ukl-ink); margin-right:4px; }
.ukabi-light-page .ukl-mock--icflow{ margin-top:60px !important; }

/* flujo: factura → asiento → modelo 303 */
.ukw-flow{ position:relative; flex:0 0 100% !important; display:grid; grid-template-columns:1fr 1.1fr 1fr; gap:44px; align-items:stretch; text-align:left; }
.ukw-flow .fc{ position:relative; z-index:2; background:#fff; border:1px solid var(--ukl-line); border-radius:22px; padding:18px; box-shadow:var(--ukl-shadow-lg); display:grid; gap:10px; align-content:start; transition:border-color .4s,box-shadow .4s; }
.ukw-flow .fc.hot{ border-color:var(--ukl-coral); box-shadow:0 0 0 4px rgba(253,73,92,.12),var(--ukl-shadow-lg); }
.ukw-flow .fc.ok{ border-color:#BFE8D3; box-shadow:0 0 0 4px rgba(18,146,91,.1),var(--ukl-shadow-lg); }
.ukw-flow .fh{ display:flex; justify-content:space-between; align-items:flex-start; gap:8px; }
.ukw-flow .fh small{ display:block; margin-bottom:6px; font:700 10px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-coral-d); }
.ukw-flow .fh b{ display:block; font:800 15px/1.2 var(--ukl-display); color:var(--ukl-ink); }
.ukw-flow .st{ font:700 9.5px/1 var(--ukl-mono); padding:6px 8px; border-radius:7px; background:#F1F3FB; color:var(--ukl-muted); white-space:nowrap; transition:all .35s; }
.ukw-flow .st.ok{ background:var(--ukl-green-soft); color:var(--ukl-green); }
.ukw-flow .doc{ position:relative; overflow:hidden; border:1px solid var(--ukl-line); border-radius:12px; padding:12px; background:#FBFCFF; display:grid; gap:7px; font:400 11px/1.2 var(--ukl-mono); color:var(--ukl-muted); }
.ukw-flow .doc .r{ display:flex; justify-content:space-between; gap:8px; }
.ukw-flow .doc .r b{ color:var(--ukl-ink); font-weight:700; }
.ukw-flow .doc .r.t{ border-top:1px solid var(--ukl-line); padding-top:7px; font-weight:700; color:var(--ukl-ink); }
.ukw-flow .scanl{ position:absolute; left:0; right:0; top:-40px; height:40px; background:linear-gradient(180deg,transparent,rgba(30,111,217,.18)); border-bottom:2px solid #1E6FD9; opacity:0; }
.ukw-flow .tags{ display:flex; flex-wrap:wrap; gap:6px; }
.ukw-flow .tags span{ font:700 9.5px/1 var(--ukl-mono); padding:6px 8px; border-radius:7px; background:#E7F0FF; color:#1E6FD9; opacity:.3; transform:scale(.92); transition:all .35s cubic-bezier(.3,1.5,.5,1); }
.ukw-flow .tags span.on{ opacity:1; transform:none; }
.ukw-flow .led{ display:grid; }
.ukw-flow .lr{ display:grid; grid-template-columns:44px 1fr 74px 74px; gap:6px; align-items:center; padding:8px 2px; border-top:1px solid var(--ukl-line); font:400 11px/1.2 var(--ukl-mono); color:var(--ukl-text); opacity:.22; transform:translateX(-4px); transition:opacity .35s,transform .35s; }
.ukw-flow .lr.on,.ukw-flow .lr.hd{ opacity:1; transform:none; }
.ukw-flow .lr.hd{ border-top:0; font-weight:700; font-size:9px; letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-muted); }
.ukw-flow .lr span:nth-child(n+3){ text-align:right; }
.ukw-flow .lr b{ color:var(--ukl-ink); }
.ukw-flow .lr.sum{ border-top:2px solid var(--ukl-ink); font-weight:700; color:var(--ukl-ink); }
.ukw-flow .m303{ display:grid; gap:8px; }
.ukw-flow .m303 .rw{ display:flex; justify-content:space-between; font:400 11.5px/1 var(--ukl-mono); color:var(--ukl-muted); padding:7px 0; border-top:1px solid var(--ukl-line); }
.ukw-flow .m303 .rw:first-child{ border-top:0; }
.ukw-flow .m303 .rw b{ color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukw-flow .m303 .res{ display:flex; justify-content:space-between; align-items:center; border-radius:12px; background:var(--ukl-ink); color:#fff; padding:12px 14px; font:800 18px/1 var(--ukl-display); }
.ukw-flow .m303 .res small{ font:700 9px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.6); }
.ukw-flow .aeat{ display:flex; align-items:center; gap:8px; font:400 10.5px/1.3 var(--ukl-mono); color:#A5ACC8; transition:color .35s; }
.ukw-flow .aeat i{ width:20px; height:20px; border-radius:50%; border:2px solid #D5DAEA; display:grid; place-items:center; font-style:normal; font-size:10px; color:#fff; transition:all .35s; flex:none; }
.ukw-flow .aeat.on{ color:var(--ukl-green); } .ukw-flow .aeat.on i{ background:var(--ukl-green); border-color:var(--ukl-green); }
.ukw-flow .wire{ position:absolute; height:2px; z-index:1; background:repeating-linear-gradient(90deg,#C5CBEA 0 6px,transparent 6px 12px); }
.ukw-flow .pulse{ position:absolute; z-index:3; width:12px; height:12px; margin-top:-6px; border-radius:50%; background:var(--ukl-coral); box-shadow:0 0 0 6px rgba(253,73,92,.18),0 0 16px #FD495C; opacity:0; }
.ukw-flow .bank{ grid-column:1/-1; justify-self:center; display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--ukl-line); border-radius:999px; padding:10px 16px; box-shadow:var(--ukl-shadow); font:400 12px/1.2 var(--ukl-mono); color:var(--ukl-muted); opacity:.35; transition:opacity .4s,border-color .4s; }
.ukw-flow .bank b{ color:var(--ukl-ink); font-family:var(--ukl-display); }
.ukw-flow .bank em{ font-style:normal; font-weight:700; color:var(--ukl-coral-d); }
.ukw-flow .bank .ck{ font:700 10px/1 var(--ukl-mono); padding:6px 9px; border-radius:999px; background:#F1F3FB; color:var(--ukl-muted); transition:all .35s; }
.ukw-flow .bank.on{ opacity:1; border-color:#BFE8D3; } .ukw-flow .bank.on .ck{ background:var(--ukl-green-soft); color:var(--ukl-green); }
@media (max-width:980px){ .ukw-flow{ grid-template-columns:1fr; gap:22px; max-width:480px; margin-inline:auto !important; } .ukw-flow .wire,.ukw-flow .pulse{ display:none; } .ukw-flow .bank{ border-radius:16px; flex-wrap:wrap; justify-content:center; text-align:center; } }

/* ---------- Asesorías / Pymes: comparador ---------- */
.ukabi-light-page .ukl-ic-ver-sec{ padding-top:80px !important; }
.ukw-cmp{ position:relative; flex:0 0 100% !important; height:420px; border-radius:28px; overflow:hidden; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); user-select:none; touch-action:pan-y; --x:50%; text-align:left; }
.ukw-cmp .ly{ position:absolute; inset:0; padding:26px; display:grid; gap:12px; align-content:start; }
.ukw-cmp .ly.a{ background:#0a1336; color:#fff; clip-path:inset(0 calc(100% - var(--x)) 0 0); z-index:2; }
.ukw-cmp .ly.b{ background:#fff; }
.ukw-cmp .tg{ display:flex; justify-content:space-between; align-items:center; }
.ukw-cmp .tg small{ font:700 10.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; }
.ukw-cmp .ly.a .tg small{ color:#FF9AA6; } .ukw-cmp .ly.b .tg small{ color:var(--ukl-coral-d); }
.ukw-cmp .tg b{ font:800 20px/1.1 var(--ukl-display); color:#fff; }
.ukw-cmp .ly.b .tg b{ color:var(--ukl-ink); }
.ukw-cmp .ly.b .tg{ flex-direction:row-reverse; text-align:right; }
.ukw-cmp .clients{ display:grid; gap:8px; max-width:560px; }
.ukw-cmp .clients > div{ display:grid; grid-template-columns:34px 1fr 150px auto; gap:12px; align-items:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:10px 12px; font:400 11px/1.2 var(--ukl-mono); color:rgba(255,255,255,.7); }
.ukw-cmp .clients .av{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:rgba(255,255,255,.12); font:700 11px/1 var(--ukl-display); color:#fff; }
.ukw-cmp .clients b{ display:block; font:700 13px/1.2 var(--ukl-display); color:#fff; }
.ukw-cmp .clients i{ display:block; height:8px; border-radius:4px; background:linear-gradient(90deg,#5BE0A0 var(--p),rgba(255,255,255,.12) var(--p)); }
.ukw-cmp .clients em{ font-style:normal; font:700 9.5px/1 var(--ukl-mono); padding:6px 8px; border-radius:7px; background:rgba(91,224,160,.18); color:#5BE0A0; white-space:nowrap; }
.ukw-cmp .clients em.w{ background:rgba(242,169,59,.2); color:#F2C06B; }
.ukw-cmp .pyme{ justify-self:end; width:min(560px,100%); display:grid; gap:10px; }
.ukw-cmp .kp{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.ukw-cmp .kp > div{ background:#F1F3FB; border:1px solid var(--ukl-line); border-radius:12px; padding:10px; }
.ukw-cmp .kp small{ display:block; font:700 8.5px/1 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-muted); }
.ukw-cmp .kp b{ display:block; margin-top:6px; font:800 19px/1 var(--ukl-display); color:var(--ukl-ink); }
.ukw-cmp .ch{ height:150px; border:1px solid var(--ukl-line); border-radius:12px; padding:12px; display:flex; align-items:flex-end; gap:10px; }
.ukw-cmp .ch > div{ flex:1; display:flex; gap:3px; align-items:flex-end; height:100%; }
.ukw-cmp .ch i{ flex:1; border-radius:4px 4px 1px 1px; background:var(--ukl-ink); }
.ukw-cmp .ch i + i{ background:var(--ukl-coral); }
.ukw-cmp .adv{ display:flex; align-items:center; gap:10px; justify-content:flex-end; font:400 11px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukw-cmp .adv b{ font-family:var(--ukl-display); color:var(--ukl-ink); }
.ukw-cmp .adv span{ font:700 9.5px/1 var(--ukl-mono); padding:6px 8px; border-radius:7px; background:var(--ukl-green-soft); color:var(--ukl-green); }
.ukw-cmp .hdl{ position:absolute; top:0; bottom:0; left:var(--x); z-index:3; width:0; cursor:ew-resize; }
.ukw-cmp .hdl::before{ content:""; position:absolute; top:0; bottom:0; left:-1px; width:2px; background:#fff; box-shadow:0 0 0 1px rgba(15,32,108,.15); }
.ukw-cmp .hdl span{ position:absolute; top:50%; left:0; translate:-50% -50%; width:52px; height:52px; border-radius:50%; background:#fff; box-shadow:var(--ukl-shadow-lg); display:grid; place-items:center; font:800 16px/1 var(--ukl-display); color:var(--ukl-ink); }
.ukw-cmp .hdl span:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukabi-light-page .ukl-ic-cc-col{ margin-top:28px !important; }
.ukabi-light-page .ukl-ic-cc{ grid-template-columns:1fr 1fr; gap:18px !important; }
.ukabi-light-page .ukl-ic-cc > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-ic-cc .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:24px; padding:26px !important; }
.ukabi-light-page .ukl-ic-cc .content-box-column:first-child{ background:#0a1336 !important; border-color:#0a1336; }
.ukabi-light-page .ukl-sec .ukl-ic-cc .content-box-heading{ font-size:22px !important; font-weight:800 !important; letter-spacing:-.02em !important; line-height:1.2 !important; margin-bottom:10px !important; }
.ukabi-light-page .ukl-sec .ukl-ic-cc .content-box-column:first-child .content-box-heading{ color:#fff !important; }
.ukabi-light-page .ukl-ic-cc .content-container p{ margin:0 0 12px; }
.ukabi-light-page .ukl-sec .ukl-ic-cc .content-box-column:first-child .content-container{ color:rgba(255,255,255,.72) !important; }
.ukabi-light-page .ukl-ic-cc .content-box-column:first-child .ukl-ic-k{ color:#FF9AA6 !important; }
.ukabi-light-page .ukl-ic-cc ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.ukabi-light-page .ukl-ic-cc li{ position:relative; display:block; padding-left:30px; margin:0; font-size:14.5px; line-height:1.45; color:var(--ukl-text); }
.ukabi-light-page .ukl-ic-cc li strong{ color:var(--ukl-ink); }
.ukabi-light-page .ukl-ic-cc li::before{ content:"✓"; position:absolute; left:0; top:0; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--ukl-green-soft); color:var(--ukl-green); font-size:11px; font-weight:800; }
.ukabi-light-page .ukl-ic-cc .content-box-column:first-child li{ color:rgba(255,255,255,.88); }
.ukabi-light-page .ukl-ic-cc .content-box-column:first-child li strong{ color:#fff; }
.ukabi-light-page .ukl-ic-cc .content-box-column:first-child li::before{ background:rgba(91,224,160,.2); color:#5BE0A0; }
.ukabi-light-page .ukl-ic-cc .ukl-ic-pr{ margin:14px 0 0 !important; font:800 15px/1.3 var(--ukl-display); color:var(--ukl-ink); }
.ukabi-light-page .ukl-ic-cc .ukl-ic-pr span{ font:400 12px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
@media (max-width:860px){ .ukw-cmp{ height:560px; } .ukw-cmp .clients > div{ grid-template-columns:30px 1fr auto; } .ukw-cmp .clients i{ display:none; } .ukabi-light-page .ukl-ic-cc{ grid-template-columns:1fr; } }

/* ---------- Funcionalidades: navegación vertical ---------- */
.ukabi-light-page .ukl-ic-ft-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-ic-ft-sec > .fusion-row{ align-items:flex-start !important; }
.ukabi-light-page .ukl-ic-tabs-col .fusion-column-wrapper.ukw-ftw{ display:grid !important; grid-template-columns:220px minmax(0,1fr); gap:24px; align-items:start; padding-right:24px !important; }
.ukw-fnav{ display:grid; gap:8px; position:sticky; top:140px; }
.ukw-fnav button{ display:grid; grid-template-columns:36px 1fr; gap:12px; align-items:center; text-align:left; border:1px solid var(--ukl-line); background:#fff; border-radius:16px; padding:12px 14px; font:700 15px/1.2 var(--ukl-display); color:var(--ukl-muted); cursor:pointer; transition:all .3s; }
.ukw-fnav button i{ width:36px; height:36px; border-radius:11px; display:grid; place-items:center; background:var(--ukl-bg-2); color:var(--ukl-ink); font:700 12px/1 var(--ukl-mono); font-style:normal; transition:all .3s; }
.ukw-fnav button.on{ border-color:var(--ukl-ink); color:var(--ukl-ink); box-shadow:var(--ukl-shadow); }
.ukw-fnav button.on i{ background:var(--ukl-coral); color:#fff; }
.ukw-fnav button:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukabi-light-page .ukl-ic-tabs.ukw-js > .nav,
.ukabi-light-page .ukl-ic-tabs.ukw-js .fusion-mobile-tab-nav{ display:none !important; }
.ukabi-light-page .ukl-ic-tabs .tab-content{ border:0 !important; background:none !important; padding:0 !important; }
.ukabi-light-page .ukl-ic-tabs .tab-pane{ background:none !important; border:0 !important; padding:0 !important; overflow:visible !important; }
.ukabi-light-page .ukl-ic-tabs.ukw-js .tab-pane{ display:none !important; }
.ukabi-light-page .ukl-ic-tabs.ukw-js .tab-pane.ukw-on{ display:block !important; opacity:1 !important; }
.ukabi-light-page .ukl-ic-tabs.ukw-js .tab-pane.ukw-on .awb-tab-pane-inner{ opacity:1 !important; transform:none !important; }
.ukabi-light-page .ukl-ic-tabs .tab-pane h3{ margin:0 0 12px !important; font:800 24px/1.2 var(--ukl-display) !important; letter-spacing:-.02em !important; color:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-ic-tabs .tab-pane ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.ukabi-light-page .ukl-ic-tabs .tab-pane li{ position:relative; display:block; padding-left:48px !important; margin:0; font-size:15px; line-height:1.5; color:var(--ukl-text); background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:12px 14px; }
.ukabi-light-page .ukl-ic-tabs .tab-pane li::before{ content:"✓"; position:absolute; left:14px; top:12px; display:grid; place-items:center; width:22px; height:22px; border-radius:7px; background:var(--ukl-green-soft); color:var(--ukl-green); font-size:11px; font-weight:800; }
.ukabi-light-page .ukl-ic-tabs .ukl-ic-new{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.06em; color:#fff; background:var(--ukl-coral); border-radius:6px; padding:4px 6px; margin-right:6px; }
.ukabi-light-page .ukl-mock--icfvis{ position:sticky !important; top:140px; }
.ukw-fvis{ position:relative; flex:0 0 100% !important; height:380px; border-radius:24px; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); overflow:hidden; text-align:left; }
.ukw-fvis .fv{ position:absolute; inset:20px; display:grid; gap:10px; align-content:start; opacity:0; transform:translateY(14px); transition:opacity .45s,transform .45s; }
.ukw-fvis .fv.on{ opacity:1; transform:none; }
.ukw-fvis .vt{ display:flex; justify-content:space-between; font:700 10.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); }
.ukw-fvis .vt b{ color:var(--ukl-ink); }
.ukw-fvis .vt.sp{ margin-top:14px; }
.ukw-fvis .vgrid6{ display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.ukw-fvis .vgrid6 > div{ border:1px solid var(--ukl-line); border-radius:12px; padding:10px; display:grid; gap:5px; background:#FBFCFF; }
.ukw-fvis .vgrid6 b{ font:800 18px/1 var(--ukl-display); color:var(--ukl-ink); }
.ukw-fvis .vgrid6 small{ font:400 10px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukw-fvis .vgrid6 em{ font-style:normal; font:700 9px/1 var(--ukl-mono); padding:5px 7px; border-radius:6px; background:var(--ukl-green-soft); color:var(--ukl-green); justify-self:start; }
.ukw-fvis .vgrid6 em.p{ background:#FFF3DF; color:#A86A07; }
.ukw-fvis .tl{ display:grid; gap:8px; }
.ukw-fvis .tl > div{ display:grid; grid-template-columns:62px 1fr 78px; gap:8px; align-items:center; font:400 11px/1.2 var(--ukl-mono); color:var(--ukl-text); }
.ukw-fvis .tl i{ display:block; height:10px; border-radius:5px; background:#EEF0FA; position:relative; overflow:hidden; }
.ukw-fvis .tl i::after{ content:""; position:absolute; inset:0; width:var(--p); background:var(--ukl-ink); border-radius:5px; }
.ukw-fvis .tl > div.vd i::after{ background:var(--ukl-coral); }
.ukw-fvis .tl b{ text-align:right; color:var(--ukl-ink); }
.ukw-fvis .bal{ display:flex; align-items:flex-end; gap:10px; height:250px; padding:10px; border:1px solid var(--ukl-line); border-radius:12px; }
.ukw-fvis .bal > div{ flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:6px; height:100%; font:700 9px/1 var(--ukl-mono); color:var(--ukl-muted); text-align:center; }
.ukw-fvis .bal i{ width:100%; border-radius:6px 6px 2px 2px; background:var(--ukl-ink); }
.ukw-fvis .bal > div:nth-child(even) i{ background:#8E9BFF; }
.ukw-fvis .lgr{ display:grid; }
.ukw-fvis .lgr > div{ display:grid; grid-template-columns:40px 1fr 62px; gap:8px; font:400 10.5px/1.2 var(--ukl-mono); color:var(--ukl-text); padding:8px 0; border-top:1px solid var(--ukl-line); }
.ukw-fvis .lgr > div > span:nth-child(4){ display:none; }
.ukw-fvis .lgr > div:first-child{ border-top:0; font-weight:700; font-size:9px; letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-muted); }
.ukw-fvis .lgr span:nth-child(3){ text-align:right; }
@media (max-width:1024px){
  .ukabi-light-page .ukl-mock--icfvis{ display:none !important; }
  .ukabi-light-page .ukl-ic-tabs-col .fusion-column-wrapper.ukw-ftw{ padding-right:0 !important; }
}
@media (max-width:760px){
  .ukabi-light-page .ukl-ic-tabs-col .fusion-column-wrapper.ukw-ftw{ grid-template-columns:1fr; }
  .ukw-fnav{ position:static; grid-template-columns:1fr 1fr; }
  .ukw-fnav button{ font-size:13.5px; padding:10px; grid-template-columns:30px 1fr; gap:8px; }
  .ukw-fnav button i{ width:30px; height:30px; }
}

/* ---------- Actualización: cinta ---------- */
.ukabi-light-page .ukl-ic-upd-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-ic-upd-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-ic-upd-txt .fusion-column-wrapper{ row-gap:18px; padding-right:40px !important; }
.ukabi-light-page .ukl-ic-upd-txt .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-ic-upd-txt .ukl-title .fusion-title-heading{ font-size:clamp(30px,3.6vw,48px) !important; }
.ukabi-light-page .ukl-ic-upl{ display:grid !important; gap:12px; margin:0 !important; }
.ukabi-light-page .ukl-ic-upl .fusion-li-item{ display:grid !important; grid-template-columns:10px 1fr; gap:12px; margin:0 !important; }
.ukabi-light-page .ukl-ic-upl .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-ic-upl .fusion-li-item::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--ukl-coral); margin-top:8px; }
.ukabi-light-page .ukl-ic-upl .fusion-li-item-content{ margin:0 !important; font-size:15.5px !important; color:var(--ukl-muted); line-height:1.55; }
.ukw-ticker{ position:relative; flex:0 0 100% !important; height:340px; overflow:hidden; border-radius:24px; background:#0a1336; padding:0 18px; text-align:left; -webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent); mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent); }
.ukw-ticker .ttrack{ display:grid; gap:10px; padding-top:18px; animation:ukw-tick 26s linear infinite; }
.ukw-ticker:hover .ttrack{ animation-play-state:paused; }
@keyframes ukw-tick{ to{ transform:translateY(-50%); } }
.ukw-ticker .ti{ display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:12px 14px; }
.ukw-ticker .ti small{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:#FF9AA6; white-space:nowrap; }
.ukw-ticker .ti b{ font:600 13.5px/1.35 var(--ukl-display); color:#fff; }
.ukw-ticker .ti em{ font-style:normal; font:700 9.5px/1 var(--ukl-mono); padding:6px 8px; border-radius:7px; background:rgba(91,224,160,.18); color:#5BE0A0; white-space:nowrap; }
@media (max-width:1024px){ .ukabi-light-page .ukl-ic-upd-txt .fusion-column-wrapper{ padding-right:0 !important; } .ukabi-light-page .ukl-mock--icticker{ margin-top:28px !important; } }
@media (max-width:520px){ .ukw-ticker .ti{ grid-template-columns:1fr auto; } .ukw-ticker .ti small{ grid-column:1/-1; } }

/* ---------- Módulos: acordeón horizontal ---------- */
.ukabi-light-page .ukl-ic-mod-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-ic-acc{ grid-template-columns:repeat(3,1fr); gap:14px !important; }
.ukabi-light-page .ukl-ic-acc > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-ic-acc .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:24px; padding:22px !important; }
.ukabi-light-page .ukl-sec .ukl-ic-acc .heading .icon{ width:44px; height:44px; border-radius:13px; background:var(--ukl-bg-2); color:var(--ukl-ink); margin-bottom:12px !important; transition:background .4s,color .4s; }
.ukabi-light-page .ukl-sec .ukl-ic-acc .heading .icon i{ font-size:18px !important; }
.ukabi-light-page .ukl-sec .ukl-ic-acc .content-box-heading{ font-size:18px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-ic-acc .content-container p{ margin:0; }
.ukw-num,.ukw-vt{ display:none; }
@media (min-width:901px){
  .ukabi-light-page .ukl-ic-acc.ukw-js{ display:flex !important; gap:10px !important; height:380px; }
  .ukabi-light-page .ukl-ic-acc.ukw-js .content-box-column{ position:relative; flex:1 1 0; min-width:0; overflow:hidden; padding:0 !important; cursor:pointer; transition:flex .6s cubic-bezier(.6,0,.2,1),background .4s,border-color .4s; }
  .ukabi-light-page .ukl-ic-acc.ukw-js .content-box-column.ukw-on{ flex:3.4 1 0; background:var(--ukl-ink) !important; border-color:var(--ukl-ink); }
  .ukabi-light-page .ukl-ic-acc.ukw-js .content-box-wrapper{ position:absolute !important; inset:0; height:auto !important; padding:18px 26px 26px !important; display:flex !important; flex-direction:column; }
  .ukabi-light-page .ukl-ic-acc.ukw-js .heading{ display:contents !important; }
  .ukabi-light-page .ukl-ic-acc.ukw-js .content-box-wrapper > .fusion-clearfix{ display:none !important; }
  .ukabi-light-page .ukl-sec .ukl-ic-acc.ukw-js .heading .icon{ order:0; margin:0 !important; }
  .ukabi-light-page .ukl-ic-acc.ukw-js .ukl-ic-k{ order:1; margin-top:auto !important; }
  .ukabi-light-page .ukl-ic-acc.ukw-js .content-box-heading{ order:2; }
  .ukabi-light-page .ukl-ic-acc.ukw-js .content-container{ order:3; }
  .ukabi-light-page .ukl-ic-acc.ukw-js .ukl-ic-k,
  .ukabi-light-page .ukl-ic-acc.ukw-js .content-box-heading,
  .ukabi-light-page .ukl-ic-acc.ukw-js .content-container{ opacity:0; transform:translateY(16px); transition:opacity .4s .15s,transform .4s .15s; white-space:normal; }
  .ukabi-light-page .ukl-ic-acc.ukw-js .ukw-on .ukl-ic-k,
  .ukabi-light-page .ukl-ic-acc.ukw-js .ukw-on .content-box-heading,
  .ukabi-light-page .ukl-ic-acc.ukw-js .ukw-on .content-container{ opacity:1; transform:none; }
  .ukabi-light-page .ukl-sec .ukl-ic-acc.ukw-js .ukw-on .content-box-heading{ color:#fff !important; font-size:24px !important; min-width:300px; }
  .ukabi-light-page .ukl-sec .ukl-ic-acc.ukw-js .ukw-on .content-container{ color:rgba(255,255,255,.76) !important; font-size:15px !important; max-width:440px; min-width:300px; }
  .ukabi-light-page .ukl-ic-acc.ukw-js .ukw-on .ukl-ic-k{ color:#FF9AA6 !important; min-width:300px; }
  .ukabi-light-page .ukl-sec .ukl-ic-acc.ukw-js .ukw-on .heading .icon{ background:rgba(255,255,255,.12); color:#fff; }
  .ukw-num{ display:block; position:absolute; right:20px; top:18px; font:800 64px/1 var(--ukl-display); color:rgba(255,255,255,.08); opacity:0; transition:opacity .4s; pointer-events:none; }
  .ukw-on .ukw-num{ opacity:1; }
  .ukw-vt{ display:block; position:absolute; left:22px; bottom:22px; writing-mode:vertical-rl; rotate:180deg; font:800 17px/1 var(--ukl-display); color:var(--ukl-ink); white-space:nowrap; transition:opacity .3s; pointer-events:none; }
  .ukw-on .ukw-vt{ opacity:0; }
  .ukabi-light-page .ukl-ic-acc.ukw-js .content-box-column:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
}
@media (max-width:900px){ .ukabi-light-page .ukl-ic-acc{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .ukabi-light-page .ukl-ic-acc{ grid-template-columns:1fr; } }

/* ---------- a3asesor | eco ---------- */
.ukabi-light-page .ukl-ic-eco-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-ic-eco-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-ic-eco-txt .fusion-column-wrapper{ row-gap:18px; padding-right:32px !important; }
.ukabi-light-page .ukl-ic-eco-txt .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-ic-eco-txt .ukl-title .fusion-title-heading{ font-size:clamp(28px,3vw,40px) !important; }
.ukw-sync{ position:relative; flex:0 0 100% !important; height:300px; }
.ukw-sync .node{ position:absolute; top:50%; translate:0 -50%; width:170px; aspect-ratio:1; border-radius:50%; display:grid; place-content:center; text-align:center; gap:6px; box-shadow:var(--ukl-shadow-lg); }
.ukw-sync .node b{ font:800 17px/1.1 var(--ukl-display); }
.ukw-sync .node small{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; }
.ukw-sync .node.l{ left:0; background:radial-gradient(circle at 35% 30%,#2B3DB0,#0F206C 70%); } .ukw-sync .node.l b{ color:#fff; } .ukw-sync .node.l small{ color:#FF9AA6; }
.ukw-sync .node.r{ right:0; background:#fff; border:1px solid var(--ukl-line); } .ukw-sync .node.r b{ color:var(--ukl-ink); } .ukw-sync .node.r small{ color:var(--ukl-coral-d); }
.ukw-sync .lane{ position:absolute; left:170px; right:170px; height:2px; background:repeating-linear-gradient(90deg,#C5CBEA 0 6px,transparent 6px 12px); }
.ukw-sync .lane.t{ top:44%; } .ukw-sync .lane.b{ top:56%; }
.ukw-sync .dat{ position:absolute; font:700 9.5px/1 var(--ukl-mono); padding:6px 8px; border-radius:999px; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow); color:var(--ukl-ink); white-space:nowrap; opacity:0; }
.ukabi-light-page .ukl-ic-ecards-col{ margin-top:40px !important; }
.ukabi-light-page .ukl-ic-ecards{ grid-template-columns:repeat(3,1fr); gap:16px !important; }
.ukabi-light-page .ukl-ic-ecards > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-ic-ecards .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:22px; padding:24px !important; }
.ukabi-light-page .ukl-sec .ukl-ic-ecards .content-box-heading{ font-size:18px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-ic-ecards .content-container p{ margin:0; }
.ukabi-light-page .ukl-ic-ecards a{ color:var(--ukl-coral-d) !important; font-weight:700; }
@media (max-width:1024px){ .ukabi-light-page .ukl-ic-eco-txt .fusion-column-wrapper{ padding-right:0 !important; } .ukabi-light-page .ukl-mock--icsync{ margin-top:24px !important; } }
@media (max-width:980px){ .ukabi-light-page .ukl-ic-ecards{ grid-template-columns:1fr; } .ukw-sync .node{ width:130px; } .ukw-sync .lane{ left:130px; right:130px; } }

/* ---------- TÁNDEM: anillos ---------- */
.ukabi-light-page .ukl-ic-tan-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-ic-tan-sec > .fusion-row{ align-items:center !important; }
.ukw-rings{ position:relative; flex:0 0 auto !important; width:min(460px,100%); aspect-ratio:1; margin-inline:auto !important; }
.ukw-rings svg{ width:100%; height:100%; overflow:visible; display:block; }
.ukw-rings circle{ fill-opacity:.14; stroke-width:2; }
.ukw-rings .c1{ fill:#FD495C; stroke:#FD495C; } .ukw-rings .c2{ fill:#1E6FD9; stroke:#1E6FD9; } .ukw-rings .c3{ fill:#12925B; stroke:#12925B; }
.ukw-rings text{ font:800 15px var(--ukl-display); fill:var(--ukl-ink); }
.ukw-rings .ctr{ font:800 22px var(--ukl-display); letter-spacing:-.02em; }
.ukabi-light-page .ukl-mock--icrings .fusion-column-wrapper{ justify-content:center !important; }
.ukabi-light-page .ukl-ic-tan-txt .fusion-column-wrapper{ row-gap:18px; }
.ukabi-light-page .ukl-ic-tan-txt .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-ic-tan-txt .ukl-title .fusion-title-heading{ font-size:clamp(28px,3.2vw,42px) !important; }
.ukabi-light-page .ukl-ic-pills{ grid-template-columns:1fr; gap:12px !important; margin-top:6px !important; }
.ukabi-light-page .ukl-ic-pills > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-ic-pills .content-box-column{ position:relative; background:#fff !important; border:1px solid var(--ukl-line); border-radius:18px; padding:18px 18px 18px 44px !important; }
.ukabi-light-page .ukl-ic-pills .content-box-column::before{ content:""; position:absolute; left:18px; top:22px; width:12px; height:12px; border-radius:50%; background:#FD495C; }
.ukabi-light-page .ukl-ic-pills .content-box-column:nth-child(2)::before{ background:#1E6FD9; }
.ukabi-light-page .ukl-ic-pills .content-box-column:nth-child(3)::before{ background:#12925B; }
.ukabi-light-page .ukl-sec .ukl-ic-pills .content-box-heading{ font-size:17px !important; font-weight:800 !important; margin-bottom:4px !important; }
@media (max-width:1024px){ .ukabi-light-page .ukl-ic-tan-txt{ margin-top:24px !important; } }

/* ---------- Cifras ---------- */
.ukabi-light-page .ukl-ic-stats-sec{ padding-top:30px !important; padding-bottom:40px !important; }
.ukabi-light-page .ukl-ic-stats{ grid-template-columns:repeat(4,1fr); gap:0 !important; background:#fff; border:1px solid var(--ukl-line) !important; border-radius:24px; overflow:hidden; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-ic-stats > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-ic-stats .content-box-column{ padding:26px 22px !important; border-left:1px solid var(--ukl-line); }
.ukabi-light-page .ukl-ic-stats .content-box-column:first-child{ border-left:0; }
.ukabi-light-page .ukl-sec .ukl-ic-stats .content-box-heading{ font:800 clamp(28px,3vw,40px)/1 var(--ukl-display) !important; letter-spacing:-.045em !important; color:var(--ukl-ink) !important; margin-bottom:10px !important; }
.ukabi-light-page .ukl-sec .ukl-ic-stats .content-container{ font-size:13.5px !important; }
.ukabi-light-page .ukl-ic-src{ margin-top:12px !important; }
.ukabi-light-page .ukl-ic-src p{ text-align:center; font:400 11px/1.4 var(--ukl-mono) !important; color:var(--ukl-muted) !important; }
@media (max-width:900px){ .ukabi-light-page .ukl-ic-stats{ grid-template-columns:1fr 1fr; } .ukabi-light-page .ukl-ic-stats .content-box-column{ border-left:0; border-top:1px solid var(--ukl-line); } .ukabi-light-page .ukl-ic-stats .content-box-column:nth-child(-n+2){ border-top:0; } .ukabi-light-page .ukl-ic-stats .content-box-column:nth-child(even){ border-left:1px solid var(--ukl-line); } }

/* ---------- Suite ---------- */
.ukabi-light-page .ukl-ic-suite-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-ic-suite{ grid-template-columns:repeat(3,1fr); gap:16px !important; }
.ukabi-light-page .ukl-ic-suite > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-ic-suite .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:24px; padding:26px !important; transition:transform .3s,box-shadow .3s; }
.ukabi-light-page .ukl-ic-suite .content-box-column:hover{ transform:translateY(-4px); box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-sec .ukl-ic-suite .content-box-heading{ font-size:20px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-ic-suite .content-container p{ margin:0 0 10px; }
.ukabi-light-page .ukl-ic-suite a{ font-weight:700; color:var(--ukl-ink) !important; border-bottom:2px solid var(--ukl-coral); }
@media (max-width:900px){ .ukabi-light-page .ukl-ic-suite{ grid-template-columns:1fr; } }

/* ---------- Implantación Ukabi ---------- */
.ukabi-light-page .ukl-ic-ukabi-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-ic-why{ grid-template-columns:repeat(3,1fr); gap:18px !important; }
.ukabi-light-page .ukl-ic-why .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:22px; padding:26px !important; }
.ukabi-light-page .ukl-ic-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-ic-why .content-box-heading{ font-size:19px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-sec .ukl-ic-why .content-container{ font-size:15px !important; }
@media (max-width:900px){ .ukabi-light-page .ukl-ic-why{ grid-template-columns:1fr; } }

@media (prefers-reduced-motion:reduce){ .ukw-ticker .ttrack{ animation:none; } }

/* Comparador asesoría / pyme: cada título va bajo su etiqueta y en su lado, para que el tirador no lo tape */
.ukw-cmp .tg{ display:grid; justify-content:start; justify-items:start; gap:6px; }
.ukw-cmp .ly.b .tg{ justify-content:end; justify-items:end; text-align:right; }
@media (max-width:860px){ .ukw-cmp .tg b{ max-width:44%; font-size:15px; line-height:1.2; text-wrap:balance; } .ukw-cmp .tg{ justify-content:stretch; } .ukw-cmp .ly.b .tg b{ margin-left:auto; } }
