/* =====================================================================
   UKABI · Página Vexia Work (inmersiva)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-wk-*;
   piezas que inserta ukabi-light-wk.js: ukd-*.
   Toda la página en oscuro.
   ===================================================================== */
.ukabi-light-page:has(.ukl-wk-hero){ --ukd-dk:#05091F; --ukd-dk2:#0A1336; --ukd-glass:rgba(15,25,72,.45); --ukd-line:rgba(255,255,255,.12); }

/* ---------- Cabecera en blanco sobre fondo oscuro ---------- */
body.ukabi-light-page:has(.ukl-wk-hero){ background:#05091F !important; }
body.ukabi-light-page:has(.ukl-wk-hero) #main,
body.ukabi-light-page:has(.ukl-wk-hero) #wrapper,
body.ukabi-light-page:has(.ukl-wk-hero) .fusion-wrapper,
body.ukabi-light-page:has(.ukl-wk-hero) .fusion-tb-header,
body.ukabi-light-page:has(.ukl-wk-hero) .fusion-tb-header > .fusion-fullwidth{ background:#05091F !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .fusion-tb-header .ukm-logo--blue{ display:none !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .fusion-tb-header .ukm-logo--white{ display:inline-block !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .fusion-tb-header .fusion-image-element:has(> .ukm-logo--blue){ display:none !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .fusion-tb-header .fusion-image-element:has(> .ukm-logo--white){ display:block !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li:not(.ukm-cta) > .awb-menu__main-a .menu-text{ color:rgba(255,255,255,.82) !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li:not(.ukm-cta):hover > .awb-menu__main-a .menu-text,
body.ukabi-light-page:has(.ukl-wk-hero) .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li.current-menu-item > .awb-menu__main-a .menu-text,
body.ukabi-light-page:has(.ukl-wk-hero) .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li.current-page-ancestor > .awb-menu__main-a .menu-text{ color:#fff !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .avada-main-menu .awb-menu__open-nav-submenu-hover::before,
body.ukabi-light-page:has(.ukl-wk-hero) .avada-main-menu .awb-menu__open-nav-submenu_click::before{ color:rgba(255,255,255,.6) !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .avada-main-menu .awb-menu__m-toggle{ color:#fff !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .fusion-tb-header .fusion-social-network-icon{ color:#fff !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .avada-main-menu .ukm-cta > .awb-menu__main-a{ border-color:rgba(255,255,255,.6) !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .avada-main-menu .ukm-cta > .awb-menu__main-a .menu-text{ color:#fff !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .avada-main-menu .ukm-cta > .awb-menu__main-a:hover{ background:#fff !important; border-color:#fff !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .avada-main-menu .ukm-cta > .awb-menu__main-a:hover .menu-text{ color:var(--ukl-ink) !important; }
body.ukabi-light-page:has(.ukl-wk-hero) .fusion-tb-header .fusion-sticky-container.fusion-container-stuck{ background:rgba(5,9,31,.82) !important; border-bottom:1px solid rgba(255,255,255,.08) !important; box-shadow:0 8px 30px -16px rgba(0,0,0,.6) !important; }

/* ---------- Base oscura ---------- */
.ukabi-light-page .ukl-wk-dk{ background-color:var(--ukd-dk) !important; color:#fff; }
.ukabi-light-page .ukl-wk-dk .ukl-title .fusion-title-heading{ color:#fff !important; }
.ukabi-light-page .ukl-wk-dk .ukl-lead p,.ukabi-light-page .ukl-wk-dk .ukl-lead{ color:rgba(255,255,255,.75) !important; }
.ukabi-light-page .ukl-wk-dk .fusion-text p{ color:rgba(255,255,255,.78); }
.ukabi-light-page .ukl-wk-dk .ukl-pill p{ color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); }
.ukabi-light-page .ukl-wk-dk .ukl-pill p::before{ box-shadow:0 0 0 4px rgba(253,73,92,.25); }
.ukabi-light-page .ukl-wk-k{ margin:0 0 8px !important; font:700 10.5px/1.3 var(--ukl-mono) !important; letter-spacing:.12em; text-transform:uppercase; color:#FF9AA6 !important; }
.ukabi-light-page .ukl-wk-go{ margin:10px 0 0 !important; }
.ukabi-light-page .ukl-wk-go a{ font-weight:700; font-size:14px; color:#fff !important; text-decoration:none; }
.ukabi-light-page .ukl-wk-go a::after{ content:" →"; color:#FF9AA6 !important; }
.ukabi-light-page .fusion-button.ukl-wk-btn-glass{ background:rgba(255,255,255,.08) !important; color:#fff !important; border:1px solid rgba(255,255,255,.25) !important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.ukabi-light-page .fusion-button.ukl-wk-btn-glass:hover{ border-color:#fff !important; }
.ukabi-light-page .fusion-button.ukl-wk-btn-glass .fusion-button-text{ color:#fff !important; }
.ukabi-light-page .fusion-button.ukl-wk-mag{ transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .2s,background .2s !important; }



/* ---------- HERO: rejilla de datos + ventana del asistente ---------- */
.ukabi-light-page .ukl-wk-hero{ position:relative; overflow:hidden; min-height:calc(100vh - 120px); display:flex; align-items:center; padding-top:70px !important; padding-bottom:90px !important; background:radial-gradient(900px 600px at 78% 50%,rgba(176,75,216,.2),transparent 60%),radial-gradient(700px 500px at 10% 90%,rgba(38,55,158,.35),transparent 60%),#05091F !important; }
.ukabi-light-page .ukl-wk-hero > .fusion-row{ position:relative; z-index:2; width:100%; align-items:center !important; }
.ukd-grid{ position:absolute; inset:0; z-index:1; width:100%; height:100%; pointer-events:none; }
.ukabi-light-page .ukl-wk-copy .fusion-column-wrapper{ row-gap:22px; }
.ukabi-light-page .ukl-wk-copy .ukl-pill{ flex:0 1 auto !important; }
.ukabi-light-page .ukl-wk-h1 h1.fusion-title-heading{ display:grid; gap:14px; margin:0 !important; color:#fff !important; font-size:inherit !important; line-height:1 !important; letter-spacing:0 !important; }
.ukabi-light-page .ukl-wk-h1n{ display:block; white-space:nowrap; font-size:clamp(50px,6.2vw,96px); font-weight:800; letter-spacing:-.06em; line-height:.92; padding:0 .12em .08em 0; background:linear-gradient(100deg,#fff 15%,#FFC4CC 50%,var(--ukl-coral) 90%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ukabi-light-page .ukl-wk-h1s{ display:block; max-width:540px; font-size:clamp(20px,2vw,28px); font-weight:700; letter-spacing:-.03em; line-height:1.2; color:rgba(255,255,255,.9); }
.ukabi-light-page .ukl-wk-copy .ukl-lead p{ max-width:560px; font-size:17px !important; color:rgba(255,255,255,.76) !important; }
.ukabi-light-page .ukl-wk-note p{ font:700 11px/1.4 var(--ukl-mono) !important; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.55) !important; }
.ukabi-light-page .ukl-mock--wkapp .fusion-column-wrapper{ justify-content:center; perspective:1600px; }
.ukd-dev{ position:relative; flex:0 0 100% !important; }
.ukd-dev .ex{ position:absolute; top:-14px; right:10px; z-index:3; font:700 9.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.55); background:#05091F; border:1px solid var(--ukd-line); border-radius:999px; padding:5px 9px; }
.ukd-app{ width:100%; max-width:560px; margin-left:auto; height:460px; border-radius:18px; background:rgba(11,16,48,.92); border:1px solid rgba(255,255,255,.12); box-shadow:0 60px 120px -40px rgba(176,75,216,.5); display:grid; grid-template-rows:auto 1fr auto; overflow:hidden; transform:rotateY(-10deg) rotateX(5deg); transition:transform .6s cubic-bezier(.2,.7,.2,1); will-change:transform; text-align:left; }
.ukd-app .bar{ display:flex; align-items:center; gap:6px; padding:12px 16px; background:#0F1B3F; border-bottom:1px solid rgba(255,255,255,.08); }
.ukd-app .bar i{ width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.2); }
.ukd-app .bar img{ height:16px !important; width:auto !important; margin-left:12px; }
.ukd-app .bar em{ margin-left:auto; font:700 10.5px/1 var(--ukl-mono); font-style:normal; color:#9FE3BE; }
.ukd-app .lb{ padding:18px; display:flex; flex-direction:column; justify-content:flex-end; gap:10px; overflow:hidden; }
.ukd-am{ max-width:88%; padding:10px 13px; border-radius:14px; font-size:13px; line-height:1.45; color:#fff; animation:ukdMi .4s cubic-bezier(.2,.7,.2,1); }
@keyframes ukdMi{ from{ opacity:0; transform:translateY(10px) scale(.97); } }
.ukd-am.u{ align-self:flex-end; background:#26379E; border-bottom-right-radius:4px; }
.ukd-am.v{ align-self:flex-start; background:#18224F; border-bottom-left-radius:4px; }
.ukd-am b{ color:#fff; }
.ukd-am .bars{ display:flex; align-items:flex-end; gap:6px; height:60px; margin-top:10px; }
.ukd-am .bars i{ flex:1; border-radius:4px 4px 1px 1px; background:linear-gradient(180deg,#FF7C8B,#B04BD8); transform-origin:bottom; animation:ukdGb .8s cubic-bezier(.2,.7,.2,1) both; }
@keyframes ukdGb{ from{ transform:scaleY(0); } }
.ukd-am .prog{ margin-top:8px; height:6px; border-radius:6px; background:rgba(255,255,255,.12); overflow:hidden; } .ukd-am .prog i{ display:block; height:100%; width:0; background:linear-gradient(90deg,var(--ukl-coral),#B04BD8); transition:width 1.6s cubic-bezier(.2,.7,.2,1); }
.ukd-am .file{ display:inline-flex; align-items:center; gap:8px; font:700 12px/1 var(--ukl-mono); } .ukd-am .file i{ font-style:normal; background:#12925B; border-radius:6px; padding:5px 6px; font-size:10px; }
.ukd-typing{ align-self:flex-start; display:flex; gap:4px; padding:12px 14px; background:#18224F; border-radius:14px; }
.ukd-typing i{ width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.7); animation:ukdTp 1s infinite; }
.ukd-typing i:nth-child(2){ animation-delay:.15s; } .ukd-typing i:nth-child(3){ animation-delay:.3s; }
@keyframes ukdTp{ 30%{ transform:translateY(-4px); opacity:1; } 0%,60%,100%{ opacity:.4; } }
.ukd-app .li{ display:flex; justify-content:space-between; align-items:center; margin:0 14px 14px; padding:12px 14px; border-radius:14px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); color:rgba(255,255,255,.55); font-size:13px; }
.ukd-app .li i{ font-style:normal; width:28px; height:28px; border-radius:8px; display:grid; place-items:center; background:var(--ukl-coral); color:#fff; font-weight:800; }
@media (max-width:1024px){
  .ukabi-light-page .ukl-wk-copy .fusion-column-wrapper{ justify-content:center; text-align:center; }
  .ukabi-light-page .ukl-wk-h1 h1.fusion-title-heading{ justify-items:center; text-align:center !important; }
  .ukabi-light-page .ukl-wk-copy .ukl-lead p{ margin-inline:auto !important; }
  .ukabi-light-page .ukl-mock--wkapp{ margin-top:50px !important; }
  .ukd-app{ transform:none; margin-inline:auto; height:440px; }
}

/* ---------- CINTA de cifras ---------- */
.ukabi-light-page .ukl-wk-tape{ overflow:hidden; padding-top:26px !important; padding-bottom:26px !important; background:linear-gradient(90deg,#0F206C,#3B2F8F 50%,#0F206C) !important; border-block:1px solid var(--ukd-line); }
.ukabi-light-page .ukl-wk-stats.ukd-js{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.ukabi-light-page .ukl-wk-stats{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.ukabi-light-page .ukl-wk-stats > .fusion-clearfix,.ukabi-light-page .ukl-wk-steps > .fusion-clearfix,.ukabi-light-page .ukl-wk-tabs > .fusion-clearfix,.ukabi-light-page .ukl-wk-dash > .fusion-clearfix,.ukabi-light-page .ukl-wk-also > .fusion-clearfix{ display:none !important; }
.ukd-tape{ display:flex; gap:70px; width:max-content; will-change:transform; flex:0 0 auto !important; }
.ukd-tape span{ display:flex; align-items:baseline; gap:14px; white-space:nowrap; font:700 13px/1 var(--ukl-mono); letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.72); }
.ukd-tape b{ font:800 clamp(34px,4vw,56px)/1 var(--ukl-display); letter-spacing:-.04em; color:#fff; text-transform:none; }
.ukd-tape span:nth-child(even) b{ color:#FF9AA6; }

/* ---------- SE CONECTA A TU ERP: consulta fija ---------- */
.ukabi-light-page .ukl-wk-erp > .fusion-row{ align-items:flex-start !important; }
.ukabi-light-page .ukl-mock--wkcons{ align-self:flex-start !important; position:sticky !important; top:calc(50vh - 250px); }
.ukabi-light-page .ukl-mock--wkcons .fusion-column-wrapper{ justify-content:center; padding-right:28px; }
.ukd-cons{ position:relative; flex:0 0 100% !important; display:grid; gap:14px; text-align:left; }
.ukd-cons .c-q{ padding:18px 20px; border-radius:20px; background:#26379E; box-shadow:0 30px 60px -30px rgba(38,55,158,.8); }
.ukd-cons .c-q small,.ukd-cons .c-lbl span,.ukd-cons .o small{ font:700 10.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.6); }
.ukd-cons .c-q p{ margin:8px 0 0; min-height:1.4em; font-size:clamp(18px,1.8vw,23px); font-weight:700; letter-spacing:-.02em; line-height:1.3; color:#fff; }
.ukd-cons .c-q p.caret::after{ content:""; display:inline-block; width:2px; height:1em; margin-left:3px; vertical-align:-2px; background:#fff; animation:ukdBl 1s steps(2) infinite; }
@keyframes ukdBl{ 50%{ opacity:0; } }
.ukd-cons .c-db{ padding:16px; border-radius:20px; background:#0B1030; border:1px solid var(--ukd-line); display:grid; gap:12px; }
.ukd-cons .c-lbl{ display:flex; justify-content:space-between; align-items:center; } .ukd-cons .c-lbl b{ font:700 11px/1 var(--ukl-mono); color:#9FE3BE; }
.ukd-cons .c-tbl{ display:grid; grid-template-columns:repeat(12,1fr); gap:3px; }
.ukd-cons .c-tbl i{ height:12px; border-radius:3px; background:rgba(255,255,255,.07); transition:background .25s,box-shadow .25s; }
.ukd-cons .c-tbl i.hit{ background:rgba(253,73,92,.75); box-shadow:0 0 12px rgba(253,73,92,.6); }
.ukd-cons .c-tbl i.w{ background:rgba(18,146,91,.7); }
.ukd-cons .c-out{ position:relative; height:190px; }
.ukd-cons .o{ position:absolute; inset:0; display:grid; align-content:start; gap:6px; padding:18px 20px; border-radius:20px; background:#fff; color:var(--ukl-ink); opacity:0; transform:translateY(16px) scale(.98); transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1); }
.ukd-cons .o small{ color:var(--ukl-coral-d); }
.ukd-cons .o b{ font-size:clamp(30px,3.2vw,44px); font-weight:800; letter-spacing:-.04em; line-height:1; color:var(--ukl-ink); }
.ukd-cons .o span{ font-size:13.5px; color:var(--ukl-muted); }
.ukd-cons .o .bars{ display:flex; align-items:flex-end; gap:6px; height:56px; margin-top:6px; }
.ukd-cons .o .bars i{ flex:1; border-radius:4px 4px 1px 1px; background:linear-gradient(180deg,#FF7C8B,#B04BD8); transform:scaleY(.05); transform-origin:bottom; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.ukd-cons .o .xls{ display:inline-flex; align-items:center; gap:10px; font:700 13px/1 var(--ukl-mono); color:var(--ukl-ink); } .ukd-cons .o .xls i{ font-style:normal; background:#12925B; color:#fff; border-radius:6px; padding:6px 7px; font-size:10px; }
.ukd-cons .o .prog{ height:8px; border-radius:8px; background:var(--ukl-bg-2); overflow:hidden; margin-top:6px; } .ukd-cons .o .prog i{ display:block; height:100%; width:0; background:linear-gradient(90deg,var(--ukl-coral),#B04BD8); transition:width 1.4s cubic-bezier(.2,.7,.2,1); }
.ukd-cons .o b.done{ font-size:17px; letter-spacing:-.01em; line-height:1.3; color:var(--ukl-green); opacity:0; transition:opacity .4s .9s; }
.ukd-cons[data-s="1"] .o1,.ukd-cons[data-s="2"] .o2{ opacity:1; transform:none; }
.ukd-cons[data-s="1"] .o1 .bars i{ transform:none; }
.ukd-cons[data-s="2"] .o2 .prog i{ width:100%; }
.ukd-cons[data-s="2"] .o2 b.done{ opacity:1; }
.ukabi-light-page .ukl-wk-steps{ display:grid !important; grid-template-columns:minmax(0,1fr); gap:22vh !important; padding-block:10vh 30vh; }
.ukabi-light-page .ukl-wk-steps .content-box-column{ margin:0 !important; padding:26px !important; border-radius:24px; background:var(--ukd-glass) !important; border:1px solid var(--ukd-line); opacity:.35; transition:opacity .5s,border-color .5s; }
.ukabi-light-page .ukl-wk-steps .content-box-column.ukd-on{ opacity:1; border-color:rgba(253,73,92,.55); }
.ukabi-light-page .ukl-sec .ukl-wk-steps .content-box-heading{ color:#fff !important; font-size:25px !important; font-weight:800 !important; letter-spacing:-.03em !important; line-height:1.15 !important; margin-bottom:10px !important; }
.ukabi-light-page .ukl-sec .ukl-wk-steps .content-container{ color:rgba(255,255,255,.75) !important; font-size:16px !important; }
.ukabi-light-page .ukl-wk-steps .ukl-wk-k{ font-size:13px !important; letter-spacing:0; }
@media (max-width:1024px){
  .ukabi-light-page .ukl-mock--wkcons{ position:relative !important; top:0; margin-bottom:30px !important; }
  .ukabi-light-page .ukl-mock--wkcons .fusion-column-wrapper{ padding-right:0; }
  .ukabi-light-page .ukl-wk-steps{ gap:14px !important; padding-block:0; }
  .ukabi-light-page .ukl-wk-steps .content-box-column{ opacity:1; }
}

/* ---------- CADA ÁREA: pestañas + panel ---------- */
.ukabi-light-page .ukl-wk-roles{ padding-top:40px !important; }
.ukabi-light-page .ukl-wk-roles > .fusion-row{ align-items:stretch !important; }
.ukabi-light-page .ukl-wk-tabcol,.ukabi-light-page .ukl-mock--wkpane{ margin-top:50px !important; }
.ukabi-light-page .ukl-wk-tabs{ grid-template-columns:minmax(0,1fr); gap:12px !important; }
.ukabi-light-page .ukl-wk-tabs .content-box-column{ position:relative; margin:0 !important; padding:20px 22px !important; border-radius:20px; background:var(--ukd-dk2) !important; border:1px solid var(--ukd-line); overflow:hidden; cursor:pointer; transition:border-color .3s,background .3s; }
.ukabi-light-page .ukl-wk-tabs .content-box-column.ukd-on{ background:linear-gradient(135deg,rgba(38,55,158,.55),var(--ukd-dk2)) !important; border-color:rgba(253,73,92,.55); }
.ukabi-light-page .ukl-wk-tabs .content-box-column:focus-visible{ outline:2px solid #FF9AA6; outline-offset:2px; }
.ukabi-light-page .ukl-sec .ukl-wk-tabs .content-box-heading{ color:#fff !important; font-size:19px !important; font-weight:800 !important; letter-spacing:-.02em !important; margin-bottom:6px !important; }
.ukabi-light-page .ukl-sec .ukl-wk-tabs .content-container{ color:rgba(255,255,255,.68) !important; font-size:14.5px !important; }
.ukabi-light-page .ukl-wk-tabs .ukl-wk-k{ font-size:10.5px !important; margin-bottom:6px !important; }
.ukd-pb{ position:absolute; left:0; bottom:0; height:3px; width:0; background:linear-gradient(90deg,var(--ukl-coral),#B04BD8); }
.ukd-on > .ukd-pb{ animation:ukdPb 6s linear forwards; }
@keyframes ukdPb{ to{ width:100%; } }
.ukabi-light-page .ukl-sec .ukl-mock--wkpane .fusion-column-wrapper{ height:100%; padding-left:24px; flex-direction:column !important; flex-wrap:nowrap; align-items:stretch; }
.ukd-pane{ position:relative; flex:1 1 auto !important; align-self:stretch; min-height:380px; border-radius:26px; background:#fff; color:var(--ukl-ink); box-shadow:0 60px 120px -50px rgba(253,73,92,.35); overflow:hidden; text-align:left; }
.ukd-pane .rp{ position:absolute; inset:0; padding:26px; display:grid; align-content:start; gap:18px; opacity:0; transform:translateX(24px); transition:opacity .45s,transform .5s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.ukd-pane .rp.on{ opacity:1; transform:none; }
.ukd-pane .rq{ justify-self:end; max-width:85%; background:#26379E; color:#fff; border-radius:14px 14px 4px 14px; padding:10px 14px; font-size:14px; font-weight:600; }
.ukd-pane .kpis{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ukd-pane .kpis div{ padding:16px; border-radius:16px; background:var(--ukl-bg-2); }
.ukd-pane small{ font:700 10px/1.2 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); }
.ukd-pane .kpis b{ display:block; margin-top:8px; font-size:26px; font-weight:800; letter-spacing:-.03em; color:var(--ukl-ink); }
.ukd-pane .kpis b.w{ font-size:17px; color:var(--ukl-coral-d); }
.ukd-pane .top,.ukd-pane .hbars{ display:grid; gap:10px; }
.ukd-pane .top p,.ukd-pane .hbars p{ display:grid; grid-template-columns:140px 1fr auto; align-items:center; gap:12px; margin:0; font-size:13px; font-weight:600; color:var(--ukl-ink); }
.ukd-pane .top p{ grid-template-columns:140px 1fr; }
.ukd-pane .top i,.ukd-pane .hbars i{ height:10px; border-radius:6px; background:linear-gradient(90deg,var(--ukl-coral),#B04BD8); width:0; transition:width .9s cubic-bezier(.2,.7,.2,1); }
.ukd-pane .hbars b{ font:700 12px/1 var(--ukl-mono); color:var(--ukl-ink); }
.ukd-pane .chg{ display:grid; gap:4px; padding:16px; border-radius:16px; border:1.5px dashed var(--ukl-coral); background:var(--ukl-coral-soft); }
.ukd-pane .chg b{ font-size:16px; color:var(--ukl-ink); } .ukd-pane .chg span{ font-size:13px; color:var(--ukl-coral-d); font-weight:600; }
.ukd-pane .line{ width:100%; height:190px; }
.ukd-pane .line path{ fill:none; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:600; stroke-dashoffset:600; transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1); }
.ukd-pane .line .a{ stroke:var(--ukl-coral); } .ukd-pane .line .b{ stroke:var(--ukl-lilac); stroke-width:2; }
.ukd-pane .rp.on .line path{ stroke-dashoffset:0; }
.ukd-pane .leg{ display:flex; flex-wrap:wrap; gap:16px; font:700 11px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukd-pane .leg span::before{ content:""; display:inline-block; width:14px; height:3px; border-radius:2px; margin-right:6px; vertical-align:middle; background:currentColor; }
.ukd-pane .leg .a{ color:var(--ukl-coral-d); } .ukd-pane .leg .b{ color:#8B86D6; } .ukd-pane .leg .m{ color:var(--ukl-ink); } .ukd-pane .leg .m::before{ display:none; }
@media (max-width:1024px){ .ukabi-light-page .ukl-mock--wkpane{ margin-top:24px !important; } .ukabi-light-page .ukl-sec .ukl-mock--wkpane .fusion-column-wrapper{ padding-left:0; } .ukd-pane{ min-height:400px; } }
@media (max-width:520px){ .ukd-pane .top p,.ukd-pane .hbars p{ grid-template-columns:100px 1fr auto; } .ukd-pane .top p{ grid-template-columns:100px 1fr; } .ukd-pane .kpis{ grid-template-columns:1fr; } .ukd-pane{ min-height:540px; } }

/* ---------- BLOQUES: panel que se monta ---------- */
.ukabi-light-page .ukl-wk-blocks{ padding-top:40px !important; }
.ukabi-light-page .ukl-wk-dash{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px !important; perspective:1600px; }
.ukabi-light-page .ukl-wk-dash .content-box-column{ position:relative; margin:0 !important; padding:26px !important; border-radius:24px; background:var(--ukd-dk2) !important; border:1px solid var(--ukd-line); transform-origin:50% 100%; transition:transform .9s cubic-bezier(.2,.9,.2,1),opacity .6s,border-color .3s; }
.ukabi-light-page .ukl-wk-dash.ukd-js .content-box-column{ opacity:0; transform:rotateX(-35deg) translateY(60px); }
.ukabi-light-page .ukl-wk-dash.ukd-js.ukd-in .content-box-column{ opacity:1; transform:none; }
.ukabi-light-page .ukl-wk-dash.ukd-in .content-box-column:nth-child(2){ transition-delay:.12s; } .ukabi-light-page .ukl-wk-dash.ukd-in .content-box-column:nth-child(3){ transition-delay:.24s; } .ukabi-light-page .ukl-wk-dash.ukd-in .content-box-column:nth-child(4){ transition-delay:.36s; }
.ukabi-light-page .ukl-wk-dash .content-box-column:hover{ border-color:rgba(253,73,92,.6); }
.ukabi-light-page .ukl-wk-dash .content-box-column:nth-child(4){ background:transparent !important; border:1.5px dashed rgba(255,255,255,.28); }
.ukabi-light-page .ukl-sec .ukl-wk-dash .content-box-heading{ color:#fff !important; font-size:24px !important; font-weight:800 !important; letter-spacing:-.03em !important; line-height:1.15 !important; margin-bottom:10px !important; }
.ukabi-light-page .ukl-sec .ukl-wk-dash .content-container{ color:rgba(255,255,255,.72) !important; font-size:15px !important; }
.ukabi-light-page .ukl-wk-dash .content-container p{ margin:0 0 12px !important; }
.ukabi-light-page .ukl-wk-dash .ukl-wk-k{ font-size:11px !important; }
.ukabi-light-page .ukl-wk-em{ font:700 10.5px/1 var(--ukl-mono) !important; color:#9FE3BE !important; }
.ukd-mini{ margin:6px 0 14px; border-radius:16px; background:rgba(255,255,255,.05); padding:14px; min-height:86px; }
.ukd-mini.chat{ display:grid; gap:8px; }
.ukd-mini.chat span{ justify-self:end; max-width:90%; background:#26379E; border-radius:12px 12px 4px 12px; padding:8px 11px; font-size:12.5px; color:#fff; }
.ukd-mini.chat .r{ justify-self:start; background:#18224F; border-radius:12px 12px 12px 4px; font-weight:700; color:#FF9AA6; }
.ukd-mini.imp{ display:flex; align-items:center; gap:12px; }
.ukd-mini.imp .f,.ukd-mini.imp .e{ flex:none; width:54px; height:54px; border-radius:14px; display:grid; place-items:center; font:700 12px/1 var(--ukl-mono); color:#fff; }
.ukd-mini.imp .f{ background:#12925B; } .ukd-mini.imp .e{ background:var(--ukl-ink); border:1px solid rgba(255,255,255,.2); }
.ukd-mini.imp .ar{ position:relative; flex:1; height:4px; border-radius:4px; background:rgba(255,255,255,.12); overflow:hidden; }
.ukd-mini.imp .ar::after{ content:""; position:absolute; top:0; bottom:0; width:30%; background:linear-gradient(90deg,transparent,var(--ukl-coral),transparent); animation:ukdFlow 1.6s linear infinite; }
@keyframes ukdFlow{ from{ left:-30%; } to{ left:100%; } }
.ukd-mini.spark svg{ width:100%; height:58px; }
.ukd-mini.spark path{ fill:none; stroke:#FF9AA6; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:260; stroke-dashoffset:260; transition:stroke-dashoffset 1.6s .5s cubic-bezier(.2,.7,.2,1); }
.ukd-in .ukd-mini.spark path,.ukd-mini.spark.ukd-static path{ stroke-dashoffset:0; }
.ukd-mini.plus{ display:grid; place-items:center; background:transparent; border:1.5px dashed rgba(255,255,255,.2); }
.ukd-mini.plus span{ width:46px; height:46px; border-radius:50%; display:grid; place-items:center; font-size:28px; font-weight:300; color:#fff; background:linear-gradient(135deg,var(--ukl-coral),#B04BD8); animation:ukdBob 2.4s ease-in-out infinite; }
@keyframes ukdBob{ 50%{ transform:scale(1.1); } }
@media (max-width:760px){ .ukabi-light-page .ukl-wk-dash{ grid-template-columns:minmax(0,1fr); } }

/* ---------- ¿QUÉ PODRÍAS AUTOMATIZAR TÚ? ---------- */
.ukabi-light-page .ukl-wk-auto{ padding-top:40px !important; }
.ukabi-light-page .ukl-wk-auto > .fusion-row{ align-items:center !important; padding:clamp(28px,4vw,56px) !important; border-radius:32px; background:radial-gradient(600px 300px at 100% 0%,rgba(253,73,92,.25),transparent 70%),linear-gradient(135deg,#0F206C,#26379E 60%,#3B2F8F); }
.ukabi-light-page .ukl-wk-atxt .fusion-column-wrapper{ row-gap:18px; padding-right:20px; }
.ukabi-light-page .ukl-wk-atxt .ukl-pill{ flex:0 1 auto !important; }
.ukabi-light-page .ukl-sec .ukl-wk-at h2.fusion-title-heading{ color:#fff !important; font-size:clamp(32px,4vw,52px) !important; font-weight:800 !important; letter-spacing:-.045em !important; line-height:1.05 !important; }
.ukabi-light-page .ukl-wk-atxt .ukl-lead p{ color:rgba(255,255,255,.82) !important; font-size:17px !important; }
.ukabi-light-page .ukl-wk-how p{ color:rgba(255,255,255,.66) !important; font-size:15px !important; }
.ukabi-light-page .ukl-wk-test .fusion-column-wrapper{ row-gap:18px; padding-left:20px; }
.ukabi-light-page .ukl-wk-crit{ margin:0 !important; padding:0 !important; display:grid !important; gap:10px; }
.ukabi-light-page .ukl-wk-crit li.fusion-li-item{ display:flex !important; align-items:center; gap:14px; margin:0 !important; padding:16px 18px !important; border-radius:16px; border:1px solid rgba(255,255,255,.2) !important; background:rgba(5,9,31,.35) !important; color:#fff !important; cursor:pointer; user-select:none; transition:background .3s,border-color .3s,transform .2s; }
.ukabi-light-page .ukl-wk-crit li.fusion-li-item:hover{ transform:translateX(4px); border-color:rgba(255,255,255,.5) !important; }
.ukabi-light-page .ukl-wk-crit li.fusion-li-item:focus-visible{ outline:2px solid #FF9AA6; outline-offset:2px; }
.ukabi-light-page .ukl-wk-crit .icon-wrapper,.ukabi-light-page .ukl-wk-crit .fusion-li-icon{ display:none !important; }
.ukabi-light-page .ukl-wk-crit li.fusion-li-item::before{ content:""; flex:none; width:24px; height:24px; border-radius:8px; border:2px solid rgba(255,255,255,.5); display:grid; place-items:center; font-size:14px; font-weight:800; color:#fff; transition:background .3s,border-color .3s; }
.ukabi-light-page .ukl-wk-crit .fusion-li-item-content{ margin:0 !important; padding:0 !important; font:600 15.5px/1.35 var(--ukl-display); color:#fff !important; }
.ukabi-light-page .ukl-wk-crit li.fusion-li-item.ukd-on{ background:rgba(253,73,92,.18) !important; border-color:rgba(253,73,92,.7) !important; }
.ukabi-light-page .ukl-wk-crit li.fusion-li-item.ukd-on::before{ content:"✓"; background:var(--ukl-coral); border-color:var(--ukl-coral); }
.ukd-meter{ flex:0 0 100% !important; display:grid; gap:10px; }
.ukd-meter .bar{ height:10px; border-radius:10px; background:rgba(5,9,31,.4); overflow:hidden; }
.ukd-meter .bar i{ display:block; height:100%; width:0; border-radius:inherit; background:linear-gradient(90deg,#FF9AA6,var(--ukl-coral)); transition:width .6s cubic-bezier(.2,.7,.2,1); }
.ukd-meter p{ margin:0; font-size:15px; color:rgba(255,255,255,.85); } .ukd-meter p b{ font-family:var(--ukl-mono); color:#fff; margin-right:8px; }
@media (max-width:1024px){ .ukabi-light-page .ukl-wk-atxt .fusion-column-wrapper{ padding-right:0; } .ukabi-light-page .ukl-wk-test{ margin-top:30px !important; } .ukabi-light-page .ukl-wk-test .fusion-column-wrapper{ padding-left:0; } }

/* ---------- RELACIONADOS ---------- */
.ukabi-light-page .ukl-wk-alsocol{ margin-top:40px !important; }
.ukabi-light-page .ukl-wk-also{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px !important; }
.ukabi-light-page .ukl-wk-also .content-box-column{ position:relative; margin:0 !important; padding:20px 22px !important; border-radius:20px; background:var(--ukd-dk2) !important; border:1px solid var(--ukd-line); transition:border-color .3s,transform .3s; cursor:pointer; }
.ukabi-light-page .ukl-wk-also .content-box-column:hover{ border-color:rgba(253,73,92,.6); transform:translateY(-3px); }
.ukabi-light-page .ukl-wk-also .content-box-wrapper,.ukabi-light-page .ukl-wk-also .content-container{ position:static !important; }
.ukabi-light-page .ukl-sec .ukl-wk-also .content-box-heading{ color:#fff !important; font-size:18px !important; margin-bottom:4px !important; }
.ukabi-light-page .ukl-sec .ukl-wk-also .content-container{ color:rgba(255,255,255,.65) !important; font-size:14px !important; }
.ukabi-light-page .ukl-wk-also .ukl-wk-k{ font-size:10px !important; }
.ukabi-light-page .ukl-wk-go a::after{ color:#FF9AA6 !important; }
.ukabi-light-page .ukl-wk-also .ukl-wk-go a::before{ content:""; position:absolute; inset:0; z-index:4; border-radius:inherit; }
@media (max-width:900px){ .ukabi-light-page .ukl-wk-also,.ukabi-light-page .ukl-wk-stats{ grid-template-columns:minmax(0,1fr); } }

/* ---------- FAQ oscura ---------- */
.ukabi-light-page .ukl-wk-faq{ padding-top:40px !important; }
.ukabi-light-page .ukl-wk-faq .ukl-faq .fusion-panel{ background:var(--ukd-dk2) !important; border-color:var(--ukd-line) !important; }
.ukabi-light-page .ukl-wk-faq .ukl-faq .fusion-panel:has(.collapse.in){ border-color:rgba(253,73,92,.6) !important; }
.ukabi-light-page .ukl-wk-faq .ukl-faq .panel-title a,.ukabi-light-page .ukl-wk-faq .ukl-faq .panel-title a .fusion-toggle-heading{ color:#fff !important; }
.ukabi-light-page .ukl-wk-faq .ukl-faq .toggle-content,.ukabi-light-page .ukl-wk-faq .ukl-faq .toggle-content p{ color:rgba(255,255,255,.72) !important; }

/* ---------- FINAL con halo ---------- */
.ukabi-light-page .ukl-wk-final{ overflow:hidden; padding-top:130px !important; padding-bottom:130px !important; }
.ukabi-light-page .ukl-wk-final::before{ content:""; position:absolute; left:50%; top:60%; z-index:1; width:900px; max-width:140%; height:500px; translate:-50% -50%; border-radius:50%; background:radial-gradient(closest-side,rgba(253,73,92,.35),rgba(176,75,216,.2) 50%,transparent 75%); filter:blur(20px); pointer-events:none; animation:ukdPulse 6s ease-in-out infinite; }
@keyframes ukdPulse{ 50%{ transform:scale(1.12); opacity:.8; } }
.ukabi-light-page .ukl-wk-fcol .fusion-column-wrapper{ justify-content:center; text-align:center; row-gap:18px; }
.ukabi-light-page .ukl-wk-fk p{ text-align:center; font:700 12px/1.4 var(--ukl-mono) !important; letter-spacing:.16em; text-transform:uppercase; color:#FF9AA6 !important; }
.ukabi-light-page .ukl-sec .ukl-wk-ft h2.fusion-title-heading{ max-width:860px; margin-inline:auto !important; text-align:center !important; font-size:clamp(34px,5vw,64px) !important; letter-spacing:-.045em !important; line-height:1.05 !important; text-wrap:balance; }
.ukabi-light-page .ukl-wk-fcol .ukl-lead p{ max-width:620px; margin-inline:auto !important; text-align:center; }

@media (prefers-reduced-motion:reduce){ .ukabi-light-page .ukl-wk-final::before,.ukd-typing i,.ukd-mini.imp .ar::after,.ukd-mini.plus span,.ukd-on > .ukd-pb{ animation:none !important; } }