/* =====================================================================
   UKABI · Página a3gestión del tiempo (Control de presencia · Wolters Kluwer)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-gt-*;
   piezas que inserta ukabi-light-gt.js: ukg-*.
   ===================================================================== */

/* ---------- HERO ---------- */
.ukabi-light-page .ukl-gt-hero{ padding-top:96px !important; padding-bottom:40px !important; overflow-x:clip; }
.ukabi-light-page .ukl-gt-hero > .fusion-row{ max-width:1240px !important; }
.ukabi-light-page .ukl-gt-copy .fusion-column-wrapper{ max-width:980px; }
.ukabi-light-page .ukl-gt-copy .ukl-h1 .fusion-title-heading{ display:grid; gap:12px; justify-items:center; font-size:clamp(28px,3.2vw,44px) !important; line-height:1.08 !important; letter-spacing:-.04em !important; }
.ukabi-light-page .ukl-gt-copy .ukl-h1 .fusion-title-heading > em,
.ukabi-light-page .ukl-gt-copy .ukl-h1 .fusion-title-heading > .ukl-w:first-child{ font-size:clamp(46px,6.4vw,92px); letter-spacing:-.055em; line-height:.98; }
.ukabi-light-page .ukl-gt-copy .ukl-h1 em{ display:inline-block; margin-right:0; padding:0 .12em .08em 0; }
.ukabi-light-page .ukl-gt-copy .ukl-h1 .ukl-gt-h1s{ display:block; text-wrap:balance; }
@media (min-width:760px){ .ukabi-light-page .ukl-gt-copy .ukl-h1 .fusion-title-heading > em,.ukabi-light-page .ukl-gt-copy .ukl-h1 .fusion-title-heading > .ukl-w:first-child{ white-space:nowrap; } }
/* el ancho se limita en el párrafo: así la línea queda entera y los botones bajan */
.ukabi-light-page .ukl-gt-copy .ukl-lead{ max-width:none !important; margin-inline:0 !important; }
.ukabi-light-page .ukl-gt-copy .ukl-lead p{ max-width:720px; margin-inline:auto !important; font-size:18px !important; }
.ukabi-light-page .ukl-gt-copy .ukl-lead strong{ color:var(--ukl-ink); font-weight:600; }
.ukabi-light-page .ukl-gt-kchips{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 !important; }
.ukabi-light-page .ukl-gt-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-gt-kchips .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-gt-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-gt-kchips strong{ font-size:15px; font-weight:800; color:var(--ukl-ink); margin-right:4px; }
.ukabi-light-page .ukl-mock--gtdial{ margin-top:60px !important; }

