/* =====================================================================
   UKABI · Página netTime one (Control de presencia · Grupo SPEC)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-nt-*;
   piezas que inserta ukabi-light-nt.js: ukh-*.
   ===================================================================== */

/* ---------- HERO (dos columnas: texto + escena) ---------- */
.ukabi-light-page .ukl-nt-hero{ padding-top:96px !important; padding-bottom:40px !important; overflow-x:clip; }
.ukabi-light-page .ukl-nt-hero > .fusion-row{ max-width:1240px !important; align-items:center !important; }
.ukabi-light-page .ukl-nt-copy .fusion-column-wrapper{ max-width:none; margin:0; justify-content:flex-start; text-align:left; row-gap:22px; padding-right:28px !important; }
.ukabi-light-page .ukl-nt-copy .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-nt-copy .ukl-h1 .fusion-title-heading{ display:grid; gap:10px; text-align:left !important; font-size:clamp(30px,3.2vw,44px) !important; line-height:1.08 !important; letter-spacing:-.04em !important; }
.ukabi-light-page .ukl-nt-copy .ukl-h1 .fusion-title-heading > em,
.ukabi-light-page .ukl-nt-copy .ukl-h1 .fusion-title-heading > .ukl-w:first-child{ white-space:nowrap; font-size:clamp(48px,5.6vw,84px); letter-spacing:-.055em; line-height:.95; }
.ukabi-light-page .ukl-nt-copy .ukl-h1 em{ display:inline-block; margin-right:0; padding:0 .12em .08em 0; }
.ukabi-light-page .ukl-nt-copy .ukl-h1 .ukl-nt-h1s{ display:block; }
.ukabi-light-page .ukl-nt-copy .ukl-lead{ max-width:560px; margin-inline:0 !important; }
.ukabi-light-page .ukl-nt-copy .ukl-lead p{ font-size:18px !important; }
.ukabi-light-page .ukl-nt-copy .ukl-lead strong{ color:var(--ukl-ink); font-weight:600; }
.ukabi-light-page .ukl-nt-kchips{ display:flex !important; flex-wrap:wrap; gap:8px; margin:0 !important; }
.ukabi-light-page .ukl-nt-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-nt-kchips .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-nt-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-nt-kchips strong{ font-size:15px; font-weight:800; color:var(--ukl-ink); margin-right:4px; }
@media (max-width:1024px){
  .ukabi-light-page .ukl-nt-copy .fusion-column-wrapper{ padding-right:0 !important; align-items:center; text-align:center; }
  .ukabi-light-page .ukl-nt-copy .ukl-h1 .fusion-title-heading{ text-align:center !important; justify-items:center; }
  .ukabi-light-page .ukl-nt-copy .ukl-lead{ margin-inline:auto !important; }
  .ukabi-light-page .ukl-nt-kchips{ justify-content:center; }
  .ukabi-light-page .ukl-mock--ntscene{ margin-top:48px !important; }
}

