/* =====================================================================
   UKABI · Página a3asesor Nómina (a3asesor | nom + a3HRgo)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-nom-*;
   piezas que inserta ukabi-light-nom.js: ukn-*.
   ===================================================================== */

/* ---------- HERO ---------- */
.ukabi-light-page .ukl-nom-hero{ padding-top:70px !important; padding-bottom:40px !important; }
.ukabi-light-page .ukl-nom-hero > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-nom-copy .fusion-column-wrapper{ max-width:none; margin-inline:0; justify-content:flex-start !important; text-align:left; row-gap:22px; }
.ukabi-light-page .ukl-nom-copy .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-nom-copy .ukl-h1 .fusion-title-heading{ text-align:left !important; font-size:clamp(36px,4.3vw,58px) !important; line-height:1.03 !important; }
.ukabi-light-page .ukl-nom-copy .ukl-lead{ max-width:560px; margin-inline:0 !important; }
.ukabi-light-page .ukl-nom-copy .ukl-lead p{ font-size:18.5px !important; }
.ukabi-light-page .ukl-nom-copy .ukl-lead strong{ color:var(--ukl-ink); font-weight:600; }
.ukabi-light-page .ukl-nom-kchips{ display:flex !important; flex-wrap:wrap; gap:8px; margin:4px 0 0 !important; }
.ukabi-light-page .ukl-nom-kchips .fusion-li-item{ margin:0 !important; padding:9px 13px !important; background:#fff; border:1px solid var(--ukl-line); border-radius:999px; }
.ukabi-light-page .ukl-nom-kchips .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-nom-kchips .fusion-li-item-content{ margin:0 !important; font:600 13px/1.2 var(--ukl-display) !important; color:var(--ukl-muted); }
.ukabi-light-page .ukl-nom-kchips strong{ font-size:15px; font-weight:800; color:var(--ukl-ink); margin-right:4px; }
@media (max-width:1024px){
  .ukabi-light-page .ukl-nom-copy .fusion-column-wrapper{ justify-content:center !important; text-align:center; }
  .ukabi-light-page .ukl-nom-copy .ukl-h1 .fusion-title-heading{ text-align:center !important; }
  .ukabi-light-page .ukl-nom-copy .ukl-lead{ margin-inline:auto !important; }
  .ukabi-light-page .ukl-nom-kchips{ justify-content:center; }
  .ukabi-light-page .ukl-mock--nomslip{ margin-top:40px !important; }
}

/* escena: la nómina se calcula sola */
.ukn-scene{ position:relative; aspect-ratio:1/1.08; max-width:600px; width:100%; margin-inline:auto; perspective:1400px; text-align:left; }
.ukn-fan{ position:absolute; left:4%; top:13%; width:64%; height:80%; }
.ukn-fan i{ position:absolute; inset:0; border-radius:18px; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow); transform-origin:50% 90%; opacity:0; }
.ukn-fan i::before{ content:""; position:absolute; left:8%; right:8%; top:9%; height:10%; border-radius:8px; background:var(--ukl-bg-2); }
.ukn-fan i::after{ content:""; position:absolute; left:8%; right:30%; top:26%; height:52%; background:repeating-linear-gradient(180deg,#EEF0FA 0 8px,transparent 8px 22px); }
.ukn-slip{ position:absolute; left:4%; top:13%; width:64%; border-radius:18px; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); overflow:hidden; z-index:3; }
.ukn-sh{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; padding:16px 18px; background:var(--ukl-ink); color:#fff; }
.ukn-sh b{ display:block; font:800 14px/1.25 var(--ukl-display); color:#fff; }
.ukn-sh small{ display:block; font:400 10.5px/1.4 var(--ukl-mono); color:rgba(255,255,255,.66); margin-top:3px; }
.ukn-sh .per{ text-align:right; }
.ukn-meta{ display:flex; justify-content:space-between; gap:10px; padding:10px 18px; font:400 10.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); border-bottom:1px dashed var(--ukl-line); }
.ukn-meta .tag{ color:var(--ukl-green); font-weight:700; opacity:0; }
.ukn-sb{ position:relative; padding:10px 18px 62px; display:grid; gap:2px; }
.ukn-grp{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-coral-d); padding:10px 0 5px; }
.ukn-ln{ display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; padding:5px 0; font-size:12.5px; line-height:1.3; color:var(--ukl-text); border-radius:4px; }
.ukn-ln span{ position:relative; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ukn-ln b{ position:relative; font:700 12.5px/1 var(--ukl-mono); color:var(--ukl-ink); font-variant-numeric:tabular-nums; min-width:74px; text-align:right; }
.ukn-ln.pend span,.ukn-ln.pend b{ color:transparent; }
.ukn-ln.pend span::after,.ukn-ln.pend b::after{ content:""; position:absolute; left:0; top:50%; translate:0 -50%; height:8px; width:70%; border-radius:4px; background:#EEF0FA; }
.ukn-ln.pend b::after{ left:auto; right:0; width:60px; }
.ukn-ln.tot{ border-top:1px solid var(--ukl-line); margin-top:4px; padding-top:8px; font-weight:700; }
.ukn-ln.tot span{ color:var(--ukl-ink); }
.ukn-sf{ display:flex; justify-content:space-between; align-items:center; padding:14px 18px; background:var(--ukl-bg); border-top:1px solid var(--ukl-line); }
.ukn-sf small{ font:700 10px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); }
.ukn-sf b{ font:800 26px/1 var(--ukl-display); letter-spacing:-.03em; color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukn-sf b em{ font-style:normal; font-size:.6em; color:var(--ukl-muted); margin-left:3px; }
.ukn-scan{ position:absolute; left:0; right:0; height:46px; top:0; pointer-events:none; opacity:0; z-index:2; background:linear-gradient(180deg,transparent,rgba(253,73,92,.1) 60%,rgba(253,73,92,.55) 96%,transparent); }
.ukn-stamp{ position:absolute; right:16px; bottom:68px; z-index:4; display:inline-flex; align-items:center; gap:6px; font:700 10px/1.2 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-green);
  border:2px solid var(--ukl-green); border-radius:8px; padding:7px 9px; background:rgba(255,255,255,.92); rotate:-8deg; opacity:0; }
.ukn-batch{ position:absolute; left:0; top:0; z-index:5; display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:10px 14px 10px 10px; box-shadow:var(--ukl-shadow-lg); opacity:0; }
.ukn-batch > i{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--ukl-ink); color:#fff; font:800 13px/1 var(--ukl-display); font-style:normal; }
.ukn-batch b{ display:block; font:700 14px/1.1 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukn-batch small{ display:block; font:400 10.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukn-batch .bar{ height:4px; border-radius:4px; background:var(--ukl-bg-2); margin-top:6px; overflow:hidden; width:150px; }
.ukn-batch .bar u{ display:block; height:100%; width:0; background:linear-gradient(90deg,var(--ukl-ink),var(--ukl-coral)); }
.ukn-phone{ position:absolute; right:0; bottom:2%; z-index:6; width:33%; aspect-ratio:9/18.5; border-radius:30px; background:#0B1450; padding:9px; box-shadow:0 40px 80px -24px rgba(15,32,108,.55); opacity:0; }
.ukn-phone .scr{ position:relative; height:100%; border-radius:22px; background:linear-gradient(180deg,#EEF0FA,#fff 40%); overflow:hidden; padding:30px 10px 10px; }
.ukn-phone .scr::before{ content:""; position:absolute; left:50%; top:9px; translate:-50% 0; width:34%; height:12px; border-radius:9px; background:#0B1450; }
.ukn-phone .clk{ text-align:center; font:800 30px/1 var(--ukl-display); color:var(--ukl-ink); letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.ukn-phone .dt{ text-align:center; font:400 9.5px/1.4 var(--ukl-mono); color:var(--ukl-muted); margin-top:4px; }
.ukn-notif{ margin-top:16px; background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:10px; box-shadow:var(--ukl-shadow); display:grid; gap:4px; opacity:0; }
.ukn-notif .ap{ display:flex; align-items:center; gap:6px; font:700 9px/1 var(--ukl-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--ukl-muted); }
.ukn-notif .ap i{ width:14px; height:14px; border-radius:4px; background:linear-gradient(135deg,#1E6FD9,#0F206C); }
.ukn-notif b{ font:700 11.5px/1.3 var(--ukl-display); color:var(--ukl-ink); }
.ukn-notif small{ font-size:10.5px; color:var(--ukl-muted); line-height:1.35; }
.ukn-notif .amt{ font:700 12px/1 var(--ukl-mono); color:var(--ukl-green); }
@media (max-width:600px){
  .ukn-scene{ aspect-ratio:auto; padding:70px 0 250px; }
  .ukn-slip{ position:relative; left:auto; top:auto; width:92%; }
  .ukn-fan{ top:70px; left:0; width:92%; height:calc(100% - 330px); }
  .ukn-phone{ width:34%; right:4%; bottom:0; border-radius:24px; }
  .ukn-sh,.ukn-meta,.ukn-sb,.ukn-sf{ padding-inline:13px; }
  .ukn-sh b{ font-size:12.5px; } .ukn-meta{ font-size:9.5px; }
  .ukn-ln{ font-size:11px; } .ukn-ln b{ font-size:11px; min-width:60px; }
  .ukn-sf b{ font-size:21px; }
  .ukn-sb{ padding-bottom:62px; } .ukn-stamp{ bottom:68px; right:10px; font-size:9px; }
  .ukn-batch{ padding:8px 10px 8px 8px; } .ukn-batch .bar{ width:110px; }
}

/* ---------- Suite a3asesor ---------- */
.ukabi-light-page .ukl-nom-suite-sec{ padding-top:90px !important; padding-bottom:40px !important; }
.ukabi-light-page .ukl-nom-suite > .fusion-column-wrapper{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:28px; padding:40px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-nom-suite .fusion-builder-row-inner{ align-items:center; }
.ukabi-light-page .ukl-nom-suite-txt .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-nom-suite-txt .fusion-text p{ color:var(--ukl-muted); font-size:16px; }
.ukabi-light-page .ukl-nom-areas{ grid-template-columns:repeat(3,1fr); gap:12px !important; }
.ukabi-light-page .ukl-nom-areas .content-box-column{ border-radius:18px; border:1px solid var(--ukl-line); padding:18px !important; background:#F1F3FB; transition:background .5s,border-color .5s,box-shadow .5s,transform .5s; }
.ukabi-light-page .ukl-nom-areas .content-box-column::before{ content:"Área"; display:block; font:700 10px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); margin-bottom:10px; }
.ukabi-light-page .ukl-sec .ukl-nom-areas .content-box-heading{ font-size:15px !important; margin-bottom:10px !important; }
.ukabi-light-page .ukl-sec .ukl-nom-areas .content-container{ font:700 11px/1.7 var(--ukl-mono) !important; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-nom-areas .content-box-column.ukn-on{ background:var(--ukl-ink); border-color:var(--ukl-ink); box-shadow:0 24px 50px -20px rgba(15,32,108,.55); transform:translateY(-6px); }
.ukabi-light-page .ukl-nom-areas .content-box-column.ukn-on::before{ color:var(--ukl-coral); }
.ukabi-light-page .ukl-sec .ukl-nom-areas .content-box-column.ukn-on .content-box-heading{ color:#fff !important; }
.ukabi-light-page .ukl-sec .ukl-nom-areas .content-box-column.ukn-on .content-container{ color:rgba(255,255,255,.85) !important; }
@media (max-width:1024px){ .ukabi-light-page .ukl-nom-areas-col{ margin-top:24px !important; } }
@media (max-width:900px){ .ukabi-light-page .ukl-nom-suite > .fusion-column-wrapper{ padding:26px !important; } .ukabi-light-page .ukl-nom-areas{ grid-template-columns:1fr; } }

/* ---------- Manifiesto ---------- */
.ukabi-light-page .ukl-nom-manif-sec{ padding-top:70px !important; padding-bottom:30px !important; }
.ukabi-light-page .ukl-nom-manif > .fusion-column-wrapper{ max-width:1020px; margin-inline:auto; }
.ukabi-light-page .ukl-nom-big p{ font:700 clamp(28px,3.6vw,46px)/1.22 var(--ukl-display) !important; letter-spacing:-.03em; color:var(--ukl-ink); text-wrap:pretty; }
.ukabi-light-page .ukl-nom-big .ukn-mw{ color:#B9BFD9; }

/* ---------- Por qué ---------- */
.ukabi-light-page .ukl-nom-keys{ grid-template-columns:repeat(4,1fr); gap:16px !important; }
.ukabi-light-page .ukl-nom-keys .content-box-column{ background:#fff; border:1px solid var(--ukl-line); border-radius:22px; padding:26px !important; transition:transform .3s,box-shadow .3s; }
.ukabi-light-page .ukl-nom-keys .content-box-column:hover{ transform:translateY(-4px); box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-sec .ukl-nom-keys .content-box-heading{ font-size:18px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-nom-stats-col{ margin-top:28px !important; }
.ukabi-light-page .ukl-nom-stats{ background:#fff; border:1px solid var(--ukl-line) !important; border-radius:24px; box-shadow:var(--ukl-shadow); overflow:hidden; }
@media (max-width:980px){ .ukabi-light-page .ukl-nom-keys{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .ukabi-light-page .ukl-nom-keys{ grid-template-columns:1fr; } }

/* ---------- Anatomía de una nómina ---------- */
.ukabi-light-page .ukl-nom-anat-head .fusion-title-heading{ font-size:clamp(30px,3.4vw,46px) !important; }
.ukabi-light-page .ukl-nom-steps{ grid-template-columns:repeat(3,1fr); }
.ukabi-light-page .ukl-nom-steps .content-box-column{ background:#fff; border:1px solid var(--ukl-line); border-radius:18px; padding:22px !important; }
.ukabi-light-page .ukl-mock--nomanat{ display:none; }
.ukabi-light-page .ukl-nom-anat-sec.ukn-built .ukl-nom-steps-col{ display:none !important; }
.ukabi-light-page .ukl-nom-anat-sec.ukn-built .ukl-mock--nomanat{ display:block; margin-top:34px !important; }
.ukn-anat{ display:grid; gap:26px; }
.ukn-agrid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; max-width:1100px; width:100%; margin-inline:auto; }
.ukn-aslip{ position:relative; border-radius:18px; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); max-width:460px; width:100%; justify-self:end; text-align:left; }
.ukn-aslip .ukn-sh{ border-radius:18px 18px 0 0; }
.ukn-ablk{ position:relative; padding:4px 18px; border-radius:12px; background:#fff; transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .45s,box-shadow .45s; }
.ukn-aslip.go .ukn-ablk{ opacity:.28; }
.ukn-aslip.go .ukn-ablk.on{ opacity:1; transform:translateX(-34px) scale(1.04); box-shadow:0 24px 50px -18px rgba(15,32,108,.35),0 0 0 2px var(--ukl-coral); z-index:2; }
.ukn-ablk .ukn-ln b{ min-width:64px; }
.ukn-ablk.liq{ display:flex; justify-content:space-between; align-items:center; padding:14px 18px; background:var(--ukl-bg); border-top:1px solid var(--ukl-line); border-radius:0 0 18px 18px; }
.ukn-ablk.liq small{ font:700 10px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); }
.ukn-ablk.liq b{ font:800 24px/1 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukn-aslip.go .ukn-ablk.liq.on{ border-radius:14px; }
.ukn-anote{ position:relative; min-height:270px; text-align:left; }
.ukn-anote article{ position:absolute; inset:0; display:grid; gap:14px; align-content:center; opacity:0; translate:30px 0; transition:opacity .45s,translate .45s; }
.ukn-anote article.on{ opacity:1; translate:0 0; }
.ukn-anote .k{ justify-self:start; font:700 11px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:#fff; background:var(--ukl-ink); padding:8px 12px; border-radius:999px; }
.ukn-anote .k.c{ background:var(--ukl-coral); }
.ukn-anote h3{ margin:0 !important; font:800 clamp(24px,2.6vw,34px)/1.12 var(--ukl-display) !important; letter-spacing:-.03em !important; color:var(--ukl-ink) !important; }
.ukn-anote p{ margin:0; color:var(--ukl-muted); font-size:16.5px; line-height:1.6; max-width:460px; }
.ukn-tags{ display:flex; flex-wrap:wrap; gap:6px; }
.ukn-tags span{ font:700 11px/1 var(--ukl-mono); color:var(--ukl-ink); background:#fff; border:1px solid var(--ukl-line); border-radius:8px; padding:7px 9px; }
.ukn-aprog{ display:flex; justify-content:center; gap:8px; }
.ukn-aprog i{ width:8px; height:8px; border-radius:50%; background:var(--ukl-line); transition:all .3s; }
.ukn-aprog i.on{ width:26px; border-radius:9px; background:var(--ukl-coral); }
@media (min-width:1025px){
  .ukabi-light-page .ukl-nom-anat-sec.ukn-pin{ flex-direction:column !important; flex-wrap:nowrap !important; align-items:center; padding-top:0 !important; padding-bottom:0 !important; }
  .ukabi-light-page .ukl-nom-anat-sec.ukn-pin > .fusion-row{ position:sticky; top:0; width:100%; flex:none; height:100vh; margin-inline:auto !important; align-content:center; padding-top:110px; padding-bottom:16px; }
  .ukn-anat-space{ flex:none; width:100%; height:320vh; pointer-events:none; }
}
@media (max-width:1024px){
  .ukn-agrid{ grid-template-columns:1fr; gap:26px; }
  .ukn-aslip{ justify-self:center; }
  .ukn-anote{ min-height:0; display:grid; gap:14px; }
  .ukn-anote article{ position:relative; inset:auto; opacity:1; translate:none; background:#fff; border:1px solid var(--ukl-line); border-radius:18px; padding:20px; }
  .ukn-aprog{ display:none; }
  .ukabi-light-page .ukl-nom-steps{ grid-template-columns:1fr; }
}

/* ---------- Funcionalidades (bento con piezas animadas) ---------- */
.ukabi-light-page .ukl-nom-bento{ grid-template-columns:repeat(3,1fr); gap:16px !important; }
.ukabi-light-page .ukl-nom-bento .content-box-column{ position:relative; overflow:hidden; background:#fff; border:1px solid var(--ukl-line); border-radius:24px; padding:24px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-nom-bento .content-box-wrapper{ display:flex !important; flex-direction:column; height:100%; }
.ukabi-light-page .ukl-sec .ukl-nom-bento .content-box-heading{ font-size:18px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-nom-bento .content-box-column:nth-child(5){ background:#0a1336; border-color:#0a1336; }
.ukabi-light-page .ukl-sec .ukl-nom-bento .content-box-column:nth-child(5) .content-box-heading{ color:#fff !important; }
.ukabi-light-page .ukl-sec .ukl-nom-bento .content-box-column:nth-child(5) .content-container{ color:rgba(255,255,255,.7) !important; }
.ukn-vis{ margin-top:auto; padding-top:16px; }
.ukn-vis > div{ border-radius:14px; background:#F1F3FB; border:1px solid var(--ukl-line); padding:14px; min-height:112px; display:grid; align-content:center; }
.ukabi-light-page .ukl-nom-bento .content-box-column:nth-child(5) .ukn-vis > div{ background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.1); }
.ukn-sim{ gap:10px; }
.ukn-sim .row{ display:flex; justify-content:space-between; align-items:baseline; font:400 11px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukn-sim .row b{ font:800 20px/1 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukn-sim input[type=range]{ width:100%; accent-color:var(--ukl-coral); margin:0; }
.ukn-sim .note{ font:400 10px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukn-hist{ position:relative; gap:9px; padding-left:32px !important; }
.ukn-hist::before{ content:""; position:absolute; left:19px; top:18px; bottom:18px; width:2px; background:var(--ukl-line); }
.ukn-hist span{ position:relative; font:400 11.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukn-hist span::before{ content:""; position:absolute; left:-17px; top:3px; width:10px; height:10px; border-radius:50%; background:#fff; border:2px solid var(--ukl-ink); }
.ukn-hist span b{ color:var(--ukl-ink); font-weight:700; }
.ukn-hist span.c::before{ border-color:var(--ukl-coral); background:var(--ukl-coral); }
.ukn-mass{ grid-template-columns:repeat(3,1fr); gap:8px; text-align:center; }
.ukn-mass span{ background:#fff; border:1px solid var(--ukl-line); border-radius:10px; padding:10px 4px; }
.ukn-mass b{ display:block; font:800 20px/1 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukn-mass small{ display:block; margin-top:5px; font:700 8.5px/1.2 var(--ukl-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--ukl-muted); }
.ukn-rep{ display:flex !important; align-items:flex-end; gap:6px; height:112px; }
.ukn-rep i{ flex:1; border-radius:5px 5px 2px 2px; background:linear-gradient(#8E9BFF,#0F206C); transform-origin:bottom; }
.ukn-rep i:nth-child(3n){ background:linear-gradient(#FF8594,#FD495C); }
.ukn-regs{ display:flex !important; flex-wrap:wrap; gap:6px; align-content:center; }
.ukn-regs span{ font:700 10.5px/1 var(--ukl-mono); color:#fff; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:7px; padding:7px 8px; }
.ukn-tele{ gap:7px; }
.ukn-tele span{ display:flex; justify-content:space-between; align-items:center; font:400 11.5px/1 var(--ukl-mono); color:var(--ukl-muted); background:#fff; border:1px solid var(--ukl-line); border-radius:9px; padding:8px 10px; }
.ukn-tele span b{ color:var(--ukl-ink); font-weight:700; }
.ukn-tele span i{ font-style:normal; font-weight:700; color:#A5ACC8; }
.ukn-tele span.ok i{ color:var(--ukl-green); }
@media (max-width:980px){ .ukabi-light-page .ukl-nom-bento{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .ukabi-light-page .ukl-nom-bento{ grid-template-columns:1fr; } }

/* ---------- Registro salarial ---------- */
.ukabi-light-page .ukl-nom-wage-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-nom-wage-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-nom-wage-txt .fusion-column-wrapper{ padding-right:40px !important; }
.ukabi-light-page .ukl-nom-wage-txt .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-nom-note p{ font:400 12px/1.4 var(--ukl-mono) !important; color:var(--ukl-muted); }
.ukn-chart{ background:#fff; border:1px solid var(--ukl-line); border-radius:24px; padding:26px; box-shadow:var(--ukl-shadow); text-align:left; }
.ukn-chart .top{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:18px; font:700 11px/1.2 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); }
.ukn-chart .leg{ display:flex; gap:14px; }
.ukn-chart .leg span{ display:inline-flex; align-items:center; gap:6px; }
.ukn-chart .leg span::before{ content:""; width:10px; height:10px; border-radius:3px; background:var(--ukl-ink); }
.ukn-chart .leg span.m::before{ background:var(--ukl-coral); }
.ukn-cats{ display:grid; gap:14px; }
.ukn-cat{ display:grid; grid-template-columns:110px 1fr 58px; gap:12px; align-items:center; font-size:13px; color:var(--ukl-text); }
.ukn-cat .bars{ display:grid; gap:4px; }
.ukn-cat .bars i{ display:block; height:10px; border-radius:5px; background:var(--ukl-ink); transform-origin:left; }
.ukn-cat .bars i.m{ background:var(--ukl-coral); }
.ukn-cat b{ font:700 12px/1 var(--ukl-mono); text-align:right; color:var(--ukl-green); }
.ukn-cat b.w{ color:#A86A07; }
.ukn-chart .foot{ margin-top:18px; padding-top:14px; border-top:1px dashed var(--ukl-line); font:400 11px/1.4 var(--ukl-mono); color:var(--ukl-muted); }
@media (max-width:1024px){ .ukabi-light-page .ukl-nom-wage-txt .fusion-column-wrapper{ padding-right:0 !important; } .ukabi-light-page .ukl-mock--nomwage{ margin-top:28px !important; } }
@media (max-width:600px){ .ukn-cat{ grid-template-columns:70px 1fr 50px; } }

/* ---------- a3HRgo (capítulo oscuro) ---------- */
.ukabi-light-page .ukl-nom-hrgo-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-nom-hrgo > .fusion-column-wrapper{ position:relative; overflow:hidden; border-radius:36px; padding:80px 56px !important; row-gap:22px !important; justify-content:center; text-align:center;
  background:linear-gradient(160deg,#0B1548,#101E63 55%,#1A1F5E); }
.ukabi-light-page .ukl-nom-hrgo > .fusion-column-wrapper::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(520px 380px at 85% 20%,rgba(30,111,217,.35),transparent 70%),radial-gradient(480px 360px at 0% 100%,rgba(253,73,92,.22),transparent 70%); }
.ukabi-light-page .ukl-nom-hrgo > .fusion-column-wrapper > *{ position:relative; }
.ukabi-light-page .ukl-nom-hrgo > .fusion-column-wrapper > .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-nom-hrgo > .fusion-column-wrapper > .fusion-title .fusion-title-heading{ color:#fff !important; text-align:center !important; max-width:820px; margin-inline:auto !important; }
.ukabi-light-page .ukl-nom-hrgo > .fusion-column-wrapper > .ukl-lead{ max-width:720px; margin-inline:auto !important; }
.ukabi-light-page .ukl-nom-hrgo .ukl-lead p{ color:rgba(255,255,255,.72) !important; }
.ukabi-light-page .ukl-pill--dark p{ color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); }
.ukabi-light-page .ukl-pill--dark p::before{ box-shadow:0 0 0 4px rgba(253,73,92,.25); }
.ukabi-light-page .ukl-nom-hrgo .fusion-builder-row-inner{ align-items:center; margin-top:34px !important; text-align:left; }
.ukabi-light-page .ukl-nom-feats{ gap:10px !important; }
.ukabi-light-page .ukl-nom-feats .content-box-column{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:16px !important; cursor:pointer; transition:background .3s,border-color .3s; position:relative; overflow:hidden; }
.ukabi-light-page .ukl-nom-feats .content-box-wrapper{ display:grid !important; grid-template-columns:44px 1fr; column-gap:14px; row-gap:3px; align-items:start; }
.ukabi-light-page .ukl-nom-feats .heading{ display:contents !important; }
.ukabi-light-page .ukl-nom-feats .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-sec .ukl-nom-feats .heading .icon{ grid-row:1/3; margin:0 !important; background:rgba(255,255,255,.08); color:#fff; }
.ukabi-light-page .ukl-sec .ukl-nom-feats .content-box-heading{ grid-column:2; color:#fff !important; font-size:16px !important; margin:0 !important; padding:0 !important; }
.ukabi-light-page .ukl-sec .ukl-nom-feats .content-container{ grid-column:2; color:rgba(255,255,255,.66) !important; font-size:14px !important; padding:0 !important; }
.ukabi-light-page .ukl-nom-feats .content-box-column.ukn-on{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.3); }
.ukabi-light-page .ukl-sec .ukl-nom-feats .content-box-column.ukn-on .heading .icon{ background:var(--ukl-coral); }
.ukabi-light-page .ukl-nom-feats .content-box-column:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukn-pb{ position:absolute; left:16px; right:16px; bottom:8px; height:3px; border-radius:3px; background:rgba(255,255,255,.1); overflow:hidden; opacity:0; }
.ukn-pb u{ display:block; height:100%; width:0; background:var(--ukl-coral); }
.ukn-on > .ukn-pb{ opacity:1; }
.ukabi-light-page .ukl-mock--nomphone .fusion-column-wrapper{ justify-content:center !important; }
.ukn-hphone{ flex:0 0 auto !important; width:290px; aspect-ratio:9/18.5; border-radius:42px; background:#050A2E; padding:11px; box-shadow:0 50px 100px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12); text-align:left; }
.ukn-hphone .scr{ position:relative; height:100%; border-radius:32px; background:#F5F7FD; overflow:hidden; color:var(--ukl-text); }
.ukn-hphone .scr::before{ content:""; position:absolute; left:50%; top:10px; translate:-50% 0; width:32%; height:18px; border-radius:12px; background:#050A2E; z-index:3; }
.ukn-hs{ position:absolute; inset:0; padding:44px 16px 16px; display:grid; gap:10px; align-content:start; opacity:0; transform:translateX(24px) scale(.98); transition:opacity .45s,transform .45s; }
.ukn-hs.on{ opacity:1; transform:none; }
.ukn-hs .ttl{ display:flex; justify-content:space-between; align-items:center; font:800 17px/1 var(--ukl-display); color:var(--ukl-ink); }
.ukn-hs .ttl small{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.06em; color:var(--ukl-muted); text-transform:uppercase; }
.ukn-hs .card{ background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:12px; display:grid; gap:6px; }
.ukn-hs .big{ font:800 40px/1 var(--ukl-display); letter-spacing:-.04em; color:var(--ukl-ink); text-align:center; font-variant-numeric:tabular-nums; }
.ukn-hs .sub{ font:400 10.5px/1.4 var(--ukl-mono); color:var(--ukl-muted); text-align:center; }
.ukn-hs .btn2{ display:block; text-align:center; background:var(--ukl-coral); color:#fff; border-radius:12px; padding:13px; font:700 14px/1.2 var(--ukl-display); transition:background .3s; }
.ukn-hs .btn2.ok{ background:var(--ukl-green); }
.ukn-hs .row{ display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--ukl-text); }
.ukn-hs .row b{ font:700 12px/1 var(--ukl-mono); color:var(--ukl-ink); }
.ukn-hs .new{ font:700 9px/1 var(--ukl-mono); text-transform:uppercase; color:#fff; background:var(--ukl-coral); border-radius:5px; padding:4px 5px; }
.ukn-hs .mk{ display:flex; justify-content:space-between; font:400 11px/1.4 var(--ukl-mono); color:var(--ukl-muted); border-top:1px dashed var(--ukl-line); padding-top:6px; }
.ukn-hs .mk:first-child{ border-top:0; padding-top:0; }
.ukn-cal{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; text-align:center; font:400 10px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukn-cal i{ font-style:normal; padding:7px 0; border-radius:7px; }
.ukn-cal i.h{ font-weight:700; color:var(--ukl-ink); }
.ukn-cal i.v{ background:var(--ukl-coral); color:#fff; font-weight:700; }
.ukn-cal i.w{ color:#C5CBE0; }
.ukn-st2{ font:700 10.5px/1.3 var(--ukl-mono); color:#A86A07; background:#FFF3DF; border-radius:8px; padding:8px; text-align:center; }
.ukn-doc2{ display:grid; grid-template-columns:28px 1fr auto; gap:10px; align-items:center; font-size:12px; }
.ukn-doc2 i{ width:28px; height:28px; border-radius:8px; background:var(--ukl-bg-2); display:grid; place-items:center; font:700 9px/1 var(--ukl-mono); font-style:normal; color:var(--ukl-ink); }
.ukn-doc2 em{ font:700 9.5px/1 var(--ukl-mono); font-style:normal; color:var(--ukl-green); }
.ukn-msg2{ background:var(--ukl-ink); color:#fff; border-radius:14px 14px 14px 4px; padding:10px 12px; font-size:12px; line-height:1.45; }
.ukn-msg2 small{ display:block; font:700 9px/1 var(--ukl-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--ukl-coral); margin-bottom:5px; }
/* normativa */
.ukabi-light-page .ukl-nom-law{ grid-template-columns:repeat(4,1fr); gap:12px !important; margin-top:40px !important; text-align:left; }
.ukabi-light-page .ukl-nom-law .content-box-column{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:20px !important; }
.ukabi-light-page .ukl-sec .ukl-nom-law .content-box-heading{ font:800 26px/1.1 var(--ukl-display) !important; letter-spacing:-.03em !important; color:#fff !important; margin-bottom:10px !important; }
.ukabi-light-page .ukl-sec .ukl-nom-law .content-container{ color:rgba(255,255,255,.72) !important; font-size:14px !important; }
/* versiones */
.ukabi-light-page .ukl-nom-hrgo .fusion-builder-row-inner:last-of-type{ margin-top:40px !important; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:24px; padding:28px 14px; }
.ukabi-light-page .ukl-nom-vers-txt .fusion-title-heading{ color:#fff !important; font-size:24px !important; text-align:left !important; }
.ukabi-light-page .ukl-nom-vdesc p{ color:rgba(255,255,255,.7); font-size:14.5px; }
.ukn-tog{ flex:0 0 auto !important; display:inline-flex; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:12px; padding:4px; gap:4px; }
.ukn-tog button{ border:0; background:none; color:rgba(255,255,255,.72); font:600 14px/1 var(--ukl-display); padding:11px 16px; border-radius:9px; cursor:pointer; }
.ukn-tog button.on{ background:#fff; color:var(--ukl-ink); }
.ukn-tog button:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukabi-light-page .ukl-nom-vlist{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:8px; margin:0 !important; }
.ukabi-light-page .ukl-nom-vlist .fusion-li-item{ display:flex !important; align-items:center; gap:8px; margin:0 !important; padding:12px !important; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:12px; transition:opacity .4s,background .4s,border-color .4s,transform .4s; }
.ukabi-light-page .ukl-nom-vlist .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-nom-vlist .fusion-li-item::before{ content:"✓"; display:grid; place-items:center; flex:none; width:20px; height:20px; border-radius:50%; background:rgba(91,224,160,.2); color:#5BE0A0; font:800 11px/1 var(--ukl-display); }
.ukabi-light-page .ukl-nom-vlist .fusion-li-item-content{ margin:0 !important; font-size:13.5px !important; line-height:1.35; color:#fff !important; }
.ukabi-light-page .ukl-nom-vlist .fusion-li-item.ukn-pro{ opacity:.3; }
.ukabi-light-page .ukl-nom-vlist .fusion-li-item.ukn-pro::before{ content:"+"; background:rgba(255,255,255,.1); color:rgba(255,255,255,.6); }
.ukabi-light-page .ukl-nom-vlist.is-pro .fusion-li-item.ukn-pro{ opacity:1; background:rgba(253,73,92,.14); border-color:rgba(253,73,92,.5); transform:translateY(-2px); }
.ukabi-light-page .ukl-nom-vlist.is-pro .fusion-li-item.ukn-pro::before{ content:"✓"; background:var(--ukl-coral); color:#fff; }
.ukabi-light-page .ukl-nom-hrfacts p{ font:400 12.5px/1.6 var(--ukl-mono) !important; color:rgba(255,255,255,.62); text-align:center; }
@media (max-width:1024px){
  .ukabi-light-page .ukl-mock--nomphone{ margin-top:30px !important; }
  .ukabi-light-page .ukl-nom-vers-list{ margin-top:18px !important; }
  .ukabi-light-page .ukl-nom-law{ grid-template-columns:1fr 1fr; }
  .ukabi-light-page .ukl-nom-vlist{ grid-template-columns:1fr 1fr; }
}
@media (max-width:900px){ .ukabi-light-page .ukl-nom-hrgo > .fusion-column-wrapper{ padding:56px 22px !important; border-radius:26px; } .ukn-hphone{ width:260px; } }
@media (max-width:560px){ .ukabi-light-page .ukl-nom-law,.ukabi-light-page .ukl-nom-vlist{ grid-template-columns:1fr; } }

/* ---------- Módulos que se acoplan + Expert AI ---------- */
.ukabi-light-page .ukl-nom-dock{ position:relative; grid-template-columns:1fr auto 1fr; gap:22px 34px !important; align-items:center; max-width:1040px; margin-inline:auto !important; }
.ukn-core{ grid-column:2; grid-row:1; width:230px; 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 40px 80px -24px rgba(15,32,108,.55),0 0 0 14px rgba(15,32,108,.06),0 0 0 28px rgba(15,32,108,.03); }
.ukn-core b{ font:800 24px/1 var(--ukl-display); letter-spacing:-.03em; }
.ukn-core small{ font:700 10px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-coral); }
.ukabi-light-page .ukl-nom-dock .content-box-column{ position:relative; background:#fff; border:1px solid var(--ukl-line); border-radius:20px; padding:22px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-nom-dock .content-box-column:nth-of-type(1){ grid-column:1; grid-row:1; }
.ukabi-light-page .ukl-nom-dock .content-box-column:nth-of-type(2){ grid-column:3; grid-row:1; }
.ukabi-light-page .ukl-nom-dock .content-box-column:nth-of-type(3){ grid-column:1/-1; grid-row:2; justify-self:center; width:100% !important; max-width:420px !important; }
.ukabi-light-page .ukl-nom-dock > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-sec .ukl-nom-dock .content-box-column:nth-of-type(3) .content-box-heading,
.ukabi-light-page .ukl-sec .ukl-nom-dock .content-box-column:nth-of-type(3) .content-container{ text-align:center !important; }
.ukabi-light-page .ukl-nom-dock .content-box-column::after{ content:""; position:absolute; top:50%; width:34px; height:2px; }
.ukabi-light-page .ukl-nom-dock .content-box-column:nth-of-type(1)::after{ right:-35px; background:linear-gradient(90deg,var(--ukl-line),var(--ukl-coral)); }
.ukabi-light-page .ukl-nom-dock .content-box-column:nth-of-type(2)::after{ left:-35px; background:linear-gradient(270deg,var(--ukl-line),var(--ukl-coral)); }
.ukabi-light-page .ukl-nom-dock .content-box-column:nth-of-type(3)::after{ left:50%; top:-24px; width:2px; height:22px; background:linear-gradient(0deg,var(--ukl-line),var(--ukl-coral)); }
.ukabi-light-page .ukl-sec .ukl-nom-dock .content-box-heading{ font-size:18px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-nom-dock a{ display:inline-block; margin-top:6px; font-weight:700; color:var(--ukl-coral-d); text-decoration:none; }
/* con cuatro módulos: dos a cada lado del núcleo, que ocupa las dos filas */
@media (min-width:901px){
  .ukabi-light-page .ukl-nom-dock:has(> .content-box-column:nth-of-type(4)) .ukn-core{ grid-row:1 / span 2; }
  .ukabi-light-page .ukl-nom-dock:has(> .content-box-column:nth-of-type(4)) .content-box-column:nth-of-type(3){ grid-column:1; grid-row:2; justify-self:stretch; max-width:none !important; }
  .ukabi-light-page .ukl-nom-dock .content-box-column:nth-of-type(4){ grid-column:3; grid-row:2; }
  .ukabi-light-page .ukl-sec .ukl-nom-dock:has(> .content-box-column:nth-of-type(4)) .content-box-column:nth-of-type(3) .content-box-heading,
  .ukabi-light-page .ukl-sec .ukl-nom-dock:has(> .content-box-column:nth-of-type(4)) .content-box-column:nth-of-type(3) .content-container{ text-align:left !important; }
  .ukabi-light-page .ukl-nom-dock:has(> .content-box-column:nth-of-type(4)) .content-box-column:nth-of-type(3)::after{ left:auto; right:-35px; top:50%; width:34px; height:2px; background:linear-gradient(90deg,var(--ukl-line),var(--ukl-coral)); }
  .ukabi-light-page .ukl-nom-dock .content-box-column:nth-of-type(4)::after{ left:-35px; background:linear-gradient(270deg,var(--ukl-line),var(--ukl-coral)); }
}
@media (max-width:900px){
  .ukabi-light-page .ukl-nom-dock{ grid-template-columns:1fr; }
  .ukn-core{ grid-column:1; justify-self:center; width:190px; }
  .ukabi-light-page .ukl-nom-dock .content-box-column:nth-of-type(n){ grid-column:1; grid-row:auto; max-width:none !important; justify-self:stretch; }
  .ukabi-light-page .ukl-nom-dock .content-box-column::after{ display:none; }
  .ukabi-light-page .ukl-sec .ukl-nom-dock .content-box-column:nth-of-type(3) .content-box-heading,
  .ukabi-light-page .ukl-sec .ukl-nom-dock .content-box-column:nth-of-type(3) .content-container{ text-align:left !important; }
}
.ukabi-light-page .ukl-nom-xai{ margin-top:40px !important; }
.ukabi-light-page .ukl-nom-xai > .fusion-column-wrapper{ position:relative; overflow:hidden; border-radius:28px; padding:40px 44px !important; background:#0B0F1A !important; }
.ukabi-light-page .ukl-nom-xai > .fusion-column-wrapper::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(460px 320px at 0% 50%,rgba(233,30,99,.22),transparent 70%),radial-gradient(460px 320px at 100% 100%,rgba(0,170,160,.22),transparent 70%); }
.ukabi-light-page .ukl-nom-xai .fusion-builder-row-inner{ position:relative; z-index:1; align-items:center; }
.ukabi-light-page .ukl-nom-xai-txt .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-nom-xai .ukl-title .fusion-title-heading{ color:#fff !important; }
.ukabi-light-page .ukl-nom-xai-txt .fusion-text:not(.ukl-pill) p{ color:rgba(255,255,255,.74); font-size:15.5px; }
.ukabi-light-page .ukl-nom-xai-txt strong{ color:#fff; }
.ukabi-light-page .ukl-nom-xai .fusion-button.ukl-btn--ghost{ background:rgba(255,255,255,.06) !important; color:#fff !important; border-color:rgba(255,255,255,.25) !important; }
.ukabi-light-page .ukl-mock--nomxai .fusion-column-wrapper{ justify-content:center !important; }
.ukn-xmark{ flex:0 0 auto !important; width:170px; aspect-ratio:1; }
.ukn-xmark svg{ width:100%; height:100%; display:block; }
.ukn-xmark path{ fill:none; stroke-width:7; stroke-linecap:round; }
.ukn-xmark .a1{ stroke:#E5202E; } .ukn-xmark .a2{ stroke:#3FA7E0; } .ukn-xmark .a3{ stroke:#fff; } .ukn-xmark .a4{ stroke:#85BC20; }
@media (max-width:1024px){ .ukabi-light-page .ukl-mock--nomxai .fusion-column-wrapper{ justify-content:flex-start !important; } .ukn-xmark{ width:110px; } }
@media (max-width:760px){ .ukabi-light-page .ukl-nom-xai > .fusion-column-wrapper{ padding:30px 22px !important; } }

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

@media (prefers-reduced-motion:reduce){ .ukn-hs,.ukn-anote article,.ukn-ablk{ transition:none !important; } }

/* Pastillas largas: en móvil se reducen y pasan a dos líneas */
@media (max-width:600px){
  .ukabi-light-page :is(.ukl-nom-copy,.ukl-nom-suite-txt,.ukl-nom-wage-txt,.ukl-nom-hrgo,.ukl-nom-xai-txt) .ukl-pill{ flex:0 1 auto !important; max-width:100%; }
  .ukabi-light-page :is(.ukl-nom-copy,.ukl-nom-suite-txt,.ukl-nom-wage-txt,.ukl-nom-hrgo,.ukl-nom-xai-txt) .ukl-pill p{ white-space:normal; line-height:1.4; }
}