/* =====================================================================
   UKABI · Página de área Nómina y RRHH (a3asesor | nom · a3innuva | Nómina)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-nr-*;
   piezas que inserta ukabi-light-nr.js: uky-*.
   ===================================================================== */

/* antetítulo de las cajas (el JS lo sube encima del título) */
.ukabi-light-page .ukl-nr-k{ margin:0 0 8px !important; font:700 10.5px/1.3 var(--ukl-mono) !important; letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-coral-d) !important; }

/* ---------- HERO ---------- */
.ukabi-light-page .ukl-nr-hero{ padding-top:96px !important; padding-bottom:40px !important; overflow-x:clip; }
.ukabi-light-page .ukl-nr-hero > .fusion-row{ max-width:1240px !important; }
.ukabi-light-page .ukl-nr-copy .fusion-column-wrapper{ max-width:1000px; }
.ukabi-light-page .ukl-nr-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-nr-copy .ukl-h1 .fusion-title-heading > em,
.ukabi-light-page .ukl-nr-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-nr-copy .ukl-h1 .fusion-title-heading > em,.ukabi-light-page .ukl-nr-copy .ukl-h1 .fusion-title-heading > .ukl-w:first-child{ white-space:nowrap; } }
.ukabi-light-page .ukl-nr-copy .ukl-h1 em{ display:inline-block; margin-right:0; padding:0 .12em .08em 0; }
.ukabi-light-page .ukl-nr-copy .ukl-h1 .ukl-nr-h1s{ display:block; max-width:820px; text-wrap:balance; }
.ukabi-light-page .ukl-nr-copy .ukl-lead{ max-width:none !important; margin-inline:0 !important; }
.ukabi-light-page .ukl-nr-copy .ukl-lead p{ max-width:780px; margin-inline:auto !important; font-size:17.5px !important; }
.ukabi-light-page .ukl-mock--nrslip{ margin-top:50px !important; }
.ukabi-light-page .ukl-mock--nrslip .fusion-column-wrapper{ justify-content:center; }