/* escena: terminal, tarjeta virtual y movimientos */
.ukh-scene{ position:relative; flex:0 0 auto !important; width:100%; max-width:600px; margin-inline:auto !important; aspect-ratio:1/1.02; text-align:left; }
.ukh-term{ position:absolute; left:4%; top:5%; width:33%; aspect-ratio:.72; border-radius:26px; background:linear-gradient(160deg,#1B2350,#0A1033); box-shadow:0 40px 80px -30px rgba(10,16,51,.7),inset 0 0 0 1px rgba(255,255,255,.08); padding:14px; display:grid; grid-template-rows:1fr auto; gap:12px; z-index:2; }
.ukh-term .lbl{ position:absolute; left:50%; top:-22px; translate:-50% 0; font:700 10px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); white-space:nowrap; }
.ukh-term .scr{ border-radius:14px; background:linear-gradient(180deg,#101a4a,#0b1238); border:1px solid rgba(255,255,255,.08); display:grid; place-content:center; text-align:center; gap:6px; color:#fff; padding:10px; }
.ukh-term .scr small{ font:700 9px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.ukh-term .scr b{ font:800 34px/1 var(--ukl-display); letter-spacing:-.03em; font-variant-numeric:tabular-nums; color:#fff; }
.ukh-term .scr .msg{ font:400 11px/1.35 var(--ukl-mono); color:rgba(255,255,255,.7); min-height:30px; }
.ukh-term .scr.ok .msg{ color:#5BE0A0; }
.ukh-term .reader{ justify-self:center; width:62px; height:62px; border-radius:50%; border:2px solid rgba(255,255,255,.15); display:grid; place-items:center; }
.ukh-term .reader::before{ content:""; width:22px; height:22px; border-radius:50%; background:#3A4A9A; transition:background .3s,box-shadow .3s; }
.ukh-term .reader.on::before{ background:#5BE0A0; box-shadow:0 0 18px #5BE0A0; }
.ukh-ring{ position:absolute; z-index:6; border-radius:50%; border:2px solid rgba(30,111,217,.55); pointer-events:none; opacity:0; }
.ukh-vphone{ position:absolute; left:42%; top:10%; width:20%; aspect-ratio:9/18; border-radius:20px; background:#0B1450; padding:6px; box-shadow:0 30px 60px -24px rgba(15,32,108,.6); z-index:4; }
.ukh-vphone .s{ height:100%; border-radius:15px; background:linear-gradient(170deg,#1E6FD9,#0F206C); color:#fff; display:grid; align-content:center; justify-items:center; gap:6px; text-align:center; padding:8px; }
.ukh-vphone svg{ width:26px; height:26px; }
.ukh-vphone b{ font:800 11px/1.2 var(--ukl-display); color:#fff; }
.ukh-vphone small{ font:400 8.5px/1.3 var(--ukl-mono); color:rgba(255,255,255,.75); }
.ukh-dash{ position:absolute; right:0; bottom:0; width:70%; border-radius:22px; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); padding:16px; z-index:3; display:grid; gap:12px; }
.ukh-dash .dh{ display:flex; justify-content:space-between; align-items:center; gap:8px; font:700 10.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); }
.ukh-dash .dh b{ color:var(--ukl-ink); }
.ukh-cal{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
.ukh-cal i{ aspect-ratio:1.4; border-radius:5px; background:#E3F5EC; font:700 8.5px/1 var(--ukl-mono); font-style:normal; color:rgba(15,32,108,.45); display:grid; place-items:center; transition:background .4s,transform .3s; }
.ukh-cal i.w{ background:#EEF0FA; color:#C5CBE0; }
.ukh-cal i.v{ background:#E6E3FA; color:#7B6FD6; }
.ukh-cal i.an{ background:#FFF3DF; color:#A86A07; }
.ukh-cal i.f{ background:#F5F7FD; color:#C5CBE0; }
.ukh-cal i.today{ background:var(--ukl-ink); color:#fff; transform:scale(1.12); box-shadow:0 6px 14px -6px rgba(15,32,108,.6); }
.ukh-cal i.today.ok{ background:var(--ukl-green); }
.ukh-kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.ukh-kpis div{ border-radius:10px; background:#F1F3FB; border:1px solid var(--ukl-line); padding:9px 10px; }
.ukh-kpis small{ display:block; font:700 8.5px/1 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-muted); }
.ukh-kpis b{ display:block; margin-top:5px; font:800 20px/1 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukh-kpis div.an b{ color:#A86A07; }
.ukh-toast{ position:absolute; right:0; top:22%; z-index:5; width:214px; display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:10px 12px; box-shadow:var(--ukl-shadow-lg); opacity:0; }
.ukh-toast > i{ flex:none; width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--ukl-green-soft); color:var(--ukl-green); font-style:normal; font-weight:800; }
.ukh-toast b{ display:block; font:700 12.5px/1.3 var(--ukl-display); color:var(--ukl-ink); }
.ukh-toast small{ display:block; font:400 10.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukh-meth{ position:absolute; left:0; bottom:6%; z-index:5; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.ukh-meth span{ font:700 10px/1 var(--ukl-mono); letter-spacing:.06em; color:var(--ukl-muted); background:#fff; border:1px solid var(--ukl-line); border-radius:999px; padding:8px 10px; transition:all .3s; }
.ukh-meth span.on{ background:var(--ukl-ink); border-color:var(--ukl-ink); color:#fff; }
@media (max-width:600px){
  .ukh-scene{ aspect-ratio:auto; height:600px; }
  .ukh-term{ width:44%; top:26px; } .ukh-vphone{ left:54%; width:26%; top:40px; } .ukh-dash{ width:100%; }
  .ukh-toast{ left:4%; right:4%; top:auto; bottom:12px; width:auto; }
  .ukh-meth{ bottom:auto; top:248px; flex-direction:row; flex-wrap:wrap; }
}

/* ---------- Cifras ---------- */
.ukabi-light-page .ukl-nt-stats-sec{ padding-top:80px !important; padding-bottom:40px !important; }
.ukabi-light-page .ukl-nt-stats{ grid-template-columns:repeat(5,1fr) !important; background:#fff; border:1px solid var(--ukl-line) !important; border-radius:24px; box-shadow:var(--ukl-shadow); overflow:hidden; }
.ukabi-light-page .ukl-nt-stats .content-box-counter{ font-size:clamp(28px,3vw,42px) !important; white-space:nowrap; }
.ukabi-light-page .ukl-nt-stats .content-box-counter .unit{ font-size:1em !important; color:var(--ukl-ink) !important; margin:0 !important; vertical-align:baseline !important; }
.ukabi-light-page .ukl-nt-stats .fusion-counter-box:nth-child(n+4) .content-box-counter .unit{ font-size:.5em !important; color:var(--ukl-coral) !important; }
.ukabi-light-page .ukl-nt-src{ margin-top:12px !important; }
.ukabi-light-page .ukl-nt-src p{ text-align:center; font:400 11px/1.4 var(--ukl-mono) !important; color:var(--ukl-muted) !important; }
@media (max-width:1000px){ .ukabi-light-page .ukl-nt-stats{ grid-template-columns:1fr 1fr !important; } .ukabi-light-page .ukl-nt-stats .fusion-counter-box{ border-left:0 !important; border-top:1px solid var(--ukl-line); } .ukabi-light-page .ukl-nt-stats .fusion-counter-box:nth-child(-n+2){ border-top:0; } .ukabi-light-page .ukl-nt-stats .fusion-counter-box:nth-child(even){ border-left:1px solid var(--ukl-line) !important; } }

/* ---------- Claves ---------- */
.ukabi-light-page .ukl-nt-keys-sec{ padding-top:70px !important; }
.ukabi-light-page .ukl-nt-manif{ max-width:1020px; margin-inline:auto !important; }
.ukabi-light-page .ukl-nt-manif p{ font:700 clamp(28px,3.6vw,46px)/1.22 var(--ukl-display) !important; letter-spacing:-.03em; color:var(--ukl-ink) !important; text-wrap:pretty; }
.ukh-mw{ color:#B9BFD9; transition:color .35s; }
.ukh-mw.on{ color:var(--ukl-ink); }
.ukh-mw.on.hl{ color:var(--ukl-coral); }
.ukabi-light-page .ukl-nt-keys-col{ margin-top:56px !important; }
.ukabi-light-page .ukl-nt-keys{ grid-template-columns:repeat(5,1fr); gap:14px !important; }
.ukabi-light-page .ukl-nt-keys .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:22px; padding:24px !important; transition:transform .3s,box-shadow .3s; }
.ukabi-light-page .ukl-nt-keys .content-box-column:hover{ transform:translateY(-4px); box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-sec .ukl-nt-keys .heading .icon{ width:44px; height:44px; border-radius:13px; background:var(--ukl-ink); color:#fff; margin-bottom:12px !important; }
.ukabi-light-page .ukl-sec .ukl-nt-keys .heading .icon i{ font-size:18px !important; }
.ukabi-light-page .ukl-sec .ukl-nt-keys .content-box-heading{ font-size:17px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-sec .ukl-nt-keys .content-container{ font-size:14px !important; }
@media (max-width:1100px){ .ukabi-light-page .ukl-nt-keys{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:700px){ .ukabi-light-page .ukl-nt-keys{ grid-template-columns:1fr 1fr; } }
@media (max-width:480px){ .ukabi-light-page .ukl-nt-keys{ grid-template-columns:1fr; } }

/* ---------- La jornada (sticky + espaciador) ---------- */
.ukabi-light-page .ukl-nt-day-sec{ overflow-x:clip; }
.ukabi-light-page .ukl-nt-day-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-nt-day-head .fusion-title-heading{ font-size:clamp(28px,3.2vw,44px) !important; }
.ukabi-light-page .ukl-nt-day-head + .fusion-layout-column{ margin-top:28px !important; }
.ukabi-light-page .ukl-nt-steps-col .fusion-column-wrapper{ padding-right:24px !important; }
.ukabi-light-page .ukl-nt-steps{ grid-template-columns:1fr; gap:8px !important; }
.ukabi-light-page .ukl-nt-steps .content-box-column{ padding:12px 14px !important; border-radius:16px; border:1px solid transparent; background:transparent !important; cursor:pointer; opacity:.5; transition:background .35s,border-color .35s,opacity .35s,box-shadow .35s; }
.ukabi-light-page .ukl-nt-steps .content-box-wrapper{ display:grid !important; grid-template-columns:34px 1fr; column-gap:12px; align-items:start; }
.ukabi-light-page .ukl-nt-steps .heading{ display:contents !important; }
.ukabi-light-page .ukl-nt-steps .fusion-clearfix{ display:none !important; }
.ukh-n{ grid-row:1/3; width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--ukl-bg-2); color:var(--ukl-ink); font:700 12px/1 var(--ukl-mono); font-style:normal; transition:all .35s; }
.ukabi-light-page .ukl-sec .ukl-nt-steps .content-box-heading{ grid-column:2; margin:7px 0 0 !important; padding:0 !important; font-size:15.5px !important; }
.ukabi-light-page .ukl-sec .ukl-nt-steps .content-container{ grid-column:2; display:none; margin-top:4px; padding:0 !important; font-size:14px !important; }
.ukabi-light-page .ukl-nt-steps .content-box-column.ukh-on{ opacity:1; background:#fff !important; border-color:var(--ukl-line); box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-nt-steps .ukh-on .ukh-n{ background:var(--ukl-coral); color:#fff; }
.ukabi-light-page .ukl-sec .ukl-nt-steps .ukh-on .content-container{ display:block; }
.ukabi-light-page .ukl-nt-steps .content-box-column.ukh-done{ opacity:.8; }
.ukabi-light-page .ukl-nt-steps .ukh-done .ukh-n{ background:var(--ukl-ink); color:#fff; }
.ukabi-light-page .ukl-nt-steps .content-box-column:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukh-mon{ position:relative; flex:0 0 100% !important; border-radius:22px; background:#0B1450; padding:10px; box-shadow:var(--ukl-shadow-lg); text-align:left; }
.ukh-mon .bar{ display:flex; align-items:center; gap:6px; padding:6px 8px 10px; }
.ukh-mon .bar i{ width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.25); }
.ukh-mon .bar span{ margin-left:10px; font:700 10px/1 var(--ukl-mono); letter-spacing:.08em; color:rgba(255,255,255,.6); }
.ukh-mon .vp{ position:relative; border-radius:14px; background:#F5F7FD; height:396px; overflow:hidden; }
.ukh-sc{ position:absolute; inset:0; padding:18px; display:grid; gap:12px; align-content:start; opacity:0; transform:translateY(16px) scale(.98); transition:opacity .45s,transform .45s; pointer-events:none; }
.ukh-sc.on{ opacity:1; transform:none; }
.ukh-sc .t{ display:flex; justify-content:space-between; align-items:center; font:800 16px/1 var(--ukl-display); color:var(--ukl-ink); }
.ukh-sc .t small{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.08em; color:var(--ukl-muted); text-transform:uppercase; }
.ukh-sc .card{ background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:14px; }
.ukh-sc .clk{ font:800 44px/1 var(--ukl-display); letter-spacing:-.04em; color:var(--ukl-ink); text-align:center; font-variant-numeric:tabular-nums; }
.ukh-sc .sub{ font:400 11px/1.4 var(--ukl-mono); color:var(--ukl-muted); text-align:center; margin-top:6px; }
.ukh-sc .sub.l{ text-align:left; }
.ukh-sc .big,.ukh-phone .big{ display:block; text-align:center; border-radius:12px; padding:14px; font:700 15px/1.2 var(--ukl-display); background:var(--ukl-coral); color:#fff; transition:background .3s; }
.ukh-sc .big.ok{ background:var(--ukl-green); }
.ukh-mrow{ display:grid; grid-template-columns:70px 1fr 44px; gap:10px; align-items:center; font:400 11px/1 var(--ukl-mono); color:var(--ukl-muted); padding:5px 0; }
.ukh-mrow .tl{ position:relative; height:12px; border-radius:6px; background:#EEF0FA; }
.ukh-mrow .tl u{ position:absolute; top:0; bottom:0; width:0; border-radius:6px; background:#8E9BFF; }
.ukh-mrow .tl u.p{ background:#C5CBE0; }
.ukh-mrow b{ text-align:right; color:var(--ukl-ink); }
.ukh-mrow.an b{ color:#A86A07; }
.ukh-mrow.an .tl u{ background:#F2A93B; }
.ukh-sc .req{ display:grid; gap:8px; }
.ukh-sc .req .r{ display:flex; justify-content:space-between; gap:10px; font-size:13px; color:var(--ukl-text); }
.ukh-sc .req .r b{ color:var(--ukl-ink); }
.ukh-sc .req .msg{ font-size:12px; color:var(--ukl-muted); }
.ukh-mon .stt,.ukh-phone .stt{ display:inline-flex; font:700 10.5px/1 var(--ukl-mono); padding:7px 9px; border-radius:8px; background:#FFF3DF; color:#A86A07; white-space:nowrap; }
.ukh-mon .stt.ok,.ukh-phone .stt.ok{ background:var(--ukl-green-soft); color:var(--ukl-green); }
.ukh-mon .acts,.ukh-phone .acts{ display:flex; gap:8px; }
.ukh-mon .acts span,.ukh-phone .acts span{ flex:1; text-align:center; border-radius:10px; padding:11px; font:700 13px/1 var(--ukl-display); border:1px solid var(--ukl-line); color:var(--ukl-muted); background:#fff; }
.ukh-mon .acts span.y,.ukh-phone .acts span.y{ background:var(--ukl-green); border-color:var(--ukl-green); color:#fff; }
.ukh-shifts{ display:grid; grid-template-columns:90px repeat(7,1fr); gap:4px; font:700 9.5px/1 var(--ukl-mono); color:var(--ukl-muted); align-items:center; }
.ukh-shifts .c{ text-align:center; }
.ukh-shifts i{ font-style:normal; height:30px; border-radius:6px; display:grid; place-items:center; color:#fff; }
.ukh-shifts i.m{ background:#4252C4; } .ukh-shifts i.t{ background:#1E6FD9; } .ukh-shifts i.n{ background:#0B1450; } .ukh-shifts i.l{ background:#EEF0FA; color:#A5ACC8; } .ukh-shifts i.v{ background:#B8B0F0; }
.ukh-shifts i.ch{ outline:2px dashed var(--ukl-coral); outline-offset:1px; }
.ukh-legend{ display:flex; flex-wrap:wrap; gap:12px; font:700 10px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukh-legend span{ display:inline-flex; align-items:center; gap:6px; }
.ukh-legend i{ width:12px; height:12px; border-radius:4px; background:#4252C4; }
.ukh-legend i.t{ background:#1E6FD9; } .ukh-legend i.n{ background:#0B1450; } .ukh-legend i.v{ background:#B8B0F0; } .ukh-legend i.l{ background:#EEF0FA; border:1px solid #DDE1F0; }
.ukh-sc .prev{ display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:12.5px; color:var(--ukl-muted); }
.ukh-sc .prev b{ color:var(--ukl-ink); }
.ukh-sc .res{ display:grid; grid-template-columns:120px 1fr; gap:16px; align-items:center; }
.ukh-sc .donut{ width:120px; height:120px; }
.ukh-sc .donut circle{ fill:none; stroke-width:14; }
.ukh-sc .rbars{ display:grid; gap:8px; }
.ukh-sc .rbars div{ display:grid; grid-template-columns:92px 1fr 38px; gap:8px; align-items:center; font:400 11px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukh-sc .rbars i{ display:block; height:10px; border-radius:5px; background:var(--ukl-ink); transform-origin:left; }
.ukh-sc .rbars div:nth-child(2) i{ background:var(--ukl-coral); } .ukh-sc .rbars div:nth-child(3) i{ background:#1E6FD9; }
.ukh-sc .rbars b{ text-align:right; color:var(--ukl-ink); }
.ukh-sc .evo{ display:grid; gap:10px; }
.ukh-sc .evo small{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-muted); }
.ukh-sc .cols{ height:78px; display:flex; align-items:flex-end; gap:10px; padding-bottom:16px; }
.ukh-sc .cols i{ position:relative; flex:1; border-radius:6px 6px 2px 2px; background:#C5CBEA; transform-origin:bottom; }
.ukh-sc .cols i:last-child{ background:var(--ukl-coral); }
.ukh-sc .cols b{ position:absolute; left:50%; bottom:-16px; translate:-50% 0; font:700 9px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukh-sc .note{ font:400 11px/1.5 var(--ukl-mono); color:var(--ukl-muted); }
@media (min-width:1025px){
  .ukabi-light-page .ukl-nt-day-sec.ukh-pin{ flex-direction:column !important; flex-wrap:nowrap !important; padding-top:0 !important; padding-bottom:0 !important; }
  .ukabi-light-page .ukl-nt-day-sec.ukh-pin > .fusion-row{ position:sticky; top:0; flex:none; width:100%; height:100vh; margin-inline:auto !important; align-content:safe center; padding-top:106px; padding-bottom:20px; }
  .ukh-day-space{ flex:none; width:100%; height:340vh; pointer-events:none; }
}
@media (max-width:1024px){
  .ukabi-light-page .ukl-nt-steps-col .fusion-column-wrapper{ padding-right:0 !important; }
  .ukabi-light-page .ukl-mock--ntmon{ margin-top:24px !important; }
  .ukabi-light-page .ukl-nt-steps .content-box-column{ opacity:1; }
  .ukabi-light-page .ukl-sec .ukl-nt-steps .content-container{ display:block; }
}
@media (max-width:600px){
  .ukh-mon .vp{ height:450px; } .ukh-sc{ padding:14px; }
  .ukh-sc .res{ grid-template-columns:84px 1fr; gap:10px; } .ukh-sc .donut{ width:84px; height:84px; }
  .ukh-sc .rbars div{ grid-template-columns:74px 1fr 30px; gap:6px; }
  .ukh-shifts{ grid-template-columns:58px repeat(7,1fr); gap:3px; }
  .ukh-sc .prev{ flex-direction:column; align-items:flex-start; }
}

/* ---------- RRHH (bento) ---------- */
.ukabi-light-page .ukl-nt-bento{ grid-template-columns:repeat(4,1fr); gap:14px !important; }
.ukabi-light-page .ukl-nt-bento > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-nt-bento .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:22px; padding:22px !important; transition:transform .35s,box-shadow .35s; }
.ukabi-light-page .ukl-nt-bento .content-box-column:hover{ transform:translateY(-4px); box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-nt-bento .content-box-column:nth-child(1),
.ukabi-light-page .ukl-nt-bento .content-box-column:nth-child(6),
.ukabi-light-page .ukl-nt-bento .content-box-column:nth-child(7){ grid-column:span 2; }
.ukabi-light-page .ukl-nt-bento .content-box-column:nth-child(6){ background:#0a1336 !important; border-color:#0a1336; }
.ukabi-light-page .ukl-sec .ukl-nt-bento .heading .icon{ width:40px; height:40px; border-radius:12px; background:var(--ukl-bg-2); color:var(--ukl-ink); margin-bottom:10px !important; }
.ukabi-light-page .ukl-sec .ukl-nt-bento .heading .icon i{ font-size:17px !important; }
.ukabi-light-page .ukl-sec .ukl-nt-bento .content-box-heading{ font-size:16.5px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-sec .ukl-nt-bento .content-container{ font-size:14px !important; }
.ukabi-light-page .ukl-sec .ukl-nt-bento .content-box-column:nth-child(6) .heading .icon{ background:rgba(255,255,255,.1); color:#fff; }
.ukabi-light-page .ukl-sec .ukl-nt-bento .content-box-column:nth-child(6) .content-box-heading{ color:#fff !important; }
.ukabi-light-page .ukl-sec .ukl-nt-bento .content-box-column:nth-child(6) .content-container{ color:rgba(255,255,255,.72) !important; }
.ukh-org{ display:flex; flex-direction:column; align-items:center; gap:10px; margin-top:14px; }
.ukh-org .lv{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.ukh-org span{ font:700 10px/1 var(--ukl-mono); color:var(--ukl-ink); background:#F1F3FB; border:1px solid var(--ukl-line); border-radius:8px; padding:8px 10px; }
.ukh-org .lv:first-child span{ background:var(--ukl-ink); color:#fff; border-color:var(--ukl-ink); }
.ukh-locs{ display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.ukh-locs span{ display:inline-flex; align-items:center; gap:6px; 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:8px; padding:8px 10px; }
.ukh-locs span::before{ content:""; width:7px; height:7px; border-radius:50%; background:#5BE0A0; box-shadow:0 0 8px #5BE0A0; }
@media (max-width:1000px){ .ukabi-light-page .ukl-nt-bento{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .ukabi-light-page .ukl-nt-bento{ grid-template-columns:1fr; } .ukabi-light-page .ukl-nt-bento .content-box-column:nth-child(n){ grid-column:auto; } }

/* ---------- Portal y mySpec (bloque oscuro) ---------- */
.ukabi-light-page .ukl-nt-portal-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-nt-portal > .fusion-column-wrapper{ position:relative; overflow:hidden; border-radius:36px; padding:72px 56px !important; background:linear-gradient(160deg,#0B1548,#101E63 55%,#1A1F5E) !important; }
.ukabi-light-page .ukl-nt-portal > .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-nt-portal .fusion-builder-row-inner{ position:relative; z-index:1; }
.ukabi-light-page .ukl-nt-portal .fusion-builder-row-inner + .fusion-builder-row-inner{ margin-top:10px !important; align-items:center; }
.ukabi-light-page .ukl-nt-portal-head .fusion-column-wrapper{ max-width:780px; margin-inline:auto; justify-content:center; text-align:center; row-gap:18px; }
.ukabi-light-page .ukl-nt-portal-head .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-nt-portal .ukl-title .fusion-title-heading{ color:#fff !important; text-align:center !important; font-size:clamp(28px,3.4vw,44px) !important; }
.ukabi-light-page .ukl-nt-portal .ukl-lead p{ color:rgba(255,255,255,.72) !important; font-size:17px !important; }
.ukabi-light-page .ukl-nt-portal .ukl-pill--dark p{ color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); }
.ukh-seg-wrap{ flex:0 0 100% !important; display:flex; justify-content:flex-start; margin-bottom:26px !important; }
.ukh-seg{ display:inline-flex; gap:4px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:14px; padding:5px; }
.ukh-seg button{ border:0; background:none; color:rgba(255,255,255,.72); font:600 14px/1 var(--ukl-display); padding:12px 16px; border-radius:10px; cursor:pointer; white-space:nowrap; transition:background .3s,color .3s; }
.ukh-seg button.on{ background:#fff; color:var(--ukl-ink); }
.ukh-seg button:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukabi-light-page .ukl-nt-tabs.ukh-js > .nav,
.ukabi-light-page .ukl-nt-tabs.ukh-js .fusion-mobile-tab-nav{ display:none !important; }
.ukabi-light-page .ukl-nt-tabs .tab-content{ border:0 !important; background:none !important; padding:0 !important; }
.ukabi-light-page .ukl-nt-tabs .tab-pane{ background:none !important; border:0 !important; padding:0 !important; overflow:visible !important; }
.ukabi-light-page .ukl-nt-tabs.ukh-js .tab-pane{ display:none !important; }
.ukabi-light-page .ukl-nt-tabs.ukh-js .tab-pane.ukh-on{ display:block !important; opacity:1 !important; animation:ukh-fade .45s cubic-bezier(.2,.7,.2,1) both; }
.ukabi-light-page .ukl-nt-tabs.ukh-js .tab-pane.ukh-on .awb-tab-pane-inner{ opacity:1 !important; transform:none !important; }
@keyframes ukh-fade{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.ukabi-light-page .ukl-nt-tabs .tab-pane h3{ margin:0 0 12px !important; font:800 26px/1.15 var(--ukl-display) !important; letter-spacing:-.03em !important; color:#fff !important; }
.ukabi-light-page .ukl-nt-tabs .tab-pane p{ margin:0 0 16px; color:rgba(255,255,255,.72); font-size:16px; line-height:1.6; }
.ukabi-light-page .ukl-nt-tabs .tab-pane ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ukabi-light-page .ukl-nt-tabs .tab-pane li{ display:grid; grid-template-columns:20px 1fr; gap:10px; margin:0; font-size:14px; line-height:1.45; color:rgba(255,255,255,.9); background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:10px 12px; }
.ukabi-light-page .ukl-nt-tabs .tab-pane li::before{ content:"✓"; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:rgba(91,224,160,.2); color:#5BE0A0; font:800 11px/1 var(--ukl-display); }
/* sin JS o sin cargar: pestañas nativas legibles sobre fondo oscuro */
.ukabi-light-page .ukl-nt-tabs:not(.ukh-js) .nav .fusion-tab-heading{ color:#fff; }
.ukabi-light-page .ukl-mock--ntphone .fusion-column-wrapper{ align-items:center; justify-content:center !important; }
.ukh-phone{ flex:0 0 auto !important; width:270px; max-width:100%; aspect-ratio:9/18.5; border-radius:40px; 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; }
.ukh-phone .scr{ position:relative; height:100%; border-radius:30px; background:#F5F7FD; overflow:hidden; color:var(--ukl-text); }
.ukh-phone .scr::before{ content:""; position:absolute; left:50%; top:10px; translate:-50% 0; width:32%; height:18px; border-radius:12px; background:#050A2E; z-index:3; }
.ukh-ps{ position:absolute; inset:0; padding:42px 14px 14px; display:grid; gap:10px; align-content:start; opacity:0; transform:translateX(24px); transition:opacity .45s,transform .45s; }
.ukh-ps.on{ opacity:1; transform:none; }
.ukh-ps .ttl{ display:flex; justify-content:space-between; align-items:center; font:800 16px/1 var(--ukl-display); color:var(--ukl-ink); }
.ukh-ps .ttl small{ font:700 9px/1 var(--ukl-mono); letter-spacing:.06em; color:var(--ukl-muted); text-transform:uppercase; }
.ukh-ps .cd{ background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:12px; display:grid; gap:6px; }
.ukh-ps .rw{ display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:12px; color:var(--ukl-text); }
.ukh-ps .rw b{ font:700 11.5px/1 var(--ukl-mono); color:var(--ukl-ink); }
.ukh-ps .rw b.an{ color:#A86A07; } .ukh-ps .rw b.nm{ font-family:var(--ukl-display); }
.ukh-ps .rw.mu{ color:var(--ukl-muted); }
.ukh-phone .big{ padding:12px; font-size:14px; }
.ukh-vc{ border-radius:16px; background:linear-gradient(135deg,#1E6FD9,#0F206C); color:#fff; padding:16px; display:grid; gap:8px; aspect-ratio:1.6; align-content:space-between; }
.ukh-vc small{ font:700 9px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.7); }
.ukh-vc b{ font:800 16px/1.1 var(--ukl-display); color:#fff; }
.ukh-vc .bt{ display:flex; align-items:center; gap:6px; font:700 10px/1 var(--ukl-mono); color:#fff; }
.ukh-vc .bt i{ width:8px; height:8px; border-radius:50%; background:#5BE0A0; box-shadow:0 0 8px #5BE0A0; animation:ukh-blink 1.4s infinite; }
@keyframes ukh-blink{ 50%{ opacity:.3; } }
@media (max-width:1024px){ .ukabi-light-page .ukl-mock--ntphone{ margin-top:36px !important; } }
@media (max-width:900px){ .ukabi-light-page .ukl-nt-portal > .fusion-column-wrapper{ padding:52px 22px !important; border-radius:26px; } .ukabi-light-page .ukl-nt-tabs .tab-pane ul{ grid-template-columns:1fr; } .ukh-phone{ width:240px; } .ukh-seg-wrap{ justify-content:center; } }
@media (max-width:600px){ .ukh-seg button{ padding:11px 12px; font-size:13px; } }

/* ---------- Módulos adicionales ---------- */
.ukabi-light-page .ukl-nt-mods{ grid-template-columns:repeat(4,1fr); gap:16px !important; }
.ukabi-light-page .ukl-nt-mods > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-nt-mods .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:24px; padding:24px !important; box-shadow:var(--ukl-shadow); transition:transform .35s,box-shadow .35s; }
.ukabi-light-page .ukl-nt-mods .content-box-column:hover{ transform:translateY(-6px) rotate(-.4deg); box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-nt-mods .content-box-wrapper{ display:flex !important; flex-direction:column; }
.ukabi-light-page .ukl-nt-mods .heading{ order:2; }
.ukabi-light-page .ukl-nt-mods .content-container{ order:3; }
.ukabi-light-page .ukl-sec .ukl-nt-mods .content-box-heading{ font-size:19px !important; font-weight:800 !important; margin-top:10px !important; }
.ukabi-light-page .ukl-nt-mods .content-container p{ margin:0; }
.ukabi-light-page .ukl-nt-mods p.ukl-nt-modk{ order:1; margin:0 !important; font:700 10px/1 var(--ukl-mono) !important; letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-coral-d) !important; }
.ukh-vis{ order:4; margin-top:auto; padding-top:16px; }
.ukh-vis{ position:relative; }
.ukh-vis::before{ content:""; display:block; height:92px; border-radius:14px; background:#F1F3FB; border:1px solid var(--ukl-line); }
.ukh-vis > *{ position:absolute; }
.ukh-vis .tasks{ inset:28px 12px 12px; display:grid; gap:6px; }
.ukh-vis .tasks div{ display:grid; grid-template-columns:70px 1fr; gap:8px; align-items:center; font:700 9.5px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukh-vis .tasks i{ display:block; height:10px; border-radius:5px; background:#8E9BFF; transform-origin:left; }
.ukh-vis .tasks div:nth-child(2) i{ background:var(--ukl-coral); } .ukh-vis .tasks div:nth-child(3) i{ background:#1E6FD9; }
.ukh-vis .zones{ inset:26px 10px 10px; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.ukh-vis .zones i{ border-radius:8px; background:#E3F5EC; display:grid; place-items:end center; padding-bottom:8px; font:700 9px/1 var(--ukl-mono); font-style:normal; color:var(--ukl-green); }
.ukh-vis .zones i.x{ background:#FFE6E9; color:var(--ukl-coral-d); }
.ukh-vis .dot{ width:10px; height:10px; border-radius:50%; background:var(--ukl-ink); top:52%; left:8%; box-shadow:0 0 0 4px rgba(15,32,108,.12); }
.ukh-vis .guests{ inset:28px 12px 12px; display:grid; gap:5px; }
.ukh-vis .guests div{ display:flex; justify-content:space-between; font:400 10.5px/1 var(--ukl-mono); color:var(--ukl-muted); background:#fff; border:1px solid var(--ukl-line); border-radius:8px; padding:5px 8px; }
.ukh-vis .guests b{ color:var(--ukl-green); }
.ukh-vis .bts{ left:50%; top:calc(16px + 46px); translate:-50% -50%; width:34px; height:34px; border-radius:50%; background:#1E6FD9; display:grid; place-items:center; color:#fff; }
.ukh-vis .bts svg{ width:16px; height:16px; }
.ukh-vis .bts::before,.ukh-vis .bts::after{ content:""; position:absolute; inset:0; border-radius:50%; border:2px solid rgba(30,111,217,.5); animation:ukh-ringa 2s ease-out infinite; }
.ukh-vis .bts::after{ animation-delay:1s; }
@keyframes ukh-ringa{ to{ transform:scale(2.6); opacity:0; } }
@media (max-width:1000px){ .ukabi-light-page .ukl-nt-mods{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .ukabi-light-page .ukl-nt-mods{ grid-template-columns:1fr; } }

/* ---------- Modelo SaaS ---------- */
.ukabi-light-page .ukl-nt-saas-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-nt-saas-txt .fusion-column-wrapper{ padding-right:40px !important; row-gap:18px; }
.ukabi-light-page .ukl-nt-saas-txt .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-nt-saas-txt .ukl-title .fusion-title-heading{ font-size:clamp(30px,3.6vw,48px) !important; }
.ukabi-light-page .ukl-nt-quota .fusion-column-wrapper{ max-width:440px; margin-inline:auto; border-radius:24px; border:2px dashed #C5CBEA; padding:18px !important; background:rgba(255,255,255,.6) !important; row-gap:8px; }
.ukabi-light-page .ukl-nt-quota-lbl p{ text-align:center; font:700 10.5px/1 var(--ukl-mono) !important; letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted) !important; padding:4px 0; }
.ukabi-light-page .ukl-nt-layers{ display:grid !important; gap:8px; margin:0 !important; counter-reset:ukm; }
.ukabi-light-page .ukl-nt-layers .fusion-li-item{ counter-increment:ukm; display:flex !important; align-items:center; gap:12px; margin:0 !important; border-radius:14px; padding:13px 16px !important; box-shadow:0 14px 30px -18px rgba(15,32,108,.6); background:#0F206C; }
/* fondos con !important: Avada pinta el primer elemento de la lista */
.ukabi-light-page .ukl-nt-layers .fusion-li-item:nth-child(1){ background:#0F206C !important; } .ukabi-light-page .ukl-nt-layers .fusion-li-item:nth-child(2){ background:#23359A !important; }
.ukabi-light-page .ukl-nt-layers .fusion-li-item:nth-child(3){ background:#4252C4 !important; } .ukabi-light-page .ukl-nt-layers .fusion-li-item:nth-child(4){ background:#1E6FD9 !important; }
.ukabi-light-page .ukl-nt-layers .fusion-li-item:nth-child(5){ background:var(--ukl-coral) !important; }
.ukabi-light-page .ukl-nt-layers .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-nt-layers .fusion-li-item::before{ content:counter(ukm); flex:none; width:26px; height:26px; border-radius:8px; display:grid; place-items:center; background:rgba(255,255,255,.18); color:#fff; font:700 13px/1 var(--ukl-display); }
.ukabi-light-page .ukl-nt-layers .fusion-li-item-content{ margin:0 !important; font:700 14.5px/1.2 var(--ukl-display) !important; color:#fff !important; }
.ukabi-light-page .ukl-nt-qchips{ justify-content:center; margin-top:8px !important; }
.ukabi-light-page .ukl-nt-adv-col{ margin-top:48px !important; }
.ukabi-light-page .ukl-nt-adv{ grid-template-columns:repeat(6,1fr); gap:10px !important; }
.ukabi-light-page .ukl-nt-adv > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-nt-adv .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:18px; padding:16px !important; transition:transform .3s,border-color .3s; }
.ukabi-light-page .ukl-nt-adv .content-box-column:hover{ transform:translateY(-3px); border-color:#C5CBEA; }
.ukabi-light-page .ukl-sec .ukl-nt-adv .content-box-heading{ font-size:14.5px !important; font-weight:700 !important; }
.ukabi-light-page .ukl-sec .ukl-nt-adv .content-container{ font-size:13px !important; line-height:1.45 !important; }
@media (max-width:1100px){ .ukabi-light-page .ukl-nt-adv{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:1024px){ .ukabi-light-page .ukl-nt-saas-txt .fusion-column-wrapper{ padding-right:0 !important; } .ukabi-light-page .ukl-nt-quota{ margin-top:28px !important; } }
@media (max-width:560px){ .ukabi-light-page .ukl-nt-adv{ grid-template-columns:1fr 1fr; } }

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

@media (prefers-reduced-motion:reduce){ .ukh-vis .bts::before,.ukh-vis .bts::after,.ukh-vc .bt i{ animation:none !important; } .ukh-sc,.ukh-ps{ transition:none; } }