/* dial de la jornada */
.ukg-dialwrap{ position:relative; flex:0 0 100% !important; display:grid; grid-template-columns:230px minmax(0,440px) 260px; justify-content:center; align-items:center; gap:40px; text-align:left; }
.ukg-dial{ position:relative; width:100%; aspect-ratio:1; }
.ukg-dial svg{ width:100%; height:100%; display:block; overflow:visible; }
.ukg-dial .face{ fill:#fff; filter:drop-shadow(0 30px 50px rgba(15,32,108,.18)); }
.ukg-dial .trk{ fill:none; stroke:#E6E9F5; stroke-width:24; }
.ukg-dial .seg{ fill:none; stroke-width:24; }
.ukg-dial .seg.w{ stroke:var(--ukl-ink); } .ukg-dial .seg.p{ stroke:#C9C6F2; } .ukg-dial .seg.x{ stroke:var(--ukl-coral); }
.ukg-dial .tick{ stroke:#C5CBE0; stroke-width:1.5; } .ukg-dial .tick.h{ stroke:#8E97BD; stroke-width:2.2; }
.ukg-dial .hl{ font:700 11px var(--ukl-mono); fill:#8E97BD; }
.ukg-dial .ndl{ stroke:var(--ukl-coral); stroke-width:3; stroke-linecap:round; }
.ukg-dial .hub{ fill:#fff; stroke:var(--ukl-coral); stroke-width:3; }
.ukg-dial .dot{ fill:#fff; stroke:var(--ukl-coral); stroke-width:3; }
.ukg-dial .dc{ position:absolute; inset:0; display:grid; place-content:center; text-align:center; gap:6px; pointer-events:none; }
.ukg-dial .dc small{ font:700 10px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted); }
.ukg-dial .dc b{ font:800 52px/1 var(--ukl-display); letter-spacing:-.04em; color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukg-dial .dc span{ font:400 12px/1.4 var(--ukl-mono); color:var(--ukl-muted); }
.ukg-dial .dc em{ font-style:normal; color:var(--ukl-coral-d); font-weight:700; }
.ukg-aphone{ justify-self:end; width:210px; aspect-ratio:9/18.5; border-radius:34px; background:#0B1450; padding:9px; box-shadow:0 40px 80px -30px rgba(15,32,108,.6); }
.ukg-aphone .s{ position:relative; height:100%; border-radius:26px; background:#F5F7FD; overflow:hidden; padding:34px 12px 12px; display:grid; gap:9px; align-content:start; }
.ukg-aphone .s::before{ content:""; position:absolute; left:50%; top:9px; translate:-50% 0; width:34%; height:15px; border-radius:10px; background:#0B1450; }
.ukg-aphone .ttl{ display:flex; justify-content:space-between; align-items:center; font:800 14px/1 var(--ukl-display); color:var(--ukl-ink); }
.ukg-aphone .ttl small{ font:700 8.5px/1 var(--ukl-mono); letter-spacing:.06em; color:var(--ukl-muted); text-transform:uppercase; }
.ukg-aphone .cd{ background:#fff; border:1px solid var(--ukl-line); border-radius:12px; padding:10px; display:grid; gap:5px; }
.ukg-aphone .rw{ display:flex; justify-content:space-between; gap:6px; font-size:11px; color:var(--ukl-text); }
.ukg-aphone .rw b{ font:700 10.5px/1 var(--ukl-mono); color:var(--ukl-ink); }
.ukg-aphone .fbtn{ display:grid; place-items:center; aspect-ratio:1; width:96px; justify-self:center; border-radius:50%; background:var(--ukl-coral); color:#fff; font:800 14px/1.1 var(--ukl-display); text-align:center; box-shadow:0 0 0 8px rgba(253,73,92,.15),0 16px 30px -12px rgba(253,73,92,.7); transition:background .4s,box-shadow .4s; }
.ukg-aphone .fbtn.ok{ background:var(--ukl-green); box-shadow:0 0 0 8px rgba(18,146,91,.15),0 16px 30px -12px rgba(18,146,91,.6); }
.ukg-aphone .loc{ font:400 9.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); text-align:center; }
.ukg-side{ display:grid; gap:12px; }
.ukg-sc{ background:#fff; border:1px solid var(--ukl-line); border-radius:16px; padding:14px 16px; box-shadow:var(--ukl-shadow); display:grid; gap:6px; transition:border-color .4s,box-shadow .4s; }
.ukg-sc small{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); }
.ukg-sc b{ font:800 22px/1 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukg-sc span{ font-size:12.5px; color:var(--ukl-muted); line-height:1.4; }
.ukg-sc.an b{ color:#A86A07; }
.ukg-sc.hot{ border-color:var(--ukl-coral); box-shadow:0 0 0 4px rgba(253,73,92,.12),var(--ukl-shadow); }
.ukg-sc.good{ border-color:#BFE8D3; box-shadow:0 0 0 4px rgba(18,146,91,.1),var(--ukl-shadow); }
@media (max-width:1100px){ .ukg-dialwrap{ grid-template-columns:minmax(0,420px) 250px; gap:28px; } .ukg-aphone{ display:none; } }
@media (max-width:760px){ .ukg-dialwrap{ grid-template-columns:minmax(0,1fr); justify-items:center; } .ukg-dial{ max-width:360px; } .ukg-side{ width:100%; } .ukg-dial .dc b{ font-size:40px; } }

/* ---------- Funcionalidades: tarjetas apiladas (sticky) ---------- */
.ukabi-light-page .ukl-gt-feat-sec{ padding-bottom:80px !important; }
.ukabi-light-page .ukl-gt-feat-sec .ukl-head + .fusion-layout-column{ margin-top:56px !important; }
.ukabi-light-page .ukl-gt-pcard{ position:sticky !important; top:130px; z-index:1; margin-top:26px !important; transform-origin:50% 0; will-change:transform; }
/* orden de apilado fijo: Avada cambia el z-index de la columna al pasar el ratón
   (--awb-z-index-hover) y la tarjeta de debajo saltaba por encima, con parpadeo */
.ukabi-light-page .ukl-gt-pcard:nth-of-type(2),.ukabi-light-page .ukl-gt-pcard:nth-of-type(2):hover{ z-index:1 !important; }
.ukabi-light-page .ukl-gt-pcard:nth-of-type(3),.ukabi-light-page .ukl-gt-pcard:nth-of-type(3):hover{ z-index:2 !important; }
.ukabi-light-page .ukl-gt-pcard:nth-of-type(4),.ukabi-light-page .ukl-gt-pcard:nth-of-type(4):hover{ z-index:3 !important; }
.ukabi-light-page .ukl-gt-pcard:nth-of-type(5),.ukabi-light-page .ukl-gt-pcard:nth-of-type(5):hover{ z-index:4 !important; }
.ukabi-light-page .ukl-gt-pcard > .fusion-column-wrapper:hover{ transform:none !important; }
.ukabi-light-page .ukl-gt-pcard:nth-of-type(3){ top:150px; } .ukabi-light-page .ukl-gt-pcard:nth-of-type(4){ top:170px; } .ukabi-light-page .ukl-gt-pcard:nth-of-type(5){ top:190px; }
.ukabi-light-page .ukl-gt-pcard > .fusion-column-wrapper{ display:grid !important; grid-template-columns:1fr 1.05fr; grid-template-rows:auto auto 1fr; column-gap:40px; align-content:center; min-height:420px; border-radius:32px; padding:44px !important; background:#fff !important; border:1px solid var(--ukl-line); box-shadow:0 30px 60px -30px rgba(15,32,108,.28); }
.ukabi-light-page .ukl-gt-pcard > .fusion-column-wrapper > *{ grid-column:1; align-self:end; }
.ukabi-light-page .ukl-gt-pcard > .fusion-column-wrapper > .fusion-title{ align-self:auto; margin-top:12px !important; }
.ukabi-light-page .ukl-gt-pcard > .fusion-column-wrapper > .fusion-text:not(.ukl-gt-num){ align-self:start; margin-top:14px !important; }
.ukabi-light-page .ukl-gt-pcard > .fusion-column-wrapper > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-gt-num p{ font:700 11px/1 var(--ukl-mono) !important; letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-coral-d) !important; }
.ukabi-light-page .ukl-gt-pcard .fusion-title-heading{ font-size:clamp(26px,2.8vw,36px) !important; line-height:1.1 !important; }
.ukabi-light-page .ukl-gt-pcard .fusion-text:not(.ukl-gt-num) p{ color:var(--ukl-muted); font-size:16.5px; line-height:1.6; max-width:500px; }
.ukabi-light-page .ukl-gt-pcard--dk > .fusion-column-wrapper{ background:#0a1336 !important; border-color:#0a1336; }
.ukabi-light-page .ukl-gt-pcard--dk .fusion-title-heading{ color:#fff !important; }
.ukabi-light-page .ukl-gt-pcard--dk .fusion-text:not(.ukl-gt-num) p{ color:rgba(255,255,255,.72); }
.ukg-pvis{ grid-column:2 !important; grid-row:1/4; align-self:center !important; position:relative; height:300px; border-radius:22px; background:#F1F3FB; border:1px solid var(--ukl-line); overflow:hidden; text-align:left; }
.ukl-gt-pcard--dk .ukg-pvis{ background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.12); }
/* 1 · zonas */
.ukg-pvis .plan{ position:absolute; inset:22px; display:grid; grid-template-columns:1.2fr 1fr; grid-template-rows:1fr 1fr; gap:10px; }
.ukg-pvis .plan div{ border-radius:14px; border:2px solid #CFE9DC; background:#EEF8F3; padding:12px; font:700 11px/1.2 var(--ukl-mono); color:var(--ukl-green); }
.ukg-pvis .plan div small{ display:block; margin-top:4px; font-weight:400; color:var(--ukl-muted); }
.ukg-pvis .plan div.rs{ border-color:#FFC9CF; background:#FFF1F3; color:var(--ukl-coral-d); }
.ukg-pvis .plan div:first-child{ grid-row:1/3; }
.ukg-pvis .who{ position:absolute; z-index:2; width:34px; height:34px; border-radius:50%; background:var(--ukl-ink); color:#fff; display:grid; place-items:center; font:700 11px/1 var(--ukl-display); box-shadow:0 0 0 5px rgba(15,32,108,.14); left:18%; top:48%; }
.ukg-pvis .deny{ position:absolute; z-index:3; right:8%; bottom:14%; font:700 10.5px/1 var(--ukl-mono); color:#fff; background:var(--ukl-coral); border-radius:8px; padding:8px 10px; opacity:0; }
/* 2 · convenio y bolsa */
.ukg-pvis .week{ position:absolute; inset:26px 26px 70px; display:flex; gap:14px; }
.ukg-pvis .week > div{ flex:1; display:flex; flex-direction:column; align-items:center; gap:8px; font:700 10px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukg-pvis .week .z{ position:relative; flex:1; width:100%; }
.ukg-pvis .week i{ position:absolute; left:0; right:0; bottom:0; border-radius:8px 8px 3px 3px; background:var(--ukl-ink); transform-origin:bottom; }
.ukg-pvis .week u{ position:absolute; left:0; right:0; top:0; border-radius:8px 8px 0 0; background:var(--ukl-coral); }
.ukg-pvis .cline{ position:absolute; left:18px; right:18px; border-top:2px dashed #8E97BD; z-index:2; }
.ukg-pvis .cline span{ position:absolute; right:0; top:-22px; font:700 10px/1 var(--ukl-mono); color:#8E97BD; background:#F1F3FB; padding:3px 6px; border-radius:5px; }
.ukg-pvis .bolsa{ position:absolute; left:26px; right:26px; bottom:18px; display:flex; justify-content:space-between; align-items:center; background:#fff; border:1px solid var(--ukl-line); border-radius:12px; padding:10px 14px; font:700 11px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukg-pvis .bolsa b{ font:800 18px/1 var(--ukl-display); color:var(--ukl-coral-d); font-variant-numeric:tabular-nums; }
/* 3 · solicitudes */
.ukg-pvis .reqs{ position:absolute; inset:22px; display:grid; gap:10px; align-content:start; }
.ukg-pvis .rq{ display:grid; grid-template-columns:36px 1fr auto; gap:12px; align-items:center; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:12px 14px; color:#fff; transition:background .4s,border-color .4s; }
.ukg-pvis .rq .av{ width:36px; height:36px; border-radius:11px; display:grid; place-items:center; background:rgba(255,255,255,.12); font:700 11px/1 var(--ukl-display); }
.ukg-pvis .rq b{ display:block; font-size:13.5px; color:#fff; }
.ukg-pvis .rq small{ display:block; font:400 10.5px/1.3 var(--ukl-mono); color:rgba(255,255,255,.6); }
.ukg-pvis .rq .st{ font:700 10px/1 var(--ukl-mono); padding:7px 9px; border-radius:8px; background:rgba(242,169,59,.18); color:#F2C06B; white-space:nowrap; }
.ukg-pvis .rq.ok{ background:rgba(91,224,160,.1); border-color:rgba(91,224,160,.35); }
.ukg-pvis .rq.ok .st{ background:rgba(91,224,160,.2); color:#5BE0A0; }
.ukg-pvis .cvl{ margin-top:8px; font:700 9.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.ukg-pvis .cover{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
.ukg-pvis .cover i{ height:44px; border-radius:6px; background:rgba(255,255,255,.1); display:grid; place-items:center; font:700 9px/1 var(--ukl-mono); font-style:normal; color:rgba(255,255,255,.6); transition:background .35s; }
.ukg-pvis .cover i.f{ background:#4252C4; color:#fff; } .ukg-pvis .cover i.v{ background:#8B80E8; color:#fff; }
/* 4 · movilidad */
.ukg-pvis .mob{ position:absolute; inset:0; display:grid; grid-template-columns:auto 1fr; gap:26px; align-items:center; padding:0 30px; }
.ukg-pvis .mphone{ width:150px; aspect-ratio:9/18.5; border-radius:26px; background:#0B1450; padding:7px; box-shadow:0 30px 60px -24px rgba(15,32,108,.5); }
.ukg-pvis .mphone .s{ height:100%; border-radius:20px; background:#F5F7FD; display:grid; align-content:center; justify-items:center; gap:10px; padding:10px; text-align:center; }
.ukg-pvis .mphone b{ font:800 12px/1.2 var(--ukl-display); color:var(--ukl-ink); }
.ukg-pvis .mphone i{ width:70px; height:70px; border-radius:50%; background:var(--ukl-green); color:#fff; display:grid; place-items:center; font:800 11px/1 var(--ukl-display); font-style:normal; box-shadow:0 0 0 7px rgba(18,146,91,.15); }
.ukg-pvis .mphone small{ font:400 9px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukg-pvis .modes{ display:grid; gap:8px; }
.ukg-pvis .modes span{ display:flex; justify-content:space-between; align-items:center; background:#fff; border:1px solid var(--ukl-line); border-radius:12px; padding:11px 14px; font-size:13.5px; color:var(--ukl-text); transition:border-color .35s,box-shadow .35s; }
.ukg-pvis .modes span b{ font:700 10px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukg-pvis .modes span.on{ border-color:var(--ukl-ink); box-shadow:var(--ukl-shadow); }
.ukg-pvis .modes span.on b{ color:var(--ukl-green); }
.ukg-pvis .stores{ display:flex; gap:8px; margin-top:4px; }
.ukg-pvis .stores em{ font-style:normal; font:700 10px/1 var(--ukl-mono); color:#fff; background:var(--ukl-ink); border-radius:8px; padding:8px 10px; }
@media (max-width:980px){
  .ukabi-light-page .ukl-gt-pcard{ position:relative !important; top:auto !important; margin-top:18px !important; }
  .ukabi-light-page .ukl-gt-pcard > .fusion-column-wrapper{ grid-template-columns:1fr; grid-template-rows:none; padding:28px !important; min-height:0; }
  .ukg-pvis{ grid-column:1 !important; grid-row:auto; margin-top:24px !important; }
}
@media (max-width:520px){ .ukg-pvis.v4{ height:auto; min-height:440px; } .ukg-pvis .mob{ position:relative; grid-template-columns:1fr; justify-items:center; padding:20px; } }

/* ---------- Anomalías + nómina ---------- */
.ukabi-light-page .ukl-gt-diff-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-gt-diff-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-gt-diff-txt .fusion-column-wrapper{ padding-right:40px !important; row-gap:18px; }
.ukabi-light-page .ukl-gt-diff-txt .ukl-pill{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-gt-diff-txt .ukl-title .fusion-title-heading{ font-size:clamp(30px,3.4vw,46px) !important; }
.ukg-scan{ position:relative; flex:0 0 100% !important; background:#fff; border:1px solid var(--ukl-line); border-radius:24px; padding:18px; box-shadow:var(--ukl-shadow-lg); overflow:hidden; text-align:left; }
.ukg-scan .sh{ display:flex; justify-content:space-between; font:700 10.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); padding:2px 4px 12px; }
.ukg-scan .sh b{ color:var(--ukl-ink); }
.ukg-scan .srow{ display:grid; grid-template-columns:110px repeat(5,1fr) 128px; gap:6px; align-items:center; padding:8px 6px; border-top:1px solid var(--ukl-line); font:400 11px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukg-scan .srow.hd{ border-top:0; font-weight:700; font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; }
.ukg-scan .srow > b{ font:700 12.5px/1.2 var(--ukl-display); color:var(--ukl-ink); }
.ukg-scan .srow i{ font-style:normal; text-align:center; border-radius:6px; padding:6px 0; background:#F1F3FB; color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukg-scan .srow i.bad{ background:#FFF3DF; color:#A86A07; outline:2px solid transparent; transition:outline-color .3s; }
.ukg-scan .srow.flag i.bad{ outline-color:#F2A93B; }
.ukg-scan .rsn{ justify-self:end; font:700 9.5px/1 var(--ukl-mono); padding:6px 8px; border-radius:7px; background:#FFF3DF; color:#A86A07; opacity:0; transform:translateX(8px); transition:opacity .35s,transform .35s; white-space:nowrap; }
.ukg-scan .srow.flag .rsn{ opacity:1; transform:none; }
.ukg-scan .rsn.ok{ background:var(--ukl-green-soft); color:var(--ukl-green); }
.ukg-scan .beam{ position:absolute; left:0; right:0; top:0; height:46px; background:linear-gradient(180deg,transparent,rgba(253,73,92,.14) 60%,rgba(253,73,92,.55) 100%); border-bottom:2px solid var(--ukl-coral); pointer-events:none; opacity:0; }
@media (max-width:1024px){ .ukabi-light-page .ukl-gt-diff-txt .fusion-column-wrapper{ padding-right:0 !important; } .ukabi-light-page .ukl-mock--gtscan{ margin-top:28px !important; } }
@media (max-width:640px){ .ukg-scan .srow{ grid-template-columns:80px repeat(5,1fr); row-gap:8px; } .ukg-scan .rsn{ grid-column:1/-1; justify-self:start; } .ukg-scan .srow.hd span:last-child{ display:none; } }
/* conductos hacia la nómina */
.ukabi-light-page .ukl-gt-flow-col{ margin-top:60px !important; }
.ukabi-light-page .ukl-gt-flow{ grid-template-columns:repeat(3,1fr); gap:14px !important; }
.ukabi-light-page .ukl-gt-flow > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-gt-flow .content-box-column{ position:relative; z-index:2; background:#fff !important; border:1px solid var(--ukl-line); border-radius:20px; padding:20px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-gt-flow .content-box-wrapper{ display:flex !important; flex-direction:column; }
.ukabi-light-page .ukl-gt-flow .heading{ order:2; }
.ukabi-light-page .ukl-gt-flow .content-container{ order:3; }
.ukabi-light-page .ukl-gt-flow .content-container p{ margin:0; }
.ukabi-light-page .ukl-gt-flow p.ukl-gt-k{ order:1; margin:0 0 6px !important; font:700 10px/1 var(--ukl-mono) !important; letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-coral-d) !important; }
.ukabi-light-page .ukl-sec .ukl-gt-flow .content-box-heading{ font-size:17px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-gt-flow .content-box-column:first-child{ background:var(--ukl-ink) !important; border-color:var(--ukl-ink); }
.ukabi-light-page .ukl-sec .ukl-gt-flow .content-box-column:first-child .content-box-heading{ color:#fff !important; }
.ukabi-light-page .ukl-sec .ukl-gt-flow .content-box-column:first-child .content-container{ color:rgba(255,255,255,.72) !important; }
.ukabi-light-page .ukl-gt-flow .content-box-column:first-child p.ukl-gt-k{ color:#FF9AA6 !important; }
.ukg-tag{ display:inline-block; margin-top:10px; font-style:normal; font:700 10px/1 var(--ukl-mono); padding:6px 8px; border-radius:7px; background:var(--ukl-green-soft); color:var(--ukl-green); }
.ukg-tag.xl{ background:#E7F0FF; color:#1E6FD9; }
@media (min-width:981px){
  .ukabi-light-page .ukl-gt-flow.ukg-js{ grid-template-columns:1fr 1.2fr 1fr; grid-template-rows:auto auto; column-gap:0 !important; row-gap:14px !important; align-items:center; }
  .ukabi-light-page .ukl-gt-flow.ukg-js .content-box-column:first-child{ grid-column:1; grid-row:1/3; }
  .ukabi-light-page .ukl-gt-flow.ukg-js .ukg-pipe{ grid-column:2; grid-row:1/3; align-self:stretch; }
  .ukabi-light-page .ukl-gt-flow.ukg-js .content-box-column:nth-child(3){ grid-column:3; grid-row:1; }
  .ukabi-light-page .ukl-gt-flow.ukg-js .content-box-column:nth-child(4){ grid-column:3; grid-row:2; }
}
.ukg-pipe{ position:relative; min-height:180px; }
.ukg-pipe svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.ukg-pipe path{ fill:none; stroke:#C5CBEA; stroke-width:2; stroke-dasharray:6 6; }
.ukg-vchip{ position:absolute; left:0; top:50%; translate:0 -50%; font:700 10px/1 var(--ukl-mono); color:#fff; background:var(--ukl-coral); border-radius:999px; padding:7px 10px; white-space:nowrap; opacity:0; box-shadow:0 8px 20px -8px rgba(253,73,92,.7); }
.ukg-vchip.b{ background:#1E6FD9; box-shadow:0 8px 20px -8px rgba(30,111,217,.7); }
@media (max-width:980px){ .ukabi-light-page .ukl-gt-flow{ grid-template-columns:1fr; } .ukg-pipe{ display:none; } }
.ukabi-light-page .ukl-gt-note{ margin-top:18px !important; }
.ukabi-light-page .ukl-gt-note p{ text-align:center; font:400 12px/1.5 var(--ukl-mono) !important; color:var(--ukl-muted) !important; }

/* ---------- Ventajas con foco al cursor ---------- */
.ukabi-light-page .ukl-gt-adv-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-gt-feats{ grid-template-columns:repeat(3,1fr); gap:14px !important; }
.ukabi-light-page .ukl-gt-feats > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-gt-feats .content-box-column{ position:relative; overflow:hidden; 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-gt-feats .content-box-column::before{ content:""; position:absolute; inset:0; background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(253,73,92,.1),transparent 60%); opacity:0; transition:opacity .3s; pointer-events:none; }
.ukabi-light-page .ukl-gt-feats .content-box-column:hover{ transform:translateY(-3px); box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-gt-feats .content-box-column:hover::before{ opacity:1; }
.ukabi-light-page .ukl-gt-feats .content-box-wrapper{ position:relative; display:grid !important; grid-template-columns:44px 1fr; column-gap:16px; row-gap:4px; align-items:start; }
.ukabi-light-page .ukl-gt-feats .heading{ display:contents !important; }
.ukabi-light-page .ukl-gt-feats .content-box-wrapper > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-sec .ukl-gt-feats .heading .icon{ grid-row:1/3; width:44px; height:44px; border-radius:13px; margin:0 !important; background:var(--ukl-bg-2); color:var(--ukl-ink); }
.ukabi-light-page .ukl-sec .ukl-gt-feats .heading .icon i{ font-size:18px !important; }
.ukabi-light-page .ukl-sec .ukl-gt-feats .content-box-heading{ grid-column:2; margin:0 !important; padding:0 !important; font-size:16.5px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-sec .ukl-gt-feats .content-container{ grid-column:2; padding:0 !important; font-size:14px !important; }
@media (max-width:980px){ .ukabi-light-page .ukl-gt-feats{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .ukabi-light-page .ukl-gt-feats{ grid-template-columns:1fr; } }

/* ---------- Versiones S y M ---------- */
.ukabi-light-page .ukl-gt-size-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-gt-size-sec > .fusion-row{ align-items:flex-start !important; }
.ukabi-light-page .ukl-gt-tags-col{ position:sticky !important; top:140px; }
.ukabi-light-page .ukl-gt-flist-col{ margin-top:50px !important; }
.ukabi-light-page .ukl-gt-tags-col .fusion-column-wrapper{ padding-right:40px !important; row-gap:14px; }
.ukabi-light-page .ukl-gt-tags{ grid-template-columns:1fr; gap:14px !important; }
.ukabi-light-page .ukl-gt-tags > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-gt-tags .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:22px; padding:20px 22px !important; cursor:pointer; transition:border-color .3s,box-shadow .3s; }
.ukabi-light-page .ukl-gt-tags .content-box-wrapper{ display:grid !important; grid-template-columns:auto 1fr; column-gap:18px; row-gap:6px; align-items:center; }
.ukabi-light-page .ukl-gt-tags .heading{ display:contents !important; }
.ukabi-light-page .ukl-gt-tags .content-box-wrapper > .fusion-clearfix{ display:none !important; }
.ukg-lt{ grid-row:1/3; width:64px; height:64px; border-radius:18px; display:grid; place-items:center; background:var(--ukl-bg-2); color:var(--ukl-ink); font:800 32px/1 var(--ukl-display); transition:background .3s,color .3s; }
.ukabi-light-page .ukl-sec .ukl-gt-tags .content-box-heading{ grid-column:2; margin:0 !important; padding:0 !important; font-size:18px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-sec .ukl-gt-tags .content-container{ grid-column:2; padding:0 !important; font-size:14px !important; }
.ukabi-light-page .ukl-gt-tags .content-box-column.ukg-on{ border-color:var(--ukl-ink); box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-gt-tags .ukg-on .ukg-lt{ background:var(--ukl-ink); color:#fff; }
.ukabi-light-page .ukl-gt-tags .content-box-column:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukg-count{ margin:0 !important; padding-left:4px; font:700 11px/1.4 var(--ukl-mono); color:var(--ukl-muted); }
.ukg-count b{ color:var(--ukl-coral-d); font-size:15px; }
.ukabi-light-page .ukl-gt-flist{ display:block !important; margin:0 !important; background:#fff; border:1px solid var(--ukl-line); border-radius:24px; padding:10px 22px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-gt-flist .fusion-li-item{ display:grid !important; grid-template-columns:28px 1fr auto; gap:12px; align-items:center; margin:0 !important; padding:11px 0 !important; border-top:1px solid var(--ukl-line); transition:opacity .35s; }
.ukabi-light-page .ukl-gt-flist .fusion-li-item:first-child{ border-top:0; }
.ukabi-light-page .ukl-gt-flist .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-gt-flist .fusion-li-item::before{ content:"✓"; width:24px; height:24px; border-radius:8px; display:grid; place-items:center; background:var(--ukl-green-soft); color:var(--ukl-green); font:800 12px/1 var(--ukl-display); transition:background .35s,color .35s,transform .35s; }
.ukabi-light-page .ukl-gt-flist .fusion-li-item-content{ margin:0 !important; font-size:14.5px !important; color:var(--ukl-text); transition:color .35s; }
.ukg-mm{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.06em; color:var(--ukl-muted); opacity:0; transition:opacity .3s; }
.ukabi-light-page .ukl-gt-flist .fusion-li-item.ukg-off::before{ content:"—"; background:#F1F3FB; color:#C5CBE0; transform:scale(.85); }
.ukabi-light-page .ukl-gt-flist .fusion-li-item.ukg-off .fusion-li-item-content{ color:#A5ACC8; }
.ukabi-light-page .ukl-gt-flist .fusion-li-item.ukg-off .ukg-mm{ opacity:1; }
.ukabi-light-page .ukl-gt-flist .fusion-li-item.ukg-pop::before{ animation:ukg-pop .45s cubic-bezier(.3,1.6,.5,1); }
@keyframes ukg-pop{ 0%{ transform:scale(.4); } 100%{ transform:scale(1); } }
@media (max-width:1024px){
  .ukabi-light-page .ukl-gt-tags-col{ position:relative !important; top:auto; }
  .ukabi-light-page .ukl-gt-tags-col .fusion-column-wrapper{ padding-right:0 !important; }
  .ukabi-light-page .ukl-gt-flist-col{ margin-top:24px !important; }
}
@media (min-width:600px) and (max-width:1024px){ .ukabi-light-page .ukl-gt-tags{ grid-template-columns:1fr 1fr; } }

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

@media (prefers-reduced-motion:reduce){ .ukabi-light-page .ukl-gt-pcard{ transform:none !important; filter:none !important; } }

/* Funcionalidades: imagen de la plataforma (ordenador, terminal web y app) entre la entrada y las tarjetas */
.ukabi-light-page .ukl-gt-shot .fusion-imageframe{ display:block !important; max-width:980px; margin:0 auto !important; }
.ukabi-light-page .ukl-gt-shot .fusion-imageframe img{ display:block; width:100%; height:auto; filter:drop-shadow(0 30px 40px rgba(15,32,108,.16)); }
@media (max-width:760px){ .ukabi-light-page .ukl-gt-feat-sec .ukl-head + .ukl-gt-shot{ margin-top:28px !important; } }