/* =====================================================================
   UKABI · Página Autónomos y micropymes (a3factura · Wolters Kluwer)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-af-*;
   piezas que inserta ukabi-light-af.js: ukv-*.
   ===================================================================== */

/* antetítulo de las cajas (lo coloca el JS encima del título) */
.ukabi-light-page .ukl-af-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 (dos columnas) ---------- */
.ukabi-light-page .ukl-af-hero{ padding-top:96px !important; padding-bottom:40px !important; overflow-x:clip; }
.ukabi-light-page .ukl-af-hero > .fusion-row{ max-width:1240px !important; align-items:center !important; }
.ukabi-light-page .ukl-af-copy .fusion-column-wrapper{ max-width:none; margin:0; justify-content:flex-start; text-align:left; row-gap:22px; padding-right:28px !important; }
.ukabi-light-page .ukl-af-copy .ukl-pill{ flex:0 1 auto !important; max-width:100%; }
@media (max-width:600px){ .ukabi-light-page .ukl-af-copy .ukl-pill p,.ukabi-light-page .ukl-af-vf-txt .ukl-pill p{ white-space:normal; line-height:1.4; text-align:left; } }
.ukabi-light-page .ukl-af-copy .ukl-h1 .fusion-title-heading{ display:grid; gap:10px; text-align:left !important; font-size:clamp(30px,3.2vw,44px) !important; line-height:1.08 !important; letter-spacing:-.04em !important; }
.ukabi-light-page .ukl-af-copy .ukl-h1 .fusion-title-heading > em,
.ukabi-light-page .ukl-af-copy .ukl-h1 .fusion-title-heading > .ukl-w:first-child{ white-space:nowrap; font-size:clamp(56px,7vw,104px); letter-spacing:-.055em; line-height:.95; }
.ukabi-light-page .ukl-af-copy .ukl-h1 em{ display:inline-block; margin-right:0; padding:0 .12em .08em 0; }
.ukabi-light-page .ukl-af-copy .ukl-h1 .ukl-af-h1s{ display:block; }
.ukabi-light-page .ukl-af-copy .ukl-lead{ max-width:560px; margin-inline:0 !important; }
.ukabi-light-page .ukl-af-copy .ukl-lead p{ font-size:18px !important; }
.ukabi-light-page .ukl-af-copy .ukl-lead strong{ color:var(--ukl-ink); font-weight:600; }
.ukabi-light-page .ukl-af-norms{ display:flex !important; flex-wrap:wrap; gap:8px; margin:0 !important; }
.ukabi-light-page .ukl-af-norms .fusion-li-item{ display:inline-flex !important; align-items:center; gap:7px; margin:0 !important; padding:9px 12px !important; background:#fff; border:1px solid var(--ukl-line); border-radius:999px; }
.ukabi-light-page .ukl-af-norms .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-af-norms .fusion-li-item::before{ content:"✓"; display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:var(--ukl-green-soft); color:var(--ukl-green); font-size:9px; font-weight:800; }
.ukabi-light-page .ukl-af-norms .fusion-li-item-content{ margin:0 !important; font:700 11px/1 var(--ukl-mono) !important; letter-spacing:.04em; color:var(--ukl-ink); }
@media (max-width:1024px){
  .ukabi-light-page .ukl-af-copy .fusion-column-wrapper{ padding-right:0 !important; align-items:center; text-align:center; }
  .ukabi-light-page .ukl-af-copy .ukl-h1 .fusion-title-heading{ text-align:center !important; justify-items:center; }
  .ukabi-light-page .ukl-af-copy .ukl-lead{ margin-inline:auto !important; }
  .ukabi-light-page .ukl-af-norms{ justify-content:center; }
  .ukabi-light-page .ukl-mock--afscene{ margin-top:44px !important; }
}

/* escena: factura en directo */
.ukv-scene{ position:relative; flex:0 0 auto !important; width:100%; max-width:600px; margin-inline:auto !important; height:560px; text-align:left; }
.ukv-inv{ position:absolute; left:0; top:40px; width:66%; background:#fff; border:1px solid var(--ukl-line); border-radius:20px; box-shadow:var(--ukl-shadow-lg); padding:22px; display:grid; gap:14px; z-index:2; }
.ukv-inv .ih{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
.ukv-inv .ih b{ display:block; font:800 18px/1 var(--ukl-display); color:var(--ukl-ink); letter-spacing:-.02em; }
.ukv-inv .ih small{ display:block; margin-top:5px; font:400 10.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukv-inv .lg{ flex:none; width:38px; height:38px; border-radius:11px; background:var(--ukl-ink); color:#fff; display:grid; place-items:center; font:800 13px/1 var(--ukl-display); }
.ukv-inv .cl{ font:400 11.5px/1.45 var(--ukl-mono); color:var(--ukl-muted); border-left:3px solid var(--ukl-coral); padding-left:10px; }
.ukv-inv .cl b{ font-family:var(--ukl-display); color:var(--ukl-ink); font-size:13px; }
.ukv-inv .ln{ display:grid; grid-template-columns:1fr 44px 70px; gap:8px; padding:8px 0; border-top:1px solid var(--ukl-line); font:400 11.5px/1.3 var(--ukl-mono); color:var(--ukl-text); min-height:33px; align-items:center; }
.ukv-inv .ln.hd{ border-top:0; font-weight:700; font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-muted); padding-top:0; min-height:0; }
.ukv-inv .ln span:nth-child(n+2){ text-align:right; }
.ukv-inv .cur::after{ content:"▍"; color:var(--ukl-coral); animation:ukv-blink 1s steps(1) infinite; }
@keyframes ukv-blink{ 50%{ opacity:0; } }
.ukv-inv .tot{ display:grid; gap:5px; justify-self:end; width:60%; font:400 11.5px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukv-inv .tot div{ display:flex; justify-content:space-between; }
.ukv-inv .tot b{ font-weight:400; color:var(--ukl-text); }
.ukv-inv .tot div.big{ margin-top:4px; padding-top:9px; border-top:2px solid var(--ukl-ink); font:800 20px/1 var(--ukl-display); color:var(--ukl-ink); letter-spacing:-.02em; }
.ukv-inv .vf{ display:flex; align-items:center; gap:12px; border:1px dashed #C5CBEA; border-radius:12px; padding:10px; opacity:.25; transition:opacity .5s,border-color .5s,background .5s; }
.ukv-inv .vf.on{ opacity:1; border-color:var(--ukl-green); background:#F3FBF7; }
.ukv-inv .vf svg{ width:46px; height:46px; flex:none; }
.ukv-inv .vf b{ display:block; font:800 12px/1.2 var(--ukl-display); color:var(--ukl-ink); }
.ukv-inv .vf small{ display:block; font:400 10px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukv-kpi{ position:absolute; right:0; top:40px; z-index:3; background:var(--ukl-ink); border-radius:16px; padding:14px 16px; box-shadow:0 20px 50px -20px rgba(15,32,108,.7); display:grid; gap:4px; min-width:170px; }
.ukv-kpi small{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.6); }
.ukv-kpi b{ font:800 24px/1 var(--ukl-display); font-variant-numeric:tabular-nums; color:#fff; }
.ukv-kpi span{ font:400 10.5px/1 var(--ukl-mono); color:#5BE0A0; }
.ukv-fphone{ position:absolute; right:0; bottom:0; width:190px; aspect-ratio:9/18.5; border-radius:32px; background:#0B1450; padding:8px; box-shadow:0 40px 80px -30px rgba(15,32,108,.6); z-index:4; }
.ukv-fphone .s{ position:relative; height:100%; border-radius:25px; background:#F5F7FD; overflow:hidden; padding:32px 11px 11px; display:grid; gap:8px; align-content:start; }
.ukv-fphone .s::before{ content:""; position:absolute; left:50%; top:8px; translate:-50% 0; width:34%; height:14px; border-radius:10px; background:#0B1450; }
.ukv-fphone .ttl{ font:800 13px/1.2 var(--ukl-display); color:var(--ukl-ink); }
.ukv-fphone .ttl small{ display:block; font:400 9.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukv-fphone .ch{ display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.ukv-fphone .ch span{ border-radius:10px; padding:9px 6px; text-align:center; font:700 10.5px/1 var(--ukl-display); border:1px solid var(--ukl-line); background:#fff; color:var(--ukl-muted); transition:all .35s; }
.ukv-fphone .ch span.on{ background:#12925B; border-color:#12925B; color:#fff; box-shadow:0 0 0 4px rgba(18,146,91,.15); }
.ukv-fphone .ch span.on.m{ background:#1E6FD9; border-color:#1E6FD9; box-shadow:0 0 0 4px rgba(30,111,217,.15); }
.ukv-fphone .stt{ display:grid; gap:6px; margin-top:4px; }
.ukv-fphone .stt div{ display:flex; align-items:center; gap:8px; font:400 10.5px/1.2 var(--ukl-mono); color:#A5ACC8; transition:color .35s; }
.ukv-fphone .stt i{ width:18px; height:18px; border-radius:50%; border:2px solid #D5DAEA; display:grid; place-items:center; font-style:normal; font-size:9px; color:#fff; transition:all .35s; flex:none; }
.ukv-fphone .stt div.on{ color:var(--ukl-ink); }
.ukv-fphone .stt div.on i{ background:var(--ukl-green); border-color:var(--ukl-green); }
.ukv-fly{ position:absolute; z-index:5; width:40px; height:52px; border-radius:6px; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow); opacity:0; pointer-events:none; }
.ukv-fly::before,.ukv-fly::after{ content:""; position:absolute; left:7px; right:7px; height:4px; border-radius:2px; background:#DCE0F0; top:12px; }
.ukv-fly::after{ top:22px; right:14px; }
@media (max-width:600px){
  .ukv-scene{ height:auto; display:grid; gap:14px; }
  .ukv-inv,.ukv-kpi{ position:relative; top:auto; right:auto; left:auto; width:100%; }
  .ukv-inv{ padding:16px; } .ukv-fphone{ display:none; } .ukv-inv .tot{ width:75%; }
}

/* ---------- Ventajas: tarjetas con inclinación 3D ---------- */
.ukabi-light-page .ukl-af-tilt{ grid-template-columns:repeat(3,1fr); gap:16px !important; }
.ukabi-light-page .ukl-af-tilt > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-af-tilt .content-box-column{ position:relative; background:#fff !important; border:1px solid var(--ukl-line); border-radius:24px; padding:26px !important; transform-style:preserve-3d; transition:transform .25s ease-out,box-shadow .3s; will-change:transform; }
.ukabi-light-page .ukl-af-tilt .content-box-column:hover{ box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-sec .ukl-af-tilt .heading .icon{ width:46px; height:46px; border-radius:14px; background:var(--ukl-ink); color:#fff; margin-bottom:12px !important; }
.ukabi-light-page .ukl-sec .ukl-af-tilt .heading .icon i{ font-size:19px !important; }
.ukabi-light-page .ukl-sec .ukl-af-tilt .content-box-heading{ font-size:18px !important; font-weight:800 !important; }
.ukv-gl{ position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(300px circle at var(--gx,50%) var(--gy,0%),rgba(253,73,92,.1),transparent 60%); opacity:0; transition:opacity .3s; }
.ukabi-light-page .ukl-af-tilt .content-box-column:hover .ukv-gl{ opacity:1; }
@media (max-width:980px){ .ukabi-light-page .ukl-af-tilt{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .ukabi-light-page .ukl-af-tilt{ grid-template-columns:1fr; } }

/* ---------- Verifactu (bloque oscuro) ---------- */
.ukabi-light-page .ukl-af-vf-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-af-vf > .fusion-column-wrapper{ position:relative; overflow:hidden; border-radius:36px; padding:72px 56px !important; background:linear-gradient(160deg,#0A1336,#101E63) !important; }
.ukabi-light-page .ukl-af-vf > .fusion-column-wrapper::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(520px 380px at 100% 0%,rgba(18,146,91,.28),transparent 70%),radial-gradient(480px 360px at 0% 100%,rgba(253,73,92,.2),transparent 70%); }
.ukabi-light-page .ukl-af-vf .fusion-builder-row-inner{ position:relative; z-index:1; align-items:center; }
.ukabi-light-page .ukl-af-vf-txt .fusion-column-wrapper{ row-gap:16px; padding-right:24px !important; }
.ukabi-light-page .ukl-af-vf-txt .ukl-pill{ flex:0 1 auto !important; max-width:100%; }
.ukabi-light-page .ukl-af-vf .ukl-title .fusion-title-heading{ color:#fff !important; font-size:clamp(26px,2.5vw,34px) !important; line-height:1.15 !important; }
.ukabi-light-page .ukl-af-vf .ukl-lead p{ color:rgba(255,255,255,.74) !important; font-size:16.5px !important; }
.ukabi-light-page .ukl-af-vf .ukl-pill--dark p{ color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); }
.ukv-vsw{ flex:0 0 auto !important; display:inline-flex; gap:4px; margin-top:6px !important; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:14px; padding:5px; }
.ukv-vsw button{ border:0; background:none; color:rgba(255,255,255,.72); font:600 14px/1 var(--ukl-display); padding:12px 16px; border-radius:10px; cursor:pointer; }
.ukv-vsw button.on{ background:#fff; color:var(--ukl-ink); }
.ukv-vsw button small{ font:700 9px/1 var(--ukl-mono); letter-spacing:.06em; color:var(--ukl-green); margin-left:6px; }
.ukv-vsw button:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukv-chain{ position:relative; flex:0 0 100% !important; display:grid; gap:12px; text-align:left; }
.ukv-chain .cwin{ position:relative; height:150px; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.ukv-chain .ctrack{ position:absolute; left:0; top:14px; display:flex; gap:26px; }
.ukv-chain .blk{ position:relative; flex:none; width:190px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); border-radius:16px; padding:14px; display:grid; gap:6px; font:400 10.5px/1.35 var(--ukl-mono); color:rgba(255,255,255,.66); }
.ukv-chain .blk b{ font:800 15px/1 var(--ukl-display); color:#fff; }
.ukv-chain .blk em{ font-style:normal; color:#5BE0A0; }
.ukv-chain .blk .hp{ color:#FFB3BC; }
.ukv-chain .blk::after{ content:""; position:absolute; right:-27px; top:50%; width:26px; border-top:2px dashed rgba(255,255,255,.35); }
.ukv-chain .blk:last-child::after{ display:none; }
.ukv-chain .blk.new{ border-color:#5BE0A0; box-shadow:0 0 0 4px rgba(91,224,160,.15); }
.ukv-chain .dest{ display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:14px 16px; }
.ukv-chain .dest i{ width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:rgba(91,224,160,.18); color:#5BE0A0; font-style:normal; }
.ukv-chain .dest i svg{ width:20px; height:20px; }
.ukv-chain .dest b{ display:block; font:800 14.5px/1.2 var(--ukl-display); color:#fff; }
.ukv-chain .dest span{ display:block; margin-top:3px; font-size:13px; color:rgba(255,255,255,.66); line-height:1.45; }
@media (max-width:1024px){ .ukabi-light-page .ukl-af-vf-txt .fusion-column-wrapper{ padding-right:0 !important; } .ukabi-light-page .ukl-mock--afchain{ margin-top:28px !important; } }
@media (max-width:900px){ .ukabi-light-page .ukl-af-vf > .fusion-column-wrapper{ padding:52px 22px !important; border-radius:26px; } }

/* ---------- Facturas profesionales: plantillas ---------- */
.ukabi-light-page .ukl-af-tpl-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-af-tpl-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-af-tpl-txt .fusion-column-wrapper{ row-gap:18px; padding-right:40px !important; }
.ukabi-light-page .ukl-af-tpl-txt .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-af-tpl-txt .ukl-title .fusion-title-heading{ font-size:clamp(30px,3.6vw,48px) !important; }
.ukabi-light-page .ukl-af-tlist{ grid-template-columns:1fr; gap:12px !important; margin-top:8px !important; }
.ukabi-light-page .ukl-af-tlist > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-af-tlist .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:18px; padding:16px !important; }
.ukabi-light-page .ukl-af-tlist .content-box-wrapper{ display:grid !important; grid-template-columns:40px 1fr; column-gap:14px; row-gap:3px; align-items:start; }
.ukabi-light-page .ukl-af-tlist .heading{ display:contents !important; }
.ukabi-light-page .ukl-af-tlist .content-box-wrapper > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-sec .ukl-af-tlist .heading .icon{ grid-row:1/3; width:40px; height:40px; border-radius:12px; margin:0 !important; background:var(--ukl-bg-2); color:var(--ukl-ink); }
.ukabi-light-page .ukl-sec .ukl-af-tlist .heading .icon i{ font-size:17px !important; }
.ukabi-light-page .ukl-sec .ukl-af-tlist .content-box-heading{ grid-column:2; margin:0 !important; padding:0 !important; font-size:16px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-sec .ukl-af-tlist .content-container{ grid-column:2; padding:0 !important; font-size:14px !important; }
.ukv-tpl{ flex:0 0 100% !important; display:grid; gap:14px; justify-items:center; text-align:left; }
.ukv-tpl .tchips{ display:flex; gap:6px; background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:5px; }
.ukv-tpl .tchips button{ border:0; background:none; font:600 13px/1 var(--ukl-display); color:var(--ukl-muted); padding:10px 14px; border-radius:10px; cursor:pointer; }
.ukv-tpl .tchips button.on{ background:var(--ukl-ink); color:#fff; }
.ukv-tpl .tchips button:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukv-tpl .paper{ --ac:#0F206C; position:relative; width:min(420px,100%); aspect-ratio:1/1.2; background:#fff; border-radius:10px; box-shadow:0 40px 80px -30px rgba(15,32,108,.35),0 0 0 1px var(--ukl-line); padding:28px; display:grid; grid-template-rows:auto auto auto 1fr auto auto; gap:16px; transition:border-radius .5s; }
.ukv-tpl .ph{ display:flex; justify-content:space-between; align-items:center; }
.ukv-tpl .ph .lg{ width:44px; height:44px; border-radius:12px; background:var(--ac); transition:background .5s,border-radius .5s; }
.ukv-tpl .ph b{ font:800 20px/1 var(--ukl-display); color:var(--ac); letter-spacing:-.02em; transition:color .5s; }
.ukv-tpl .pband{ height:6px; border-radius:3px; background:var(--ac); transition:background .5s,height .5s,opacity .5s; }
.ukv-tpl .pmeta{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ukv-tpl .pmeta div{ display:grid; gap:6px; }
.ukv-tpl .paper small{ font:700 8.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); }
.ukv-tpl .paper i{ display:block; height:8px; border-radius:4px; background:#EEF0FA; }
.ukv-tpl .pmeta i+i{ width:70%; }
.ukv-tpl .prows{ display:grid; align-content:start; }
.ukv-tpl .prows > div{ display:grid; grid-template-columns:1fr auto; gap:14px; align-items:center; padding:9px 0; border-top:1px solid #EEF0FA; font:400 11px/1 var(--ukl-mono); color:var(--ukl-text); }
.ukv-tpl .prows > div i{ width:78%; } .ukv-tpl .prows > div:nth-child(3) i{ width:60%; }
.ukv-tpl .prows .hd{ border-top:0; font-weight:700; font-size:8.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ac); border-bottom:2px solid var(--ac); transition:color .5s,border-color .5s; }
.ukv-tpl .psub{ display:grid; gap:6px; justify-self:end; width:55%; font:400 11px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukv-tpl .psub div{ display:flex; justify-content:space-between; }
.ukv-tpl .pt{ display:flex; justify-content:space-between; align-items:center; padding:12px 14px; border-radius:10px; background:#EEF0FA; font:800 16px/1 var(--ukl-display); color:var(--ac); transition:all .5s; }
.ukv-tpl .paper.t2{ --ac:#FD495C; } .ukv-tpl .paper.t2 .ph{ flex-direction:row-reverse; } .ukv-tpl .paper.t2 .ph .lg{ border-radius:50%; } .ukv-tpl .paper.t2 .pband{ height:14px; } .ukv-tpl .paper.t2 .pt{ background:#FFE6E9; }
.ukv-tpl .paper.t3{ --ac:#12925B; border-radius:2px; } .ukv-tpl .paper.t3 .pband{ opacity:0; } .ukv-tpl .paper.t3 .pt{ background:transparent; border-top:2px solid var(--ac); border-radius:0; }
.ukv-tpl .docs{ display:flex; gap:6px; flex-wrap:wrap; justify-content:center; }
.ukv-tpl .docs span{ font:700 10px/1 var(--ukl-mono); color:var(--ukl-muted); background:#fff; border:1px solid var(--ukl-line); border-radius:999px; padding:7px 10px; }
@media (max-width:1024px){ .ukabi-light-page .ukl-af-tpl-txt .fusion-column-wrapper{ padding-right:0 !important; } .ukabi-light-page .ukl-mock--afpaper{ margin-top:32px !important; } }

/* ---------- Panel de control ---------- */
.ukabi-light-page .ukl-af-dash-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-af-dash-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-af-dash-txt .fusion-column-wrapper{ row-gap:18px; padding-left:40px !important; }
.ukabi-light-page .ukl-af-dash-txt .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-af-dash-txt .ukl-title .fusion-title-heading{ font-size:clamp(30px,3.6vw,48px) !important; }
.ukabi-light-page .ukl-af-dlist{ grid-template-columns:1fr; gap:12px !important; margin-top:6px !important; }
.ukabi-light-page .ukl-af-dlist > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-af-dlist .content-box-column{ padding-left:22px !important; position:relative; }
.ukabi-light-page .ukl-af-dlist .content-box-column::before{ content:""; position:absolute; left:0; top:8px; width:8px; height:8px; border-radius:50%; background:var(--ukl-coral); }
.ukabi-light-page .ukl-sec .ukl-af-dlist .content-box-heading{ font-size:16px !important; font-weight:800 !important; margin-bottom:4px !important; }
.ukv-dash{ flex:0 0 100% !important; background:#fff; border:1px solid var(--ukl-line); border-radius:24px; padding:20px; box-shadow:var(--ukl-shadow-lg); display:grid; gap:14px; text-align:left; }
.ukv-dash .dh{ display:flex; justify-content:space-between; font:700 10.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); }
.ukv-dash .dh b{ color:var(--ukl-ink); }
.ukv-dash .dk{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.ukv-dash .dk div{ background:#F1F3FB; border:1px solid var(--ukl-line); border-radius:14px; padding:12px; }
.ukv-dash .dk small{ display:block; font:700 9px/1 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-muted); }
.ukv-dash .dk b{ display:block; margin-top:7px; font:800 22px/1 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukv-dash .dk div.pe b{ color:#A86A07; }
.ukv-dash .dchart{ position:relative; height:150px; margin-bottom:14px; border-radius:14px; background:linear-gradient(#EEF0FA 1px,transparent 1px) 0 0/100% 37.5px; border:1px solid var(--ukl-line); }
.ukv-dash .dchart svg{ position:absolute; inset:10px; width:calc(100% - 20px); height:calc(100% - 20px); overflow:visible; }
.ukv-dash .li{ fill:none; stroke:var(--ukl-coral); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.ukv-dash .ml{ position:absolute; bottom:-18px; font:700 9px/1 var(--ukl-mono); color:var(--ukl-muted); translate:-50% 0; }
.ukv-dash .dtwo{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ukv-dash .dtwo > div{ border:1px solid var(--ukl-line); border-radius:14px; padding:12px; display:grid; gap:7px; align-content:start; }
.ukv-dash .dtwo small{ font:700 9px/1 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-muted); }
.ukv-dash .bars{ display:grid; gap:7px; }
.ukv-dash .bars div{ display:grid; grid-template-columns:1fr auto; gap:5px 8px; align-items:center; font:400 10.5px/1 var(--ukl-mono); color:var(--ukl-text); }
.ukv-dash .bars span{ grid-column:1; grid-row:1; } .ukv-dash .bars b{ grid-column:2; grid-row:1; color:var(--ukl-ink); }
.ukv-dash .bars i{ grid-column:1/-1; grid-row:2; display:block; height:9px; border-radius:5px; background:var(--ukl-ink); transform-origin:left; }
.ukv-dash .bars div:nth-child(2) i{ background:#4252C4; } .ukv-dash .bars div:nth-child(3) i{ background:#8E9BFF; }
.ukv-dash .pl div{ display:flex; justify-content:space-between; font:400 10.5px/1 var(--ukl-mono); color:var(--ukl-text); padding:5px 0; border-top:1px solid var(--ukl-line); }
.ukv-dash .pl div:first-of-type{ border-top:0; }
.ukv-dash .pl b{ color:var(--ukl-green); }
@media (max-width:1024px){ .ukabi-light-page .ukl-af-dash-txt{ order:-1; } .ukabi-light-page .ukl-af-dash-txt .fusion-column-wrapper{ padding-left:0 !important; } .ukabi-light-page .ukl-mock--afdash{ margin-top:28px !important; } }
@media (max-width:520px){ .ukv-dash .dk,.ukv-dash .dtwo{ grid-template-columns:1fr; } }

/* ---------- Asesor ---------- */
.ukabi-light-page .ukl-af-as-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-af-anodes{ grid-template-columns:1fr 1fr; gap:14px !important; }
.ukabi-light-page .ukl-af-anodes > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-af-anodes .content-box-column{ position:relative; z-index:2; background:#fff !important; border:1px solid var(--ukl-line); border-radius:22px; padding:22px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-sec .ukl-af-anodes .content-box-heading{ font-size:18px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-af-anodes .content-container p{ margin:0; }
.ukabi-light-page .ukl-af-anodes .content-box-column:last-child,
.ukabi-light-page .ukl-af-anodes .content-box-column:nth-last-child(2){ }
.ukabi-light-page .ukl-af-anodes .content-box-column + .ukv-alink + .content-box-column{ background:var(--ukl-ink) !important; border-color:var(--ukl-ink); }
.ukabi-light-page .ukl-sec .ukl-af-anodes .ukv-alink + .content-box-column .content-box-heading{ color:#fff !important; }
.ukabi-light-page .ukl-sec .ukl-af-anodes .ukv-alink + .content-box-column .content-container{ color:rgba(255,255,255,.72) !important; }
.ukabi-light-page .ukl-af-anodes .ukv-alink + .content-box-column .ukl-af-k{ color:#FF9AA6 !important; }
@media (min-width:981px){ .ukabi-light-page .ukl-af-anodes.ukv-js{ grid-template-columns:1fr 1.2fr 1fr; gap:0 !important; align-items:center; } }
.ukv-alink{ position:relative; height:140px; }
.ukv-alink::before{ content:""; position:absolute; left:0; right:0; top:50%; border-top:2px dashed #C5CBEA; }
.ukv-adoc{ position:absolute; top:50%; left:0; translate:0 -50%; display:inline-flex; align-items:center; gap:6px; font:700 10px/1 var(--ukl-mono); color:var(--ukl-ink); background:#fff; border:1px solid var(--ukl-line); border-radius:999px; padding:7px 10px; box-shadow:var(--ukl-shadow); white-space:nowrap; opacity:0; }
.ukv-adoc i{ font-style:normal; color:var(--ukl-green); }
@media (max-width:980px){ .ukabi-light-page .ukl-af-anodes{ grid-template-columns:1fr; } .ukv-alink{ height:60px; } .ukv-alink::before{ left:50%; right:auto; top:0; bottom:0; border-top:0; border-left:2px dashed #C5CBEA; } }
.ukabi-light-page .ukl-af-nopaper{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:10px; margin:22px 0 0 !important; }
.ukabi-light-page .ukl-af-nopaper .fusion-li-item{ margin:0 !important; padding:8px 12px !important; background:#fff; border:1px solid var(--ukl-line); border-radius:999px; }
.ukabi-light-page .ukl-af-nopaper .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-af-nopaper .fusion-li-item-content{ margin:0 !important; font:700 11px/1 var(--ukl-mono) !important; color:#A5ACC8; text-decoration:line-through; text-decoration-color:var(--ukl-coral); text-decoration-thickness:2px; }
.ukabi-light-page .ukl-af-aside{ margin-top:18px !important; }
.ukabi-light-page .ukl-af-aside p{ text-align:center; font-size:14.5px !important; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-af-aside a{ color:var(--ukl-coral-d) !important; font-weight:700; }

/* ---------- App: móvil fijo ---------- */
.ukabi-light-page .ukl-af-app-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-af-app-sec > .fusion-row{ align-items:flex-start !important; }
.ukabi-light-page .ukl-mock--afphone{ position:sticky !important; top:150px; }
.ukabi-light-page .ukl-mock--afphone .fusion-column-wrapper{ justify-content:center !important; }
.ukv-mphone{ position:relative; flex:0 0 auto !important; width:270px; aspect-ratio:9/18.5; border-radius:40px; background:#050A2E; padding:11px; box-shadow:0 50px 100px -30px rgba(15,32,108,.55),0 0 0 1px rgba(15,32,108,.1); transition:transform .8s cubic-bezier(.3,1.2,.4,1); text-align:left; }
.ukv-mphone .scr{ position:relative; height:100%; border-radius:30px; background:#F5F7FD; overflow:hidden; }
.ukv-mphone .scr::before{ content:""; position:absolute; left:50%; top:10px; translate:-50% 0; width:32%; height:18px; border-radius:12px; background:#050A2E; z-index:3; }
.ukv-mphone .ms{ position:absolute; inset:0; padding:42px 14px 14px; display:grid; gap:10px; align-content:start; opacity:0; transform:translateY(20px); transition:opacity .5s,transform .5s; }
.ukv-mphone .ms.on{ opacity:1; transform:none; }
.ukv-mphone .ttl{ display:flex; justify-content:space-between; align-items:center; font:800 15px/1 var(--ukl-display); color:var(--ukl-ink); }
.ukv-mphone .ttl small{ font:700 9px/1 var(--ukl-mono); color:var(--ukl-muted); text-transform:uppercase; letter-spacing:.06em; }
.ukv-mphone .cd{ background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:12px; display:grid; gap:7px; }
.ukv-mphone .rw{ display:flex; justify-content:space-between; gap:8px; font-size:12px; color:var(--ukl-text); }
.ukv-mphone .rw b{ font:700 11px/1 var(--ukl-mono); color:var(--ukl-ink); }
.ukv-mphone .sendto{ display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.ukv-mphone .sendto span{ border-radius:10px; padding:10px 4px; text-align:center; font:700 11px/1 var(--ukl-display); color:#fff; background:#12925B; }
.ukv-mphone .sendto span + span{ background:#1E6FD9; }
.ukv-mphone .spark{ width:100%; height:60px; }
.ukv-mphone .spark path{ fill:none; stroke:var(--ukl-coral); stroke-width:2.5; vector-effect:non-scaling-stroke; }
.ukv-mphone .map{ position:relative; height:170px; border-radius:14px; background:#E6ECF7; overflow:hidden; border:1px solid var(--ukl-line); }
.ukv-mphone .map::before{ content:""; position:absolute; inset:0; background:linear-gradient(35deg,transparent 46%,#fff 46%,#fff 50%,transparent 50%),linear-gradient(-20deg,transparent 60%,#fff 60%,#fff 63%,transparent 63%),linear-gradient(90deg,transparent 30%,#F5F7FD 30%,#F5F7FD 33%,transparent 33%); }
.ukv-mphone .map i{ position:absolute; width:22px; height:22px; border-radius:50% 50% 50% 0; rotate:-45deg; background:var(--ukl-coral); box-shadow:0 6px 12px -4px rgba(253,73,92,.7); }
.ukv-mphone .map i::after{ content:""; position:absolute; inset:6px; border-radius:50%; background:#fff; }
.ukv-mphone .cat{ display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.ukv-mphone .cat div{ background:#fff; border:1px solid var(--ukl-line); border-radius:10px; padding:8px; font:400 10px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukv-mphone .cat b{ display:block; font:700 11px/1.2 var(--ukl-display); color:var(--ukl-ink); }
.ukv-mphone .cat em{ font-style:normal; color:var(--ukl-green); }
.ukabi-light-page .ukl-af-msteps{ grid-template-columns:1fr; gap:40vh !important; padding:12vh 0 20vh; }
.ukabi-light-page .ukl-af-msteps > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-af-msteps .content-box-column{ transition:opacity .4s; }
.ukabi-light-page .ukl-af-msteps.ukv-js .content-box-column{ opacity:.35; }
.ukabi-light-page .ukl-af-msteps.ukv-js .content-box-column.ukv-on{ opacity:1; }
.ukabi-light-page .ukl-sec .ukl-af-msteps .content-box-heading{ font-size:clamp(24px,2.6vw,32px) !important; font-weight:800 !important; letter-spacing:-.03em !important; line-height:1.15 !important; margin-bottom:12px !important; }
.ukabi-light-page .ukl-sec .ukl-af-msteps .content-container{ font-size:16.5px !important; line-height:1.6 !important; }
.ukabi-light-page .ukl-af-msteps .content-container p{ margin:0; }
@media (max-width:1024px){
  .ukabi-light-page .ukl-mock--afphone{ position:relative !important; top:auto; }
  .ukabi-light-page .ukl-af-msteps{ gap:28px !important; padding:0; }
  .ukabi-light-page .ukl-af-msteps.ukv-js .content-box-column{ opacity:1; }
  .ukabi-light-page .ukl-af-msteps-col{ margin-top:32px !important; }
}

/* ---------- Integraciones: núcleo + sectores ---------- */
.ukabi-light-page .ukl-af-int-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-af-plug{ grid-template-columns:1fr 1fr; gap:14px !important; }
.ukabi-light-page .ukl-af-plug > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-af-plug .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:18px; padding:16px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-af-plug .content-box-wrapper{ display:grid !important; grid-template-columns:40px 1fr; column-gap:14px; row-gap:3px; align-items:start; }
.ukabi-light-page .ukl-af-plug .heading{ display:contents !important; }
.ukabi-light-page .ukl-af-plug .content-box-wrapper > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-sec .ukl-af-plug .heading .icon{ grid-row:1/3; width:40px; height:40px; border-radius:12px; margin:0 !important; background:var(--ukl-bg-2); color:var(--ukl-ink); }
.ukabi-light-page .ukl-sec .ukl-af-plug .heading .icon i{ font-size:17px !important; }
.ukabi-light-page .ukl-sec .ukl-af-plug .content-box-heading{ grid-column:2; margin:0 !important; padding:0 !important; font-size:15.5px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-sec .ukl-af-plug .content-container{ grid-column:2; padding:0 !important; font-size:13.5px !important; }
.ukv-core{ width:200px; 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 14px rgba(15,32,108,.06),0 0 0 30px rgba(15,32,108,.03); }
.ukv-core b{ font:800 22px/1 var(--ukl-display); color:#fff; }
.ukv-core small{ font:700 9.5px/1.3 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:#FF9AA6; }
@media (min-width:981px){
  .ukabi-light-page .ukl-af-plug.ukv-js{ grid-template-columns:1fr auto 1fr; grid-template-rows:auto auto; column-gap:28px !important; align-items:center; }
  .ukabi-light-page .ukl-af-plug.ukv-js .content-box-column:nth-child(1){ grid-column:1; grid-row:1; }
  .ukabi-light-page .ukl-af-plug.ukv-js .content-box-column:nth-child(2){ grid-column:1; grid-row:2; }
  .ukabi-light-page .ukl-af-plug.ukv-js .ukv-core{ grid-column:2; grid-row:1/3; }
  .ukabi-light-page .ukl-af-plug.ukv-js .content-box-column:nth-child(4){ grid-column:3; grid-row:1; }
  .ukabi-light-page .ukl-af-plug.ukv-js .content-box-column:nth-child(5){ grid-column:3; grid-row:2; }
}
@media (max-width:980px){ .ukabi-light-page .ukl-af-plug{ grid-template-columns:1fr; } .ukv-core{ justify-self:center; width:160px; order:-1; } }
.ukabi-light-page .ukl-af-sect-head{ margin-top:80px !important; }
.ukabi-light-page .ukl-af-sect{ grid-template-columns:repeat(5,1fr); gap:16px !important; }
.ukabi-light-page .ukl-af-sect > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-af-sect .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:22px; padding:22px !important; }
.ukabi-light-page .ukl-sec .ukl-af-sect .content-box-heading{ font-size:17px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-af-sect .content-container p{ margin:0; }
.ukabi-light-page .ukv-marq-col .fusion-column-wrapper{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.ukabi-light-page .ukl-af-sect.ukv-marq{ display:flex !important; flex-wrap:nowrap; width:max-content !important; flex:0 0 auto !important; animation:ukv-marq 40s linear infinite; }
.ukabi-light-page .ukl-af-sect.ukv-marq .content-box-column{ width:300px !important; flex:none; }
.ukabi-light-page .ukl-af-sect.ukv-marq:hover{ animation-play-state:paused; }
@keyframes ukv-marq{ to{ transform:translateX(calc(-50% - 8px)); } }
@media (max-width:980px){ .ukabi-light-page .ukl-af-sect:not(.ukv-marq){ grid-template-columns:1fr 1fr; } }

/* ---------- Versiones ---------- */
.ukabi-light-page .ukl-af-ver-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-af-vers{ grid-template-columns:1fr 1fr; gap:18px !important; max-width:920px; margin-inline:auto !important; }
.ukabi-light-page .ukl-af-vers > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-af-vers .content-box-column{ position:relative; background:#fff !important; border:1px solid var(--ukl-line); border-radius:28px; padding:30px !important; transition:transform .35s,box-shadow .35s; }
.ukabi-light-page .ukl-af-vers .content-box-column:hover{ transform:translateY(-6px); box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-sec .ukl-af-vers .content-box-heading{ font-size:28px !important; font-weight:800 !important; letter-spacing:-.03em !important; margin-bottom:12px !important; }
.ukabi-light-page .ukl-af-vers .ukl-af-pr{ margin:0 0 16px !important; font:800 34px/1 var(--ukl-display) !important; color:var(--ukl-ink) !important; letter-spacing:-.03em; }
.ukabi-light-page .ukl-af-vers .ukl-af-pr span{ font:400 13px/1.3 var(--ukl-mono); color:var(--ukl-muted); letter-spacing:0; }
.ukabi-light-page .ukl-af-vers .content-container ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.ukabi-light-page .ukl-af-vers .content-container li{ display:grid; grid-template-columns:20px 1fr; gap:10px; margin:0; font-size:14.5px; color:var(--ukl-text); }
.ukabi-light-page .ukl-af-vers .content-container 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-size:11px; font-weight:800; }
.ukabi-light-page .ukl-af-vers .content-box-column:nth-child(2){ background:#0a1336 !important; border-color:#0a1336; }
.ukabi-light-page .ukl-af-vers .content-box-column:nth-child(2)::after{ content:"Más completa"; position:absolute; right:22px; top:22px; font:700 9.5px/1 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:#fff; background:var(--ukl-coral); border-radius:999px; padding:7px 10px; }
.ukabi-light-page .ukl-sec .ukl-af-vers .content-box-column:nth-child(2) .content-box-heading,
.ukabi-light-page .ukl-af-vers .content-box-column:nth-child(2) .ukl-af-pr{ color:#fff !important; }
.ukabi-light-page .ukl-af-vers .content-box-column:nth-child(2) .ukl-af-pr span{ color:rgba(255,255,255,.6); }
.ukabi-light-page .ukl-af-vers .content-box-column:nth-child(2) li{ color:rgba(255,255,255,.88); }
.ukabi-light-page .ukl-af-vers .content-box-column:nth-child(2) li::before{ background:rgba(91,224,160,.2); color:#5BE0A0; }
.ukabi-light-page .ukl-af-vnote{ margin-top:16px !important; }
.ukabi-light-page .ukl-af-vnote p{ text-align:center; font:400 12px/1.5 var(--ukl-mono) !important; color:var(--ukl-muted) !important; }
@media (max-width:760px){ .ukabi-light-page .ukl-af-vers{ grid-template-columns:1fr; } }

/* ---------- Bandas: asesorías y TPV ---------- */
.ukabi-light-page .ukl-af-bands-sec{ padding-top:20px !important; padding-bottom:40px !important; }
.ukabi-light-page .ukl-af-bands{ grid-template-columns:1fr 1fr; gap:18px !important; }
.ukabi-light-page .ukl-af-bands > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-af-bands .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:26px; padding:30px !important; }
.ukabi-light-page .ukl-af-bands .content-box-column:nth-child(2){ background:linear-gradient(135deg,#FFF1F3,#fff) !important; }
.ukabi-light-page .ukl-sec .ukl-af-bands .content-box-heading{ font-size:22px !important; font-weight:800 !important; letter-spacing:-.02em !important; margin-bottom:10px !important; }
.ukabi-light-page .ukl-af-bands .content-container p{ margin:0 0 10px; }
.ukabi-light-page .ukl-af-bands .content-container a{ font-weight:700; color:var(--ukl-ink) !important; border-bottom:2px solid var(--ukl-coral); }
@media (max-width:760px){ .ukabi-light-page .ukl-af-bands{ grid-template-columns:1fr; } }

/* ---------- Implantación Ukabi ---------- */
.ukabi-light-page .ukl-af-ukabi-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-af-why{ grid-template-columns:repeat(3,1fr); gap:18px !important; }
.ukabi-light-page .ukl-af-why .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:22px; padding:26px !important; }
.ukabi-light-page .ukl-af-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-af-why .content-box-heading{ font-size:19px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-sec .ukl-af-why .content-container{ font-size:15px !important; }
@media (max-width:900px){ .ukabi-light-page .ukl-af-why{ grid-template-columns:1fr; } }

@media (prefers-reduced-motion:reduce){ .ukabi-light-page .ukl-af-tilt .content-box-column{ transform:none !important; } .ukabi-light-page .ukl-af-sect.ukv-marq{ animation:none; } }