/* =====================================================================
   UKABI · Página de área Facturación y TPV (a3factura · TPV Cloud)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-fy-*;
   piezas que inserta ukabi-light-fy.js: ukz-*.
   ===================================================================== */

/* antetítulo de las cajas (el JS lo sube encima del título) */
.ukabi-light-page .ukl-fy-k{ margin:0 0 8px !important; font:700 10.5px/1.2 var(--ukl-mono) !important; letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-coral-d) !important; }
/* etiquetas de producto */
.ukabi-light-page .ukl-fy-tg{ display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 0 !important; }
.ukabi-light-page .ukl-fy-tg span{ font:700 10px/1 var(--ukl-mono); letter-spacing:.04em; border-radius:999px; padding:6px 9px; }
.ukabi-light-page .ukl-fy-tg--a{ background:#E6EBFF; color:var(--ukl-ink); }
.ukabi-light-page .ukl-fy-tg--t{ background:var(--ukl-coral-soft); color:var(--ukl-coral-d); }

/* ---------- HERO ---------- */
.ukabi-light-page .ukl-fy-hero{ padding-top:96px !important; padding-bottom:40px !important; overflow-x:clip; }
.ukabi-light-page .ukl-fy-hero > .fusion-row{ max-width:1240px !important; }
.ukabi-light-page .ukl-fy-copy .fusion-column-wrapper{ max-width:1000px; }
.ukabi-light-page .ukl-fy-copy .ukl-h1 .fusion-title-heading{ display:grid; gap:12px; justify-items:center; font-size:clamp(26px,2.9vw,40px) !important; line-height:1.1 !important; letter-spacing:-.04em !important; }
.ukabi-light-page .ukl-fy-copy .ukl-h1 .fusion-title-heading > em,
.ukabi-light-page .ukl-fy-copy .ukl-h1 .fusion-title-heading > .ukl-w:first-child{ font-size:clamp(42px,6.4vw,92px); letter-spacing:-.055em; line-height:.98; }
@media (min-width:760px){ .ukabi-light-page .ukl-fy-copy .ukl-h1 .fusion-title-heading > em,.ukabi-light-page .ukl-fy-copy .ukl-h1 .fusion-title-heading > .ukl-w:first-child{ white-space:nowrap; } }
.ukabi-light-page .ukl-fy-copy .ukl-h1 em{ display:inline-block; margin-right:0; padding:0 .12em .08em 0; background:linear-gradient(100deg,var(--ukl-coral) 5%,#C2418F 45%,var(--ukl-ink) 90%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ukabi-light-page .ukl-fy-copy .ukl-h1 .ukl-fy-h1s{ display:block; max-width:820px; text-wrap:balance; }
.ukabi-light-page .ukl-fy-copy .ukl-lead{ max-width:none !important; margin-inline:0 !important; }
.ukabi-light-page .ukl-fy-copy .ukl-lead p{ max-width:780px; margin-inline:auto !important; font-size:17.5px !important; }
.ukabi-light-page .ukl-fy-keys{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 !important; }
.ukabi-light-page .ukl-fy-keys .fusion-li-item{ margin:0 !important; padding:9px 14px !important; background:#fff !important; border:1px solid var(--ukl-line); border-radius:999px; display:inline-flex !important; align-items:center; gap:8px; }
.ukabi-light-page .ukl-fy-keys .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-fy-keys .fusion-li-item::before{ content:"✓"; color:var(--ukl-green); font-weight:800; font-size:13px; }
.ukabi-light-page .ukl-fy-keys .fusion-li-item-content{ margin:0 !important; font:600 13px/1.2 var(--ukl-display) !important; color:var(--ukl-ink); }

/* dos mitades */
.ukabi-light-page .ukl-fy-split{ margin-top:64px !important; }
.ukabi-light-page .ukl-fy-split > .fusion-column-wrapper{ position:relative; max-width:1120px; margin-inline:auto; }
.ukabi-light-page .ukl-fy-split .fusion-builder-row-inner{ display:flex !important; flex-wrap:nowrap !important; align-items:stretch !important; gap:18px; width:100% !important; margin:0 !important; }
.ukabi-light-page .ukl-fy-half{ width:auto !important; max-width:none !important; min-width:0; flex:1 1 0 !important; margin:0 !important; align-self:stretch !important; transition:flex-grow .7s cubic-bezier(.2,.7,.2,1); }
.ukabi-light-page .ukl-fy-half.ukz-on{ flex-grow:1.45 !important; }
.ukabi-light-page .ukl-fy-half > .fusion-column-wrapper{ position:relative; overflow:hidden; height:100%; min-height:470px; flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important; row-gap:6px !important; padding:28px !important; border-radius:28px; background:#fff !important; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow); transition:box-shadow .4s,border-color .4s; cursor:pointer; }
.ukabi-light-page .ukl-fy-half > .fusion-column-wrapper > *{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-fy-half--t > .fusion-column-wrapper{ background:linear-gradient(160deg,#0F1640,#1B2466 60%,#2A2170) !important; border-color:#0F1640; }
.ukabi-light-page .ukl-fy-half.ukz-on > .fusion-column-wrapper{ box-shadow:var(--ukl-shadow-lg); border-color:var(--ukl-ink); }
.ukabi-light-page .ukl-fy-hk p{ font:700 11px/1 var(--ukl-mono) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--ukl-coral-d) !important; }
.ukabi-light-page .ukl-fy-half--t .ukl-fy-hk p{ color:#FF9AA6 !important; }
.ukabi-light-page .ukl-fy-half .ukl-fy-hn .fusion-title-heading{ font-size:clamp(28px,3vw,40px) !important; letter-spacing:-.04em !important; line-height:1.05 !important; }
.ukabi-light-page .ukl-fy-half--t .ukl-fy-hn .fusion-title-heading{ color:#fff !important; }
.ukabi-light-page .ukl-fy-hd p{ font-size:14px !important; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-fy-half--t .ukl-fy-hd p{ color:rgba(255,255,255,.7) !important; }
.ukabi-light-page .ukl-fy-half > .fusion-column-wrapper > div:has(> .fusion-button){ align-self:flex-start; margin-top:auto !important; }
.ukabi-light-page .fusion-button.ukl-fy-go{ background:none !important; box-shadow:none !important; border:0 !important; border-bottom:2px solid var(--ukl-coral) !important; border-radius:0 !important; padding:0 0 4px !important; color:var(--ukl-ink) !important; font:700 15px/1.2 var(--ukl-display) !important; }
.ukabi-light-page .fusion-button.ukl-fy-go::after{ content:"→"; margin-left:8px; transition:transform .3s; display:inline-block; }
.ukabi-light-page .fusion-button.ukl-fy-go:hover::after{ transform:translateX(4px); }
.ukabi-light-page .fusion-button.ukl-fy-go .fusion-button-text{ color:inherit !important; }
.ukabi-light-page .ukl-fy-half--t .fusion-button.ukl-fy-go{ color:#fff !important; }
.ukz-link{ position:absolute; left:50%; top:50%; z-index:4; transform:translate(-50%,-50%); display:grid; justify-items:center; gap:4px; pointer-events:none; }
.ukz-link i{ width:54px; height:54px; border-radius:50%; display:grid; place-items:center; font-style:normal; font-size:22px; font-weight:800; color:#fff; background:var(--ukl-coral); box-shadow:0 0 0 8px rgba(253,73,92,.16),0 14px 30px -10px rgba(253,73,92,.7); }
.ukz-link em{ font:700 10px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-ink); background:#fff; border:1px solid var(--ukl-line); border-radius:999px; padding:5px 8px; font-style:normal; }
.ukz-ex{ position:absolute; top:-11px; right:22px; z-index:5; font:700 9.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted); background:var(--ukl-bg); border:1px solid var(--ukl-line); border-radius:999px; padding:5px 9px; }
/* factura */
.ukz-inv{ flex:1 0 auto !important; align-self:center; width:min(420px,100%); margin:16px auto !important; background:#FBFCFF; border:1px solid var(--ukl-line); border-radius:18px; padding:18px; display:grid; gap:9px; align-content:center; font-size:13px; }
.ukz-inv .ih{ display:flex; justify-content:space-between; align-items:center; }
.ukz-inv .ih span{ font:700 10.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted); }
.ukz-inv .ih b{ font:700 13px/1 var(--ukl-mono); color:var(--ukl-ink); }
.ukz-inv .ic small{ display:block; font-size:11px; color:var(--ukl-muted); }
.ukz-inv .ic b{ color:var(--ukl-ink); }
.ukz-inv .il{ display:flex; justify-content:space-between; gap:10px; padding:7px 0; border-top:1px solid var(--ukl-line); color:var(--ukl-text); opacity:.25; transform:translateX(-6px); transition:opacity .4s,transform .4s; }
.ukz-inv .il.on{ opacity:1; transform:none; }
.ukz-inv .il b{ font:700 12.5px/1.2 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukz-inv .it{ display:flex; justify-content:space-between; align-items:center; border-radius:12px; background:var(--ukl-ink); color:#fff; padding:11px 14px; font-weight:800; }
.ukz-inv .it b{ font:800 16px/1 var(--ukl-display); font-variant-numeric:tabular-nums; }
.ukz-inv .is{ display:flex; align-items:center; gap:10px; font-size:12px; font-weight:600; color:var(--ukl-muted); }
.ukz-inv .qr{ flex:none; width:26px; height:26px; border-radius:4px; background:conic-gradient(from 90deg,var(--ukl-ink) 25%,transparent 0 50%,var(--ukl-ink) 0 75%,transparent 0) 0 0/8px 8px; opacity:.8; }
.ukz-inv .st.ok{ color:var(--ukl-green); }
/* tpv */
.ukz-pos{ flex:1 0 auto !important; align-self:stretch; margin:16px 0 !important; display:grid; grid-template-columns:minmax(0,1fr) 190px; gap:14px; align-items:center; }
.ukz-pos .tiles{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; align-content:start; }
.ukz-pos .tiles span{ display:grid; place-items:center; aspect-ratio:1.2; border-radius:14px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); font-size:13px; font-weight:700; color:#fff; transition:background .25s,transform .2s; }
.ukz-pos .tiles span.tap{ background:var(--ukl-coral); transform:scale(.94); }
.ukz-pos .tk{ background:#fff; color:var(--ukl-text); border-radius:14px; padding:12px; display:grid; gap:6px; align-content:start; font-size:12px; min-height:220px; }
.ukz-pos .tkh{ display:flex; justify-content:space-between; }
.ukz-pos .tkh span{ font:700 10px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted); }
.ukz-pos .tkh b{ font:700 11.5px/1 var(--ukl-mono); color:var(--ukl-ink); }
.ukz-pos .tkl{ list-style:none; margin:0; padding:0; display:grid; gap:4px; min-height:96px; align-content:start; }
.ukz-pos .tkl li{ display:flex; justify-content:space-between; margin:0; border-bottom:1px dashed var(--ukl-line); padding:4px 0; animation:ukzIn .4s cubic-bezier(.2,.7,.2,1); }
@keyframes ukzIn{ from{ opacity:0; transform:translateY(-6px); } }
.ukz-pos .tkl b{ font:700 11.5px/1.2 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukz-pos .tkt{ display:flex; justify-content:space-between; align-items:center; font-weight:800; color:var(--ukl-ink); border-top:2px solid var(--ukl-ink); padding-top:6px; }
.ukz-pos .tkt b{ font:800 15px/1 var(--ukl-display); font-variant-numeric:tabular-nums; }
.ukz-pos .tkp{ font:700 9.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); text-align:center; }
.ukz-pos .tkp.ok{ color:var(--ukl-green); }
@media (max-width:900px){
  .ukabi-light-page .ukl-fy-split .fusion-builder-row-inner{ flex-direction:column; }
  .ukabi-light-page .ukl-fy-half,.ukabi-light-page .ukl-fy-half.ukz-on{ flex:none !important; }
  .ukabi-light-page .ukl-fy-half > .fusion-column-wrapper{ min-height:0; }
}
@media (max-width:520px){ .ukz-pos{ grid-template-columns:minmax(0,1fr); } .ukabi-light-page .ukl-fy-half > .fusion-column-wrapper{ padding:22px !important; } }

/* ---------- Ciclo de venta ---------- */
.ukabi-light-page .ukl-fy-cyc{ position:relative; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px !important; padding-top:44px; }
.ukabi-light-page .ukl-fy-cyc > .fusion-clearfix{ display:none !important; }
.ukz-cline{ position:absolute; left:18px; right:18px; top:18px; height:3px; border-radius:3px; background:var(--ukl-line); }
.ukz-cline i{ position:absolute; inset:0; border-radius:3px; background:linear-gradient(90deg,var(--ukl-coral),var(--ukl-ink)); transform-origin:left; transform:scaleX(0); }
.ukz-cline b{ position:absolute; top:50%; left:0; width:18px; height:18px; margin:-9px 0 0 -9px; border-radius:50%; background:#fff; border:4px solid var(--ukl-coral); box-shadow:0 0 0 6px rgba(253,73,92,.16); box-sizing:border-box; }
.ukabi-light-page .ukl-fy-cyc .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:20px; padding:18px !important; transition:opacity .45s,border-color .45s,box-shadow .45s,transform .45s; }
.ukabi-light-page .ukl-fy-cyc.ukz-js .content-box-column:not(.ukz-on){ opacity:.45; }
.ukabi-light-page .ukl-fy-cyc .content-box-column.ukz-on{ border-color:var(--ukl-ink); box-shadow:var(--ukl-shadow); transform:translateY(-4px); }
.ukabi-light-page .ukl-sec .ukl-fy-cyc .content-box-heading{ font-size:17px !important; font-weight:800 !important; letter-spacing:-.02em !important; }
.ukabi-light-page .ukl-sec .ukl-fy-cyc .content-container{ font-size:13.5px !important; }
.ukabi-light-page .ukl-fy-cyc .ukl-fy-k{ font-size:12px !important; letter-spacing:0; }
@media (max-width:1000px){ .ukabi-light-page .ukl-fy-cyc{ grid-template-columns:repeat(3,minmax(0,1fr)); padding-top:0; } .ukz-cline{ display:none; } .ukabi-light-page .ukl-fy-cyc.ukz-js .content-box-column:not(.ukz-on){ opacity:1; } }
@media (max-width:560px){ .ukabi-light-page .ukl-fy-cyc{ grid-template-columns:minmax(0,1fr); } }

/* ---------- Soluciones: pestañas ---------- */
.ukabi-light-page .ukl-fy-sol-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-mock--fyseg .fusion-column-wrapper{ justify-content:center; }
.ukz-seg{ flex:0 1 auto !important; display:inline-flex; gap:4px; max-width:100%; overflow-x:auto; background:#fff; border:1px solid var(--ukl-line); border-radius:999px; padding:5px; box-shadow:var(--ukl-shadow); scrollbar-width:none; }
.ukz-seg button{ font:600 14px/1 var(--ukl-display); color:var(--ukl-muted); background:none; border:0; border-radius:999px; padding:12px 20px; cursor:pointer; white-space:nowrap; transition:all .25s; }
.ukz-seg button.on{ background:var(--ukl-ink); color:#fff; }
.ukz-seg button:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukabi-light-page .ukl-fy-sol{ margin-top:30px !important; }
.ukabi-light-page .ukl-fy-sol > .fusion-column-wrapper{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:30px; padding:40px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-fy-sol .fusion-builder-row-inner{ display:flex !important; flex-wrap:wrap; align-items:center; gap:40px; width:100% !important; margin:0 !important; }
.ukabi-light-page .ukl-fy-sol .fusion-builder-row-inner > .fusion-layout-column{ flex:1 1 380px !important; width:auto !important; max-width:none !important; margin:0 !important; min-width:0; }
.ukabi-light-page .ukl-fy-tabs.ukz-js > .nav,
.ukabi-light-page .ukl-fy-tabs.ukz-js .fusion-mobile-tab-nav{ display:none !important; }
.ukabi-light-page .ukl-fy-tabs .tab-content{ border:0 !important; background:none !important; }
.ukabi-light-page .ukl-fy-tabs .tab-pane{ background:none !important; border:0 !important; padding:0 !important; }
.ukabi-light-page .ukl-fy-tabs.ukz-js .tab-pane{ display:none !important; }
.ukabi-light-page .ukl-fy-tabs.ukz-js .tab-pane.ukz-on{ display:block !important; opacity:1 !important; animation:ukzPane .45s cubic-bezier(.2,.7,.2,1) both; }
.ukabi-light-page .ukl-fy-tabs.ukz-js .tab-pane.ukz-on .awb-tab-pane-inner{ opacity:1 !important; transform:none !important; }
@keyframes ukzPane{ from{ opacity:0; transform:translateY(12px); } }
.ukabi-light-page .ukl-fy-tabs .tab-pane .ukl-fy-pk{ margin:0 0 10px !important; font:700 10.5px/1.2 var(--ukl-mono) !important; letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-coral-d) !important; }
.ukabi-light-page .ukl-fy-tabs .tab-pane h3{ margin:0 0 14px !important; font:800 clamp(26px,2.8vw,34px)/1.1 var(--ukl-display) !important; letter-spacing:-.035em !important; color:var(--ukl-ink) !important; text-wrap:balance; }
.ukabi-light-page .ukl-fy-tabs .tab-pane p{ margin:0 0 16px; color:var(--ukl-muted); font-size:15.5px; line-height:1.6; }
.ukabi-light-page .ukl-fy-tabs .tab-pane ul{ list-style:none; margin:0 0 18px; padding:0; display:grid; gap:8px; }
.ukabi-light-page .ukl-fy-tabs .tab-pane li{ position:relative; display:block; margin:0; padding-left:26px; font-size:14.5px; line-height:1.45; color:var(--ukl-text); }
.ukabi-light-page .ukl-fy-tabs .tab-pane li::before{ content:"✓"; position:absolute; left:0; top:0; color:var(--ukl-green); font-weight:800; }
.ukabi-light-page .ukl-fy-tabs .ukl-fy-pr{ margin:0 0 16px !important; }
.ukabi-light-page .ukl-fy-tabs .ukl-fy-pr strong{ color:var(--ukl-ink); font-size:16px; }
.ukabi-light-page .ukl-fy-tabs .ukl-fy-pr span{ font:400 12px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukabi-light-page .ukl-fy-tabs .ukl-fy-lnk{ margin:0 !important; }
.ukabi-light-page .ukl-fy-lnk a{ display:inline-flex; align-items:center; gap:10px; font:600 15px/1 var(--ukl-display); color:var(--ukl-ink) !important; background:rgba(255,255,255,.85); border:1px solid var(--ukl-line); border-radius:12px; padding:15px 22px; text-decoration:none; transition:border-color .2s,transform .2s; }
.ukabi-light-page .ukl-fy-lnk a::after{ content:"→"; }
.ukabi-light-page .ukl-fy-lnk a:hover{ border-color:var(--ukl-ink); transform:translateY(-1px); }
/* pantallas */
.ukz-vis{ position:relative; flex:0 0 100% !important; display:grid; min-height:360px; }
.ukz-vis .v{ grid-area:1/1; display:grid; align-items:center; opacity:0; transform:scale(.94); filter:blur(6px); transition:opacity .55s,transform .55s cubic-bezier(.2,.7,.2,1),filter .55s; pointer-events:none; }
.ukz-vis .v.on{ opacity:1; transform:none; filter:none; }
.ukz-vis .dash{ background:#F1F3FB; border:1px solid var(--ukl-line); border-radius:22px; padding:20px; display:grid; gap:14px; }
.ukz-vis .dh{ display:flex; justify-content:space-between; align-items:baseline; } .ukz-vis .dh b{ color:var(--ukl-ink); font-size:16px; } .ukz-vis .dh span{ font:700 10px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); }
.ukz-vis .kpis{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ukz-vis .kpis div{ background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:12px; }
.ukz-vis .kpis small{ display:block; font-size:11px; color:var(--ukl-muted); } .ukz-vis .kpis b{ font:800 20px/1.2 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukz-vis .bars{ height:110px; display:flex; align-items:flex-end; gap:10px; background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:12px; }
.ukz-vis .bars i{ flex:1; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,var(--ukl-ink-2),var(--ukl-ink)); transform-origin:bottom; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.ukz-vis .bars i:last-child{ background:linear-gradient(180deg,#FF7C8B,var(--ukl-coral)); }
.ukz-vis .v0:not(.on) .bars i{ transform:scaleY(.1); }
.ukz-vis .rows{ display:grid; gap:6px; }
.ukz-vis .rows span{ display:flex; justify-content:space-between; align-items:center; background:#fff; border:1px solid var(--ukl-line); border-radius:10px; padding:8px 12px; font-size:13px; }
.ukz-vis .rows b{ color:var(--ukl-ink); font-weight:600; }
.ukz-vis .rows em{ font:700 10px/1 var(--ukl-mono); font-style:normal; padding:5px 8px; border-radius:999px; background:var(--ukl-bg-2); color:var(--ukl-ink); }
.ukz-vis .rows em.ok{ background:var(--ukl-green-soft); color:var(--ukl-green); } .ukz-vis .rows em.dr{ background:#FFF1DE; color:#A2620A; }
.ukz-vis .till{ background:linear-gradient(160deg,#0F1640,#1B2466); border-radius:22px; padding:18px; display:grid; gap:12px; color:#fff; }
.ukz-vis .tt{ display:flex; justify-content:space-between; font-size:12.5px; color:rgba(255,255,255,.7); } .ukz-vis .tt b{ color:#fff; }
.ukz-vis .tgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.ukz-vis .tgrid span{ display:grid; place-items:center; aspect-ratio:1.3; border-radius:12px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); font-size:12.5px; font-weight:700; }
.ukz-vis .tgrid span.hl{ background:var(--ukl-coral); border-color:var(--ukl-coral); }
.ukz-vis .tpay{ display:flex; align-items:center; gap:12px; background:#fff; color:var(--ukl-ink); border-radius:14px; padding:12px 14px; font-weight:700; }
.ukz-vis .tpay b{ margin-left:auto; font:800 18px/1 var(--ukl-display); font-variant-numeric:tabular-nums; }
.ukz-vis .tpay em{ font-style:normal; background:var(--ukl-green); color:#fff; border-radius:10px; padding:8px 12px; font-size:13px; }
.ukz-vis .join{ display:grid; justify-items:center; }
.ukz-vis .jn{ width:min(320px,100%); background:#fff; border:1px solid var(--ukl-line); border-radius:18px; padding:14px 18px; display:grid; gap:3px; box-shadow:var(--ukl-shadow); text-align:center; }
.ukz-vis .jn b{ color:var(--ukl-ink); font-size:16px; } .ukz-vis .jn span{ font-size:12.5px; color:var(--ukl-muted); }
.ukz-vis .jn.t{ border-color:#FFC9CF; } .ukz-vis .jn.s{ background:var(--ukl-ink); border-color:var(--ukl-ink); } .ukz-vis .jn.s b{ color:#fff; } .ukz-vis .jn.s span{ color:rgba(255,255,255,.7); }
.ukz-vis .jw{ position:relative; width:3px; height:44px; background:var(--ukl-line); overflow:hidden; }
.ukz-vis .jw i{ position:absolute; left:-3px; width:9px; height:14px; border-radius:5px; background:var(--ukl-coral); top:-14px; animation:ukzDrop 1.6s linear infinite; }
.ukz-vis .jw.d i{ animation-delay:.8s; }
@keyframes ukzDrop{ to{ top:44px; } }
@media (max-width:900px){ .ukabi-light-page .ukl-fy-sol > .fusion-column-wrapper{ padding:24px !important; } .ukz-vis{ min-height:0; } .ukabi-light-page .ukl-fy-sol .ukl-mock--fyvis{ order:-1; } }

/* ---------- Normativa ---------- */
.ukabi-light-page .ukl-fy-law-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-fy-law-sec > .fusion-row,.ukabi-light-page .ukl-fy-ase-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-fy-law-txt .fusion-column-wrapper,.ukabi-light-page .ukl-fy-ase-txt .fusion-column-wrapper{ row-gap:18px; }
.ukabi-light-page .ukl-fy-law-txt .ukl-pill,.ukabi-light-page .ukl-fy-ase-txt .ukl-pill{ flex:0 1 auto !important; max-width:100%; }
.ukabi-light-page .ukl-fy-law-txt .ukl-title .fusion-title-heading,.ukabi-light-page .ukl-fy-ase-txt .ukl-title .fusion-title-heading{ font-size:clamp(30px,3.6vw,46px) !important; }
.ukabi-light-page .ukl-fy-law-txt .fusion-text p,.ukabi-light-page .ukl-fy-ase-txt .fusion-text p{ color:var(--ukl-muted); font-size:16.5px; }
.ukabi-light-page .ukl-fy-ase-txt .fusion-text a{ color:var(--ukl-ink); font-weight:700; border-bottom:2px solid var(--ukl-coral); }
.ukabi-light-page .ukl-fy-law{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px !important; margin-top:6px !important; }
.ukabi-light-page .ukl-fy-law > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-fy-law .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:14px; padding:12px 14px !important; transition:border-color .3s,background .3s; }
.ukabi-light-page .ukl-fy-law .content-box-column.ukz-on{ border-color:var(--ukl-ink); background:#F1F3FB !important; }
.ukabi-light-page .ukl-sec .ukl-fy-law .content-box-heading{ font-size:14.5px !important; font-weight:800 !important; margin:0 0 2px !important; }
.ukabi-light-page .ukl-sec .ukl-fy-law .content-container{ font-size:12px !important; }
.ukabi-light-page .ukl-mock--fyrcpt .fusion-column-wrapper,.ukabi-light-page .ukl-mock--fynet .fusion-column-wrapper{ justify-content:center; }
.ukz-paper{ position:relative; flex:0 0 auto !important; width:min(360px,100%); background:#fff; border-radius:6px 6px 0 0; padding:26px 24px 34px; box-shadow:var(--ukl-shadow-lg); display:grid; gap:10px; transform:rotate(-2deg);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 12px) no-repeat,radial-gradient(circle 8px at 50% 100%,transparent 98%,#000) bottom/20px 13px repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - 12px) no-repeat,radial-gradient(circle 8px at 50% 100%,transparent 98%,#000) bottom/20px 13px repeat-x; }
.ukz-paper .ph{ display:grid; justify-items:center; text-align:center; padding-bottom:10px; border-bottom:1px dashed var(--ukl-line); }
.ukz-paper .ph b{ color:var(--ukl-ink); } .ukz-paper .ph span{ font:400 11px/1.4 var(--ukl-mono); color:var(--ukl-muted); }
.ukz-paper .pl{ display:flex; justify-content:space-between; font-size:13px; color:var(--ukl-muted); }
.ukz-paper .pl b{ font:700 12.5px/1.3 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukz-paper .pq{ display:grid; grid-template-columns:116px 1fr; gap:14px; align-items:center; margin-top:8px; padding-top:12px; border-top:1px dashed var(--ukl-line); }
.ukz-paper canvas{ width:116px; height:116px; image-rendering:pixelated; }
.ukz-paper .pq small{ display:block; font:700 10px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-coral-d); margin-bottom:6px; }
.ukz-paper .pq b{ display:block; font-size:13px; color:var(--ukl-ink); line-height:1.35; opacity:.25; transition:opacity .5s; }
.ukz-paper .pq b.on{ opacity:1; }
.ukz-paper .hs{ display:block; margin-top:8px; font:400 10.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukz-paper .ex2{ position:absolute; top:10px; right:12px; font:700 9px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted); }
@media (max-width:1024px){ .ukabi-light-page .ukl-mock--fyrcpt{ margin-top:40px !important; } }
@media (max-width:520px){ .ukabi-light-page .ukl-fy-law{ grid-template-columns:minmax(0,1fr); } }

/* ---------- Asesoría ---------- */
.ukabi-light-page .ukl-fy-ase-sec{ padding-top:30px !important; }
.ukz-net{ flex:0 0 100% !important; }
.ukz-net svg{ width:100%; height:auto; display:block; overflow:visible; }
.ukz-net path{ fill:none; stroke:var(--ukl-line); stroke-width:3; stroke-dasharray:6 8; }
.ukz-net .nd rect{ fill:#fff; stroke:var(--ukl-line); stroke-width:1.5; }
.ukz-net .nd.t rect{ stroke:#FFC9CF; }
.ukz-net .nd text{ font:800 16px var(--ukl-display); fill:var(--ukl-ink); text-anchor:middle; }
.ukz-net .nd.s circle{ fill:var(--ukl-ink); }
.ukz-net .nd.s text{ fill:#fff; font-size:17px; } .ukz-net .nd.s text.sm{ font:400 11px var(--ukl-mono); fill:rgba(255,255,255,.7); }
.ukz-net .nd.s{ transform-box:fill-box; transform-origin:center; }
.ukz-net .nd.s.hit{ animation:ukzHit .5s; }
@keyframes ukzHit{ 40%{ transform:scale(1.06); } }
.ukz-net .pk{ fill:var(--ukl-coral); } .ukz-net .pk.b{ fill:var(--ukl-ink-2); }
.ukz-net .pkl{ font:700 10px var(--ukl-mono); fill:var(--ukl-ink); }
.ukabi-light-page .ukl-fy-ck{ display:grid !important; gap:10px; margin:0 !important; }
.ukabi-light-page .ukl-fy-ck .fusion-li-item{ position:relative; margin:0 !important; padding:0 0 0 30px !important; background:none !important; }
.ukabi-light-page .ukl-fy-ck .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-fy-ck .fusion-li-item::before{ content:"✓"; position:absolute; left:0; top:1px; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; background:var(--ukl-green-soft); color:var(--ukl-green); font-size:11px; font-weight:800; }
.ukabi-light-page .ukl-fy-ck .fusion-li-item-content{ margin:0 !important; font-weight:600; color:var(--ukl-ink); }
@media (max-width:1024px){ .ukabi-light-page .ukl-fy-ase-sec .ukl-mock--fynet{ order:2; margin-top:40px !important; } }

/* ---------- Sectores: carrusel ---------- */
.ukabi-light-page .ukl-fy-sect-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-fy-sect{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px !important; }
.ukabi-light-page .ukl-fy-sect > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-fy-sect .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:24px; padding:26px !important; transition:box-shadow .3s,border-color .3s,transform .3s; }
.ukabi-light-page .ukl-fy-sect .content-box-column:hover{ border-color:var(--ukl-ink); box-shadow:var(--ukl-shadow); transform:translateY(-4px); }
.ukabi-light-page .ukl-fy-sect .content-box-wrapper{ display:flex !important; flex-direction:column; }
.ukabi-light-page .ukl-sec .ukl-fy-sect .content-box-heading{ font-size:21px !important; font-weight:800 !important; letter-spacing:-.025em !important; line-height:1.2 !important; margin-bottom:8px !important; }
.ukabi-light-page .ukl-fy-sect .ukl-fy-tg{ margin-top:auto !important; padding-top:14px; }
.ukabi-light-page .ukl-fy-sect.ukz-js{ display:flex !important; overflow-x:auto; scroll-snap-type:x mandatory; padding:6px 2px 24px; scrollbar-width:none; cursor:grab; -webkit-overflow-scrolling:touch; }
.ukabi-light-page .ukl-fy-sect.ukz-js::-webkit-scrollbar{ display:none; }
.ukabi-light-page .ukl-fy-sect.ukz-js.ukz-drag{ cursor:grabbing; scroll-snap-type:none; }
.ukabi-light-page .ukl-fy-sect.ukz-js .content-box-column{ flex:0 0 320px; scroll-snap-align:start; min-height:250px; user-select:none; }
.ukz-rbar{ flex:0 0 auto !important; width:min(320px,100%); height:4px; border-radius:4px; background:var(--ukl-line); margin:8px auto 0 !important; overflow:hidden; }
.ukz-rbar i{ display:block; height:100%; width:30%; border-radius:4px; background:var(--ukl-ink); }
.ukabi-light-page .ukl-fy-sect-col .fusion-column-wrapper{ justify-content:center; }
@media (max-width:1000px){ .ukabi-light-page .ukl-fy-sect{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ .ukabi-light-page .ukl-fy-sect.ukz-js .content-box-column{ flex-basis:84%; } }

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

@media (prefers-reduced-motion:reduce){ .ukz-vis *,.ukz-pos *{ animation:none !important; } }
.ukz-vis .kpis b{ white-space:nowrap; }
@media (max-width:900px){ .ukz-link{ display:none; } }
@media (max-width:520px){ .ukz-vis .kpis b{ font-size:17px; } .ukz-vis .dash{ padding:14px; } }
.ukabi-light-page .ukl-fy-lnk a::after,.ukabi-light-page .fusion-button.ukl-fy-go::after{ color:inherit !important; }