/* recibo en capas */
.uky-slipw{ position:relative; flex:0 0 auto !important; width:min(620px,100%); perspective:1400px; padding:30px 0 60px; text-align:left; }
.uky-slip{ position:relative; transform-style:preserve-3d; transform:rotateX(12deg) rotateY(-10deg); display:grid; gap:12px; transition:gap .9s cubic-bezier(.2,.7,.2,1); }
.uky-slip.open{ gap:22px; }
.uky-slip .ly{ position:relative; background:#fff; border:1px solid var(--ukl-line); border-radius:18px; padding:16px 20px; box-shadow:0 30px 60px -30px rgba(15,32,108,.35); transform:translateZ(var(--z,0px)); transition:transform .9s cubic-bezier(.2,.7,.2,1); }
.uky-slip.open .l2{ --z:22px; } .uky-slip.open .l3{ --z:44px; } .uky-slip.open .l4{ --z:72px; }
.uky-slip .sh{ display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.uky-slip .sh small,.uky-slip .per small{ display:block; font:700 10px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted); margin-bottom:6px; }
.uky-slip .sh b{ color:var(--ukl-ink); font-size:16px; } .uky-slip .per{ text-align:right; } .uky-slip .per b{ font:700 13px/1.2 var(--ukl-mono); color:var(--ukl-ink); }
.uky-slip .sw{ margin-top:12px; padding-top:12px; border-top:1px dashed var(--ukl-line); display:grid; gap:2px; font-size:12.5px; color:var(--ukl-muted); }
.uky-slip .sw b{ color:var(--ukl-ink); font-size:14.5px; }
.uky-slip h5{ margin:0 0 8px !important; font:700 10.5px/1 var(--ukl-mono) !important; letter-spacing:.12em !important; text-transform:uppercase; color:var(--ukl-coral-d) !important; }
.uky-slip .l3 h5{ color:#8A3DB8 !important; }
.uky-slip .r{ display:flex; justify-content:space-between; gap:10px; padding:6px 0; border-top:1px solid var(--ukl-line); font-size:13px; color:var(--ukl-text); }
.uky-slip .r:first-of-type{ border-top:0; }
.uky-slip .r b{ font:700 12.5px/1.3 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.uky-slip .r.t{ border-top:2px solid var(--ukl-ink); font-weight:700; color:var(--ukl-ink); }
.uky-slip .l4{ display:flex; justify-content:space-between; align-items:center; background:var(--ukl-ink); border-color:var(--ukl-ink); color:#fff; font-weight:700; }
.uky-slip .l4 b{ font:800 22px/1 var(--ukl-display); color:#fff; font-variant-numeric:tabular-nums; }
.uky-slipw .tag{ position:absolute; z-index:3; display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--ukl-line); border-radius:999px; padding:9px 14px; font-size:12.5px; font-weight:700; color:var(--ukl-ink); box-shadow:var(--ukl-shadow); white-space:nowrap; opacity:0; transform:translateY(10px); transition:opacity .6s,transform .6s; }
.uky-slipw .tag i{ width:9px; height:9px; border-radius:50%; background:var(--ukl-coral); box-shadow:0 0 0 4px var(--ukl-coral-soft); }
.uky-slipw .tb i{ background:#B04BD8; box-shadow:0 0 0 4px #F1E2FA; } .uky-slipw .tc i{ background:var(--ukl-green); box-shadow:0 0 0 4px var(--ukl-green-soft); }
.uky-slipw.shown .tag{ opacity:1; transform:none; }
.uky-slipw .ta{ left:-150px; top:70px; } .uky-slipw .tb{ right:-160px; top:190px; transition-delay:.15s; } .uky-slipw .tc{ left:-120px; bottom:40px; transition-delay:.3s; }
.uky-slipw .ex{ position:absolute; top:0; right:0; 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; }
@media (max-width:1000px){ .uky-slipw{ display:grid; justify-items:center; gap:10px; } .uky-slipw .tag{ position:static; order:2; } }
@media (max-width:600px){ .uky-slip{ transform:none !important; } .uky-slip.open .ly{ --z:0px; } .uky-slip .ly{ padding:14px 16px; } .uky-slipw .tag{ white-space:normal; } }

/* ---------- Dos soluciones ---------- */
.ukabi-light-page .ukl-nr-duo{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px !important; perspective:1400px; }
.ukabi-light-page .ukl-nr-duo > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-nr-duo .content-box-column{ position:relative; overflow:hidden; background:#fff !important; border:1px solid var(--ukl-line); border-radius:28px; padding:32px !important; box-shadow:var(--ukl-shadow); will-change:transform; }
.ukabi-light-page .ukl-nr-duo .content-box-column:nth-child(2){ background:linear-gradient(135deg,#0F206C,#26379E 60%,#3B2F8F) !important; border-color:#0F206C; }
.ukabi-light-page .ukl-sec .ukl-nr-duo .heading .icon{ width:52px; height:52px; border-radius:15px; background:var(--ukl-bg-2); color:var(--ukl-ink); }
.ukabi-light-page .ukl-sec .ukl-nr-duo .heading .icon i{ font-size:22px !important; }
.ukabi-light-page .ukl-sec .ukl-nr-duo .content-box-column:nth-child(2) .heading .icon{ background:rgba(255,255,255,.12); color:#fff; }
.ukabi-light-page .ukl-sec .ukl-nr-duo .content-box-heading{ font-size:clamp(28px,3vw,38px) !important; font-weight:800 !important; letter-spacing:-.04em !important; line-height:1.1 !important; margin-bottom:10px !important; }
.ukabi-light-page .ukl-sec .ukl-nr-duo .content-box-column:nth-child(2) .content-box-heading{ color:#fff !important; }
.ukabi-light-page .ukl-nr-duo .content-box-column:nth-child(2) .ukl-nr-k{ color:#FF9AA6 !important; }
.ukabi-light-page .ukl-nr-duo .content-container p{ margin:0 0 14px !important; }
.ukabi-light-page .ukl-sec .ukl-nr-duo .content-container{ font-size:15px !important; }
.ukabi-light-page .ukl-sec .ukl-nr-duo .content-box-column:nth-child(2) .content-container{ color:rgba(255,255,255,.78) !important; }
.ukabi-light-page .ukl-nr-duo .ukl-nr-sub{ font-weight:600; color:var(--ukl-ink); font-size:16px; }
.ukabi-light-page .ukl-nr-duo .content-box-column:nth-child(2) .ukl-nr-sub{ color:#fff; }
.ukabi-light-page .ukl-nr-duo ul{ list-style:none; margin:0 0 16px; padding:0; display:grid; gap:8px; }
.ukabi-light-page .ukl-nr-duo 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-nr-duo li::before{ content:"✓"; position:absolute; left:0; top:0; color:var(--ukl-green); font-weight:800; }
.ukabi-light-page .ukl-nr-duo .content-box-column:nth-child(2) li{ color:rgba(255,255,255,.9); }
.ukabi-light-page .ukl-nr-duo .content-box-column:nth-child(2) li::before{ color:#5BE0A0; }
.ukabi-light-page .ukl-nr-duo .ukl-nr-stat{ display:flex; align-items:baseline; gap:12px; border-top:1px solid var(--ukl-line); padding-top:14px; font-size:13px; color:var(--ukl-muted); }
.ukabi-light-page .ukl-nr-duo .ukl-nr-stat strong{ font:800 32px/1 var(--ukl-display); letter-spacing:-.03em; color:var(--ukl-ink); white-space:nowrap; }
.ukabi-light-page .ukl-nr-duo .content-box-column:nth-child(2) .ukl-nr-stat{ border-color:rgba(255,255,255,.18); color:rgba(255,255,255,.7); }
.ukabi-light-page .ukl-nr-duo .content-box-column:nth-child(2) .ukl-nr-stat strong{ color:#fff; }
.ukabi-light-page .ukl-nr-lnk{ margin:0 !important; }
.ukabi-light-page .ukl-nr-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-nr-lnk a::after{ content:"→"; }
.ukabi-light-page .ukl-nr-lnk a:hover{ border-color:var(--ukl-ink); transform:translateY(-1px); }
.ukabi-light-page .ukl-nr-duo .content-box-column:nth-child(2) .ukl-nr-lnk a{ color:#fff !important; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.3); }
@media (max-width:900px){ .ukabi-light-page .ukl-nr-duo{ grid-template-columns:minmax(0,1fr); } .ukabi-light-page .ukl-nr-duo .content-box-column{ padding:24px !important; } }

/* ---------- Cifras: rodillos ---------- */
.ukabi-light-page .ukl-nr-odo-sec{ padding-top:20px !important; padding-bottom:40px !important; }
.ukabi-light-page .ukl-nr-odo{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 !important; background:#fff; border:1px solid var(--ukl-line) !important; border-radius:24px; overflow:hidden; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-nr-odo > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-nr-odo .content-box-column{ padding:28px 24px !important; border-left:1px solid var(--ukl-line); }
.ukabi-light-page .ukl-nr-odo .content-box-column:first-child{ border-left:0; }
.ukabi-light-page .ukl-sec .ukl-nr-odo .content-box-heading{ display:flex; align-items:flex-end; font:800 clamp(34px,3.8vw,50px)/1 var(--ukl-display) !important; letter-spacing:-.045em !important; color:var(--ukl-ink) !important; margin-bottom:12px !important; }
.ukabi-light-page .ukl-sec .ukl-nr-odo .content-container{ font-size:13.5px !important; }
.uky-roll{ display:inline-block; height:1em; overflow:hidden; line-height:1; }
.uky-roll i{ display:block; text-align:center; font-style:normal; transition:transform 1.6s cubic-bezier(.2,.8,.2,1); }
.uky-roll i > span{ display:block; height:1em; }
.ukabi-light-page .ukl-nr-src{ margin-top:12px !important; }
.ukabi-light-page .ukl-nr-src p{ text-align:center; font:400 11px/1.4 var(--ukl-mono) !important; color:var(--ukl-muted) !important; }
@media (max-width:900px){ .ukabi-light-page .ukl-nr-odo{ grid-template-columns:1fr 1fr; } .ukabi-light-page .ukl-nr-odo .content-box-column{ border-left:0; border-top:1px solid var(--ukl-line); } .ukabi-light-page .ukl-nr-odo .content-box-column:nth-child(-n+2){ border-top:0; } .ukabi-light-page .ukl-nr-odo .content-box-column:nth-child(even){ border-left:1px solid var(--ukl-line); } }

/* ---------- Ciclo mensual ---------- */
.ukabi-light-page .ukl-nr-cyc-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-nr-cyc-sec > .fusion-row,.ukabi-light-page .ukl-nr-hr-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-nr-cyc-txt .fusion-column-wrapper,.ukabi-light-page .ukl-nr-hr-txt .fusion-column-wrapper{ row-gap:18px; }
.ukabi-light-page .ukl-nr-cyc-txt .ukl-pill,.ukabi-light-page .ukl-nr-hr-txt .ukl-pill{ flex:0 1 auto !important; max-width:100%; }
.ukabi-light-page .ukl-nr-cyc-txt .ukl-title .fusion-title-heading,.ukabi-light-page .ukl-nr-hr-txt .ukl-title .fusion-title-heading{ font-size:clamp(30px,3.6vw,46px) !important; }
.ukabi-light-page .ukl-nr-cyc-txt .fusion-text p,.ukabi-light-page .ukl-nr-hr-txt .fusion-text p{ color:var(--ukl-muted); font-size:16.5px; }
.ukabi-light-page .ukl-nr-steps{ grid-template-columns:minmax(0,1fr); gap:6px !important; margin-top:6px !important; counter-reset:uky; }
.ukabi-light-page .ukl-nr-steps > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-nr-steps .content-box-column{ counter-increment:uky; position:relative; padding:12px 14px 12px 50px !important; border-radius:14px; border:1px solid transparent; cursor:pointer; transition:all .35s; }
.ukabi-light-page .ukl-nr-steps .content-box-column::before{ content:counter(uky,decimal-leading-zero); position:absolute; left:14px; top:14px; font:700 12px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukabi-light-page .ukl-sec .ukl-nr-steps .content-box-heading{ font-size:15.5px !important; font-weight:700 !important; margin:0 !important; }
.ukabi-light-page .ukl-sec .ukl-nr-steps .content-container{ font-size:13.5px !important; }
.ukabi-light-page .ukl-nr-steps.uky-js .content-container{ max-height:0; overflow:hidden; opacity:0; transition:max-height .4s,opacity .4s,margin .4s; }
.ukabi-light-page .ukl-nr-steps .content-box-column.uky-on{ background:#fff !important; border-color:var(--ukl-ink); box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-nr-steps .content-box-column.uky-on::before{ color:var(--ukl-coral-d); }
.ukabi-light-page .ukl-nr-steps.uky-js .content-box-column.uky-on .content-container{ max-height:80px; opacity:1; margin-top:3px; }
.ukabi-light-page .ukl-mock--nrwheel .fusion-column-wrapper{ justify-content:center; }
@media (min-width:1025px){
  .ukabi-light-page .ukl-nr-cyc-sec > .fusion-row{ align-items:stretch !important; }
  .ukabi-light-page .ukl-nr-cyc-txt{ align-self:center !important; }
  .ukabi-light-page .ukl-mock--nrwheel{ align-self:flex-start !important; position:sticky !important; top:calc(50vh - 230px); }
  .ukabi-light-page .ukl-nr-steps{ gap:44px !important; margin-bottom:18vh !important; }
}
.uky-wheel{ position:relative; flex:0 0 auto !important; width:min(460px,100%); aspect-ratio:1; margin-inline:auto !important; }
.uky-wheel svg{ width:100%; height:100%; overflow:visible; display:block; }
.uky-wheel .w1{ fill:none; stroke:var(--ukl-line); stroke-width:2; }
.uky-wheel .w2{ fill:none; stroke:rgba(15,32,108,.13); stroke-width:1.5; stroke-dasharray:4 6; }
.uky-wheel .wl circle{ fill:#fff; stroke:var(--ukl-line); stroke-width:2; transition:fill .4s,stroke .4s; }
.uky-wheel .wl text{ font:700 13px var(--ukl-display); fill:var(--ukl-muted); text-anchor:middle; transition:fill .4s; }
.uky-wheel .wl.on circle{ fill:var(--ukl-ink); stroke:var(--ukl-ink); }
.uky-wheel .wl.on text{ fill:var(--ukl-ink); }
.uky-wheel .wl .nm{ font:700 11px var(--ukl-mono); fill:var(--ukl-muted); }
.uky-wheel .wl.on .nm{ fill:#fff; }
.uky-wheel .hub{ position:absolute; inset:26%; border-radius:50%; background:linear-gradient(135deg,#0F206C,#26379E 60%,#3B2F8F); color:#fff; display:grid; place-content:center; text-align:center; gap:4px; box-shadow:var(--ukl-shadow-lg); }
.uky-wheel .hub small{ font:700 12px/1 var(--ukl-mono); color:#FF9AA6; }
.uky-wheel .hub b{ font:800 clamp(20px,2.2vw,26px)/1.1 var(--ukl-display); letter-spacing:-.02em; }
.uky-wheel .hub span{ font:400 10.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.6); }
.uky-wheel .ptr{ position:absolute; left:50%; top:-3%; transform:translateX(-50%); width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:14px solid var(--ukl-coral); }
@media (max-width:1024px){ .ukabi-light-page .ukl-mock--nrwheel{ order:-1; margin-bottom:30px !important; } .uky-wheel{ max-width:340px; } }

/* ---------- a3HRgo ---------- */
.ukabi-light-page .ukl-nr-hr-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-mock--nrphone .fusion-column-wrapper{ justify-content:center; }
.uky-phone{ flex:0 0 auto !important; width:300px; max-width:100%; height:600px; border-radius:44px; background:#0F1640; padding:12px; box-shadow:var(--ukl-shadow-lg); }
.uky-phone .scr{ height:100%; border-radius:34px; background:linear-gradient(180deg,#F4F6FD,#E6EAF8); overflow:hidden; display:grid; grid-template-rows:auto auto 1fr; gap:12px; padding:16px; }
.uky-phone .st{ display:flex; justify-content:space-between; font-size:12px; font-weight:700; color:var(--ukl-ink); }
.uky-phone .hi{ background:#fff; border-radius:18px; padding:14px; display:grid; gap:2px; box-shadow:var(--ukl-shadow); }
.uky-phone .hi small{ font-size:12px; color:var(--ukl-muted); } .uky-phone .hi b{ color:var(--ukl-ink); } .uky-phone .hi span{ font:800 24px/1.2 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.uky-phone .stack{ display:grid; align-content:start; gap:8px; }
.uky-phone .nt{ display:grid; grid-template-columns:34px 1fr; gap:10px; align-items:center; background:#fff; border-radius:16px; padding:11px 12px; box-shadow:0 10px 24px -14px rgba(15,32,108,.45); animation:ukyIn .6s cubic-bezier(.2,.8,.2,1); transition:opacity .4s,transform .4s; }
@keyframes ukyIn{ from{ opacity:0; transform:translateY(-22px) scale(.95); } }
.uky-phone .nt i{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; font-style:normal; font-weight:800; font-size:14px; color:#fff; background:var(--ukl-ink); }
.uky-phone .nt.g i{ background:var(--ukl-green); } .uky-phone .nt.c i{ background:var(--ukl-coral); } .uky-phone .nt.b i{ background:#B04BD8; }
.uky-phone .nt b{ display:block; font-size:13px; color:var(--ukl-ink); line-height:1.25; } .uky-phone .nt span{ font-size:11.5px; color:var(--ukl-muted); }
.uky-phone .nt.old{ opacity:.55; transform:scale(.97); }
.ukabi-light-page .ukl-nr-ck{ display:grid !important; gap:10px; margin:0 !important; }
.ukabi-light-page .ukl-nr-ck .fusion-li-item{ position:relative; margin:0 !important; padding:0 0 0 30px !important; background:none !important; }
.ukabi-light-page .ukl-nr-ck .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-nr-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-nr-ck .fusion-li-item-content{ margin:0 !important; font-weight:600; color:var(--ukl-ink); }
.ukabi-light-page .ukl-nr-note2 p{ font:400 12px/1.4 var(--ukl-mono) !important; color:var(--ukl-muted) !important; }
@media (max-width:1024px){ .ukabi-light-page .ukl-mock--nrphone{ order:2; margin-top:40px !important; } .uky-phone{ height:520px; } }

/* ---------- Expert AI + TÁNDEM ---------- */
.ukabi-light-page .ukl-nr-ai-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-nr-ai{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px !important; }
.ukabi-light-page .ukl-nr-ai > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-nr-ai .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:26px; padding:30px !important; }
.ukabi-light-page .ukl-nr-ai .content-box-column:nth-child(2){ background:linear-gradient(160deg,#0a1336,#0F206C) !important; border-color:#0a1336; }
.ukabi-light-page .ukl-sec .ukl-nr-ai .content-box-heading{ 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-nr-ai .content-box-column:nth-child(2) .content-box-heading{ color:#fff !important; }
.ukabi-light-page .ukl-sec .ukl-nr-ai .content-container{ font-size:15px !important; }
.ukabi-light-page .ukl-sec .ukl-nr-ai .content-box-column:nth-child(2) .content-container{ color:rgba(255,255,255,.75) !important; }
.ukabi-light-page .ukl-nr-ai .content-box-column:nth-child(2) .ukl-nr-k{ color:#FF9AA6 !important; }
.uky-chat{ position:relative; margin-top:18px; background:#F1F3FB; border:1px solid var(--ukl-line); border-radius:18px; padding:16px; display:grid; gap:10px; min-height:170px; align-content:start; }
.uky-chat .q{ justify-self:end; max-width:85%; background:var(--ukl-ink); color:#fff; border-radius:16px 16px 4px 16px; padding:10px 13px; font-size:13px; line-height:1.45; min-height:38px; }
.uky-chat .a{ display:grid; grid-template-columns:28px 1fr; gap:10px; align-items:start; }
.uky-chat .a i{ width:28px; height:28px; border-radius:9px; display:grid; place-items:center; font-style:normal; font-weight:800; font-size:10.5px; color:#fff; background:linear-gradient(135deg,var(--ukl-coral),#B04BD8); }
.uky-chat .a span{ background:#fff; border:1px solid var(--ukl-line); border-radius:4px 16px 16px 16px; padding:10px 13px; font-size:13px; line-height:1.45; color:var(--ukl-text); min-height:38px; }
.uky-chat .cur::after{ content:"▍"; color:var(--ukl-coral); animation:ukyBl 1s steps(1) infinite; }
@keyframes ukyBl{ 50%{ opacity:0; } }
.uky-chat .ex3{ position:absolute; top:-9px; right:14px; font:700 9px/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:4px 8px; }
.uky-tdm{ margin-top:18px; display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:10px; align-items:center; }
.uky-tdm .nd{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:16px; padding:14px; display:grid; gap:3px; text-align:center; }
.uky-tdm .nd b{ color:#fff; } .uky-tdm .nd span{ font-size:11.5px; color:rgba(255,255,255,.65); }
.uky-tdm .mid{ position:relative; height:60px; }
.uky-tdm .ln{ position:absolute; left:0; right:0; top:50%; height:2px; background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 6px,transparent 6px 12px); }
.uky-tdm .doc{ position:absolute; top:50%; left:0; z-index:2; transform:translateY(-50%); background:#fff; color:var(--ukl-ink); border-radius:10px; padding:7px 10px; font-size:11.5px; font-weight:700; white-space:nowrap; box-shadow:0 10px 24px -10px rgba(0,0,0,.5); transition:left 1.6s cubic-bezier(.6,0,.3,1); }
@media (max-width:900px){ .ukabi-light-page .ukl-nr-ai{ grid-template-columns:minmax(0,1fr); } }
@media (max-width:480px){ .uky-tdm{ grid-template-columns:minmax(0,1fr); } .uky-tdm .mid{ height:40px; } .ukabi-light-page .ukl-nr-ai .content-box-column{ padding:22px !important; } }

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

@media (prefers-reduced-motion:reduce){ .uky-phone *,.uky-chat *{ animation:none !important; } }
.ukabi-light-page .ukl-nr-lnk a::after{ color:inherit !important; }