/* =====================================================================
   UKABI · Página de área Control de presencia
   (Ordutick · a3gestión del tiempo · netTime one)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-cp-*;
   piezas que inserta ukabi-light-cp.js: ukq-*.
   ===================================================================== */

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

/* ---------- HERO ---------- */
.ukabi-light-page .ukl-cp-hero{ padding-top:96px !important; padding-bottom:40px !important; overflow-x:clip; }
.ukabi-light-page .ukl-cp-hero > .fusion-row{ max-width:1240px !important; }
.ukabi-light-page .ukl-cp-copy .fusion-column-wrapper{ max-width:1000px; }
.ukabi-light-page .ukl-cp-copy .ukl-h1 .fusion-title-heading{ display:grid; gap:12px; justify-items:center; font-size:clamp(26px,2.9vw,40px) !important; line-height:1.1 !important; letter-spacing:-.04em !important; }
.ukabi-light-page .ukl-cp-copy .ukl-h1 .fusion-title-heading > em,
.ukabi-light-page .ukl-cp-copy .ukl-h1 .fusion-title-heading > .ukl-w:first-child{ font-size:clamp(42px,6.4vw,92px); letter-spacing:-.055em; line-height:.98; }
@media (min-width:760px){ .ukabi-light-page .ukl-cp-copy .ukl-h1 .fusion-title-heading > em,.ukabi-light-page .ukl-cp-copy .ukl-h1 .fusion-title-heading > .ukl-w:first-child{ white-space:nowrap; } }
.ukabi-light-page .ukl-cp-copy .ukl-h1 em{ display:inline-block; margin-right:0; padding:0 .12em .08em 0; background:linear-gradient(100deg,var(--ukl-ink) 10%,#3D4BC4 55%,var(--ukl-coral) 95%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ukabi-light-page .ukl-cp-copy .ukl-h1 .ukl-cp-h1s{ display:block; max-width:820px; text-wrap:balance; }
.ukabi-light-page .ukl-cp-copy .ukl-lead{ max-width:none !important; margin-inline:0 !important; }
.ukabi-light-page .ukl-cp-copy .ukl-lead p{ max-width:780px; margin-inline:auto !important; font-size:17.5px !important; }
.ukabi-light-page .ukl-cp-keys{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 !important; }
.ukabi-light-page .ukl-cp-keys .fusion-li-item{ margin:0 !important; padding:9px 14px !important; background:#fff !important; border:1px solid var(--ukl-line); border-radius:999px; display:inline-flex !important; align-items:center; gap:8px; }
.ukabi-light-page .ukl-cp-keys .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-cp-keys .fusion-li-item::before{ content:"✓"; color:var(--ukl-green); font-weight:800; font-size:13px; }
.ukabi-light-page .ukl-cp-keys .fusion-li-item-content{ margin:0 !important; font:600 13px/1.2 var(--ukl-display) !important; color:var(--ukl-ink); }
.ukabi-light-page .ukl-mock--cpstage{ margin-top:64px !important; }

/* escenario: dispositivos → registro de jornada */
.ukq-stage{ position:relative; flex:0 0 100% !important; max-width:1080px; margin-inline:auto !important; display:grid; grid-template-columns:200px minmax(0,1fr) 250px; gap:34px; align-items:center; text-align:left; }
.ukq-stage .dev{ position:relative; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow); transition:box-shadow .3s,transform .3s; }
.ukq-stage .dev.hit{ box-shadow:0 0 0 3px rgba(253,73,92,.28),var(--ukl-shadow-lg); transform:translateY(-3px); }
.ukq-stage .dev-tag{ position:absolute; left:50%; bottom:-30px; transform:translateX(-50%); font:700 10.5px/1 var(--ukl-mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ukl-muted); }
.ukq-stage .phone{ border-radius:34px; padding:10px; height:360px; background:#0F1640; border-color:#0F1640; }
.ukq-stage .ph-scr{ height:100%; border-radius:26px; background:linear-gradient(180deg,#F4F5FC,#E8EBF8); display:grid; align-content:center; justify-items:center; gap:12px; padding:18px; text-align:center; }
.ukq-stage .ph-scr small{ font-size:11.5px; color:var(--ukl-muted); font-weight:600; }
.ukq-stage .ph-scr > b{ font:800 40px/1.1 var(--ukl-display); color:var(--ukl-ink); letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.ukq-stage .ph-btn{ display:grid; place-items:center; width:112px; height:112px; border-radius:50%; background:var(--ukl-coral); color:#fff; font:700 13px/1.2 var(--ukl-display); padding:12px; box-shadow:0 0 0 10px rgba(253,73,92,.12),0 14px 30px -10px rgba(253,73,92,.7); transition:transform .2s,background .3s; }
.ukq-stage .ph-btn.tap{ transform:scale(.92); }
.ukq-stage .ph-btn.done{ background:var(--ukl-green); box-shadow:0 0 0 10px rgba(18,146,91,.12); }
.ukq-stage .ph-ok{ font-size:12px; font-weight:700; color:var(--ukl-green); opacity:0; transition:opacity .3s; }
.ukq-stage .ph-ok.on{ opacity:1; }
.ukq-stage .ph-geo{ font:400 10.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukq-stage .con{ position:relative; background:#fff; border:1px solid var(--ukl-line); border-radius:26px; box-shadow:var(--ukl-shadow-lg); padding:24px; display:grid; gap:18px; }
.ukq-stage .con-top{ display:flex; justify-content:space-between; align-items:center; gap:16px; }
.ukq-stage .con-clk small{ display:block; font:700 10.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted); }
.ukq-stage .con-clk b{ display:block; font:800 clamp(34px,4vw,52px)/1.15 var(--ukl-display); color:var(--ukl-ink); letter-spacing:-.02em; margin-top:8px; font-variant-numeric:tabular-nums; }
.ukq-stage .con-clk span{ font-size:13px; color:var(--ukl-muted); }
.ukq-stage .ring{ position:relative; width:112px; height:112px; flex:none; }
.ukq-stage .ring svg{ width:100%; height:100%; transform:rotate(-90deg); display:block; }
.ukq-stage .ring circle{ fill:none; stroke-width:10; }
.ukq-stage .ring .tr{ stroke:var(--ukl-bg-2); }
.ukq-stage .ring .pr{ stroke:var(--ukl-ink); stroke-linecap:round; stroke-dasharray:314.16; stroke-dashoffset:39; transition:stroke-dashoffset .8s cubic-bezier(.2,.7,.2,1); }
.ukq-stage .ring > div{ position:absolute; inset:0; display:grid; place-content:center; text-align:center; }
.ukq-stage .ring b{ font:800 30px/1 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukq-stage .ring span{ font-size:10.5px; color:var(--ukl-muted); font-weight:600; }
.ukq-stage .src{ display:flex; gap:6px; flex-wrap:wrap; }
.ukq-stage .src span{ font:700 10.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); border:1px solid var(--ukl-line); border-radius:999px; padding:7px 11px; transition:all .3s; }
.ukq-stage .src span.on{ background:var(--ukl-ink); border-color:var(--ukl-ink); color:#fff; }
.ukq-stage .feed{ list-style:none; margin:0; padding:0; display:grid; gap:8px; min-height:190px; align-content:start; overflow:hidden; }
.ukq-stage .feed li{ display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:12px; align-items:center; margin:0; background:#F1F3FB; border:1px solid rgba(15,32,108,.13); border-radius:14px; padding:9px 12px; }
.ukq-stage .feed li.new{ animation:ukqIn .6s cubic-bezier(.2,.7,.2,1); }
@keyframes ukqIn{ from{ opacity:0; transform:translateY(-14px) scale(.97); background:#FFE6E9; } }
.ukq-stage .feed i{ width:36px; height:36px; border-radius:50%; display:grid; place-items:center; font:800 12px/1 var(--ukl-display); font-style:normal; color:var(--ukl-ink); background:#fff; border:1px solid var(--ukl-line); }
.ukq-stage .feed span{ font-size:12.5px; line-height:1.35; color:var(--ukl-muted); min-width:0; }
.ukq-stage .feed span b{ display:block; color:var(--ukl-ink); font-size:14px; }
.ukq-stage .feed time{ font:700 14px/1.2 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukq-stage .feed li.out i{ color:var(--ukl-coral-d); }
.ukq-stage .con-bot{ display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; font-size:12.5px; font-weight:600; }
.ukq-stage .rem{ display:inline-flex; align-items:center; gap:6px; color:var(--ukl-ink); }
.ukq-stage .rem i{ width:8px; height:8px; border-radius:50%; background:var(--ukl-green); box-shadow:0 0 0 4px var(--ukl-green-soft); animation:ukqBlink 1.6s infinite; }
@keyframes ukqBlink{ 50%{ opacity:.35; } }
.ukq-stage .ok{ color:var(--ukl-green); }
.ukq-stage .ex{ position:absolute; top:-11px; right:18px; font:700 9.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted); background:var(--ukl-bg); border:1px solid var(--ukl-line); border-radius:999px; padding:5px 9px; }
.ukq-stage .side{ display:grid; gap:56px; }
.ukq-stage .term{ border-radius:22px; padding:16px; background:linear-gradient(160deg,#1A2466,#0B1238); border-color:#0B1238; height:150px; }
.ukq-stage .rd{ height:100%; border-radius:14px; background:#050A24; display:grid; grid-template-columns:1fr auto; align-items:center; padding:12px 16px; gap:10px; }
.ukq-stage .rd .scr{ color:#8EF0C2; font:800 26px/1.15 var(--ukl-display); font-variant-numeric:tabular-nums; }
.ukq-stage .rd .scr.ok2{ color:#fff; font-size:13px; }
.ukq-stage .nfc{ width:46px; height:46px; border-radius:50%; border:2px solid rgba(255,255,255,.3); position:relative; }
.ukq-stage .nfc::before,.ukq-stage .nfc::after{ content:""; position:absolute; inset:8px; border-radius:50%; border:2px solid rgba(255,255,255,.25); }
.ukq-stage .nfc::after{ inset:16px; background:var(--ukl-coral); border:0; }
.ukq-stage .card{ position:absolute; right:-18px; top:-26px; width:62px; height:40px; border-radius:7px; background:linear-gradient(135deg,var(--ukl-coral),#B04BD8); box-shadow:0 8px 20px -8px rgba(0,0,0,.5); transform:rotate(12deg); transition:transform .45s cubic-bezier(.2,.7,.2,1); }
.ukq-stage .card.tap{ transform:translate(-44px,56px) rotate(-8deg); }
.ukq-stage .web{ border-radius:16px; overflow:hidden; }
.ukq-stage .web .bar{ display:flex; align-items:center; gap:5px; padding:9px 12px; background:var(--ukl-bg-2); border-bottom:1px solid var(--ukl-line); }
.ukq-stage .web .bar i{ width:8px; height:8px; border-radius:50%; background:#C9CDE3; }
.ukq-stage .web .bar span{ margin-left:8px; font:700 10px/1 var(--ukl-mono); color:var(--ukl-muted); letter-spacing:.06em; }
.ukq-stage .wb{ padding:14px; display:grid; gap:6px; }
.ukq-stage .wb > span:first-child{ font-size:11.5px; color:var(--ukl-muted); }
.ukq-stage .wb b{ font:800 22px/1.2 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukq-stage .wb-btn{ justify-self:start; margin-top:4px; font-size:12px; font-weight:700; color:#fff; background:var(--ukl-ink); border-radius:8px; padding:8px 12px; transition:transform .2s,background .3s; }
.ukq-stage .wb-btn.tap{ transform:scale(.93); background:var(--ukl-coral); }
.ukq-stage .tok{ position:absolute; left:0; top:0; width:14px; height:14px; border-radius:50%; background:var(--ukl-coral); box-shadow:0 0 0 6px rgba(253,73,92,.18),0 0 24px rgba(253,73,92,.8); opacity:0; pointer-events:none; z-index:5; }
@media (max-width:980px){ .ukq-stage{ grid-template-columns:minmax(0,1fr); max-width:560px; } .ukq-stage .phone,.ukq-stage .side{ display:none; } }
@media (max-width:520px){ .ukq-stage .con{ padding:18px; } .ukq-stage .ring{ width:88px; height:88px; } .ukq-stage .ring b{ font-size:24px; } .ukq-stage .con-bot .ok{ font-size:11.5px; } }

/* logos de las soluciones */
.ukabi-light-page .ukl-cp-logos{ margin-top:72px !important; }
.ukabi-light-page .ukl-cp-logos > .fusion-column-wrapper{ justify-content:center; row-gap:18px; }
.ukabi-light-page .ukl-cp-logos-t p{ text-align:center; font:700 11px/1 var(--ukl-mono) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-cp-logos .fusion-builder-row-inner{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:14px; width:auto !important; }
.ukabi-light-page .ukl-cp-logo{ width:260px !important; max-width:100%; flex:0 0 260px !important; margin:0 !important; }
.ukabi-light-page .ukl-cp-logo > .fusion-column-wrapper{ justify-content:center; text-align:center; row-gap:10px; background:#fff !important; border:1px solid var(--ukl-line); border-radius:18px; padding:18px 26px !important; width:100%; min-height:104px; transition:border-color .3s,box-shadow .3s; }
.ukabi-light-page .ukl-cp-logo > .fusion-column-wrapper:hover{ border-color:var(--ukl-ink); box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-cp-lg img{ width:auto !important; }
.ukabi-light-page .ukl-cp-lg--o img{ height:30px !important; }
.ukabi-light-page .ukl-cp-lg--a img{ height:24px !important; }
.ukabi-light-page .ukl-cp-lg--n img{ height:40px !important; }
.ukabi-light-page .ukl-cp-lgc p{ text-align:center; font-size:11.5px !important; font-weight:600; color:var(--ukl-muted) !important; line-height:1.2 !important; }
@media (max-width:860px){ .ukabi-light-page .ukl-cp-logo{ flex:1 1 100% !important; width:100% !important; } }

/* ---------- Un sistema para cada realidad ---------- */
.ukabi-light-page .ukl-cp-real{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px !important; }
.ukabi-light-page .ukl-cp-real > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-cp-real .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:22px; padding:24px !important; transition:border-color .3s,box-shadow .3s; }
.ukabi-light-page .ukl-cp-real .content-box-column:hover{ border-color:var(--ukl-ink); box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-sec .ukl-cp-real .content-box-heading{ font-size:18px !important; font-weight:800 !important; letter-spacing:-.02em !important; line-height:1.25 !important; margin-bottom:10px !important; }
.ukq-il{ display:block; width:100%; max-width:180px; height:auto; aspect-ratio:3/2; background:#F1F3FB; border-radius:16px; margin:0 0 18px; }
.ukq-il .s1{ fill:#fff; stroke:#DCE0F0; stroke-width:2; } .ukq-il .s2{ fill:none; stroke:rgba(15,32,108,.13); stroke-width:1.5; stroke-dasharray:3 4; }
.ukq-il .n1{ fill:#0F206C; } .ukq-il .n2{ fill:#FD495C; } .ukq-il .n3{ fill:#fff; stroke:#0F206C; stroke-width:2; }
.ukq-il .needle{ transform-origin:60px 40px; animation:ukqWob 4s ease-in-out infinite; }
@keyframes ukqWob{ 0%,100%{ transform:rotate(-35deg); } 30%{ transform:rotate(28deg); } 55%{ transform:rotate(-12deg); } 75%{ transform:rotate(8deg); } }
.ukq-il .route{ fill:none; stroke:#0F206C; stroke-width:2; stroke-dasharray:4 5; animation:ukqDash 2.4s linear infinite; opacity:.5; }
@keyframes ukqDash{ to{ stroke-dashoffset:-36; } }
.ukq-il .pin circle{ fill:#fff; stroke:#0F206C; stroke-width:2; }
.ukq-il .pin text{ font:800 9px var(--ukl-display); fill:#0F206C; text-anchor:middle; }
.ukq-il .pin{ animation:ukqPin 2.4s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
.ukq-il .p2{ animation-delay:.8s; } .ukq-il .p3{ animation-delay:1.6s; }
@keyframes ukqPin{ 0%,100%{ transform:scale(1); } 15%{ transform:scale(1.25); } }
.ukq-il .pin.p2 circle{ fill:#FFE6E9; stroke:#FD495C; }
.ukq-il .bars rect{ fill:#D5DAF0; }
.ukq-il .xtra{ fill:#FD495C; transform-box:fill-box; transform-origin:bottom; animation:ukqGrow 3s ease-in-out infinite; }
.ukq-il .xt{ font:700 9px var(--ukl-mono); fill:#E83248; text-anchor:middle; }
.ukq-il .base{ stroke:#DCE0F0; stroke-width:2; }
@keyframes ukqGrow{ 0%,15%{ transform:scaleY(0); } 40%,85%{ transform:scaleY(1); } 100%{ transform:scaleY(0); } }
.ukq-il .steps rect{ fill:#D5DAF0; } .ukq-il .steps rect:last-child{ fill:#0F206C; }
.ukq-il .arr,.ukq-il .arh{ fill:none; stroke:#FD495C; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.ukq-il .arr{ stroke-dasharray:80; animation:ukqDraw 3s ease-in-out infinite; }
@keyframes ukqDraw{ 0%{ stroke-dashoffset:80; } 50%,100%{ stroke-dashoffset:0; } }
.ukabi-light-page .ukl-cp-note{ margin-top:44px !important; }
.ukabi-light-page .ukl-cp-note p{ max-width:820px; margin-inline:auto !important; text-align:center; font-size:19px; line-height:1.6; color:var(--ukl-text); }
.ukabi-light-page .ukl-cp-note mark{ background:linear-gradient(transparent 62%,rgba(253,73,92,.22) 62%) no-repeat 0 0/0% 100%; color:var(--ukl-ink); font-weight:600; transition:background-size 1.4s cubic-bezier(.2,.7,.2,1); }
.ukabi-light-page .ukl-cp-note mark.ukq-on,.ukabi-light-page:not(.ukq-js) .ukl-cp-note mark{ background-size:100% 100%; }
@media (max-width:1000px){ .ukabi-light-page .ukl-cp-real{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .ukabi-light-page .ukl-cp-real{ grid-template-columns:minmax(0,1fr); } }

/* ---------- Obligación legal (panel oscuro) ---------- */
.ukabi-light-page .ukl-cp-law-sec{ padding-top:20px !important; }
.ukabi-light-page .ukl-cp-law-sec > .fusion-row{ overflow:hidden; border-radius:32px; background:linear-gradient(140deg,#0B1450,#0F206C 55%,#2A2F86); padding:64px 52px !important; align-items:center !important; row-gap:40px; }
.ukabi-light-page .ukl-cp-law-sec > .fusion-row::before{ content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:44px 44px; }
.ukabi-light-page .ukl-cp-law-sec .fusion-layout-column{ position:relative; }
.ukabi-light-page .ukl-cp-law-copy .fusion-column-wrapper{ row-gap:18px; }
.ukabi-light-page .ukl-cp-law-copy .ukl-pill{ flex:0 1 auto !important; max-width:100%; }
.ukabi-light-page .ukl-cp-pill-d p{ color:#fff !important; background:rgba(255,255,255,.08) !important; border-color:rgba(255,255,255,.2) !important; }
.ukabi-light-page .ukl-cp-pill-d p::before{ box-shadow:0 0 0 4px rgba(253,73,92,.25) !important; }
.ukabi-light-page .ukl-cp-law-sec .ukl-title .fusion-title-heading{ color:#fff !important; font-size:clamp(28px,3.4vw,44px) !important; }
.ukabi-light-page .ukl-cp-law-txt p{ color:rgba(255,255,255,.8) !important; font-size:16.5px; }
.ukabi-light-page .ukl-cp-law-txt p + p{ margin-top:14px !important; }
.ukabi-light-page .ukl-mock--cpstamp .fusion-column-wrapper{ justify-content:center; }
.ukq-stamp{ flex:0 0 auto !important; display:grid; justify-items:center; gap:6px; border:3px solid #FD495C; border-radius:18px; padding:22px 30px; transform:rotate(-8deg); text-align:center; transition:opacity .35s,transform .45s cubic-bezier(.3,1.6,.5,1); }
.ukq-stamp.ukq-wait{ opacity:0; transform:rotate(-8deg) scale(1.6); }
.ukq-stamp span{ font:700 11px/1 var(--ukl-mono); letter-spacing:.16em; text-transform:uppercase; color:#FFB3BC; }
.ukq-stamp b{ font:800 30px/1.1 var(--ukl-display); letter-spacing:-.02em; color:#fff; }
.ukabi-light-page .ukl-cp-tl{ position:relative; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px !important; padding-top:34px; }
.ukabi-light-page .ukl-cp-tl > .fusion-clearfix{ display:none !important; }
.ukq-tline{ position:absolute; left:0; right:0; top:9px; height:2px; background:rgba(255,255,255,.14); border-radius:2px; }
.ukq-tline i{ position:absolute; inset:0; background:linear-gradient(90deg,#FD495C,#FF9AA6); transform-origin:left; transform:scaleX(0); }
.ukabi-light-page .ukl-cp-tl .content-box-column{ position:relative; overflow:visible !important; transition:opacity .5s; }
.ukabi-light-page .ukl-cp-tl.ukq-js .content-box-column:not(.ukq-on){ opacity:.4; }
.ukabi-light-page .ukl-cp-tl .content-box-column::before{ content:""; position:absolute; top:-32px; left:0; width:16px; height:16px; border-radius:50%; background:#0F206C; border:2px solid rgba(255,255,255,.35); transition:all .4s; box-sizing:border-box; }
.ukabi-light-page .ukl-cp-tl .content-box-column.ukq-on::before,.ukabi-light-page .ukl-cp-tl:not(.ukq-js) .content-box-column::before{ background:#FD495C; border-color:#fff; box-shadow:0 0 0 6px rgba(253,73,92,.25); }
.ukabi-light-page .ukl-sec .ukl-cp-tl .content-box-heading{ color:#fff !important; font-size:19px !important; font-weight:800 !important; }
.ukabi-light-page .ukl-sec .ukl-cp-tl .content-container{ color:rgba(255,255,255,.78) !important; }
.ukabi-light-page .ukl-cp-tl .ukl-cp-k{ color:#FF9AA6 !important; font-size:13px !important; }
@media (max-width:900px){ .ukabi-light-page .ukl-cp-law-sec > .fusion-row{ padding:44px 24px !important; } .ukabi-light-page .ukl-mock--cpstamp .fusion-column-wrapper{ justify-content:flex-start; } }
@media (max-width:640px){
  .ukabi-light-page .ukl-cp-tl{ grid-template-columns:minmax(0,1fr); padding:0 0 0 30px; }
  .ukq-tline{ left:7px; right:auto; top:0; bottom:0; width:2px; height:auto; }
  .ukq-tline i{ transform-origin:top; transform:scaleY(0); }
  .ukabi-light-page .ukl-cp-tl .content-box-column::before{ top:4px; left:-30px; }
}

/* ---------- Qué es ---------- */
.ukabi-light-page .ukl-cp-que-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-cp-que-txt .fusion-column-wrapper,.ukabi-light-page .ukl-cp-crit-txt .fusion-column-wrapper{ row-gap:18px; }
.ukabi-light-page .ukl-cp-que-txt .ukl-pill,.ukabi-light-page .ukl-cp-crit-txt .ukl-pill{ flex:0 1 auto !important; max-width:100%; }
.ukabi-light-page .ukl-cp-que-txt .ukl-title .fusion-title-heading,.ukabi-light-page .ukl-cp-crit-txt .ukl-title .fusion-title-heading{ font-size:clamp(30px,3.6vw,46px) !important; }
.ukabi-light-page .ukl-cp-que-txt .fusion-text p,.ukabi-light-page .ukl-cp-crit-txt .fusion-text p{ color:var(--ukl-muted); font-size:16.5px; }
.ukabi-light-page .ukl-cp-que-txt .fusion-text p + p,.ukabi-light-page .ukl-cp-crit-txt .fusion-text p + p{ margin-top:14px !important; }
.ukabi-light-page .ukl-cp-feat{ display:grid !important; grid-template-columns:1fr 1fr; gap:8px; margin:6px 0 0 !important; }
.ukabi-light-page .ukl-cp-feat .fusion-li-item{ position:relative; overflow:hidden; cursor:pointer; margin:0 !important; background:#fff !important; border:1px solid var(--ukl-line); border-radius:12px; padding:12px 14px 12px 40px !important; transition:border-color .3s,background .3s; }
.ukabi-light-page .ukl-cp-feat .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-cp-feat .fusion-li-item::before{ content:"✓"; position:absolute; left:14px; top:12px; color:var(--ukl-green); font-weight:800; }
.ukabi-light-page .ukl-cp-feat .fusion-li-item::after{ content:""; position:absolute; left:0; bottom:0; height:3px; width:0; background:var(--ukl-coral); }
.ukabi-light-page .ukl-cp-feat .fusion-li-item-content{ margin:0 !important; font-size:14px; font-weight:600; line-height:1.35; color:var(--ukl-ink); }
.ukabi-light-page .ukl-cp-feat .fusion-li-item.ukq-on{ border-color:var(--ukl-ink); background:#F1F3FB !important; }
.ukabi-light-page .ukl-cp-feat .fusion-li-item.ukq-on::after{ width:100%; transition:width 2.8s linear; }
.ukabi-light-page .ukl-cp-feat.ukq-hold .fusion-li-item.ukq-on::after{ transition:none; }
.ukabi-light-page .ukl-cp-feat .fusion-li-item:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukabi-light-page .ukl-cp-photo .fusion-column-wrapper{ position:relative; }
.ukabi-light-page .ukl-cp-photo-img{ display:block !important; overflow:hidden; border-radius:28px; box-shadow:var(--ukl-shadow-lg); aspect-ratio:4/5; clip-path:inset(0 0 0 0 round 28px); transition:clip-path 1.2s cubic-bezier(.2,.7,.2,1); }
.ukabi-light-page .ukl-cp-photo-img.ukq-wait{ clip-path:inset(8% 8% 8% 8% round 28px); }
.ukabi-light-page .ukl-cp-photo-img img{ width:100% !important; height:100% !important; object-fit:cover; transition:transform 1.6s cubic-bezier(.2,.7,.2,1); }
.ukabi-light-page .ukl-cp-photo-img.ukq-wait img{ transform:scale(1.08); }
.ukq-ov{ position:absolute; left:22px; right:22px; bottom:22px; z-index:2; background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-radius:18px; padding:16px 18px; display:grid; gap:4px; box-shadow:var(--ukl-shadow); flex:none !important; }
.ukq-ov small{ font:700 10.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-coral-d); }
.ukq-ov b{ font:800 19px/1.25 var(--ukl-display); color:var(--ukl-ink); letter-spacing:-.01em; }
.ukq-ov span{ font-size:13px; color:var(--ukl-muted); }
.ukq-ov.sw{ animation:ukqSw .5s cubic-bezier(.2,.7,.2,1); }
@keyframes ukqSw{ from{ opacity:0; transform:translateY(10px); } }
@media (max-width:1024px){ .ukabi-light-page .ukl-cp-photo,.ukabi-light-page .ukl-cp-lap{ margin-top:40px !important; } .ukabi-light-page .ukl-cp-photo-img{ aspect-ratio:4/3; } }
@media (max-width:520px){ .ukabi-light-page .ukl-cp-feat{ grid-template-columns:1fr; } }

/* ---------- Cómo trabajamos: escalera ---------- */
.ukabi-light-page .ukl-cp-como-sec{ padding-top:20px !important; }
.ukabi-light-page .ukl-cp-quote p{ max-width:760px; margin:0 auto !important; text-align:center; font-size:20px !important; font-weight:600; line-height:1.5; color:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-cp-steps-col{ margin-top:30px !important; }
.ukabi-light-page .ukl-cp-steps-col > .fusion-column-wrapper{ max-width:1000px; margin-inline:auto; justify-content:center; row-gap:40px; }
.ukq-seg{ flex:0 0 auto !important; display:inline-flex; gap:4px; background:#fff; border:1px solid var(--ukl-line); border-radius:999px; padding:5px; box-shadow:var(--ukl-shadow); max-width:100%; overflow-x:auto; }
.ukq-seg button{ font:600 14px/1 var(--ukl-display); color:var(--ukl-muted); background:none; border:0; border-radius:999px; padding:11px 18px; cursor:pointer; white-space:nowrap; transition:all .25s; }
.ukq-seg button.on{ background:var(--ukl-ink); color:#fff; }
.ukq-seg button:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukabi-light-page .ukl-cp-steps{ position:relative; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px !important; align-items:end; }
.ukabi-light-page .ukl-cp-steps > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-cp-steps .content-box-column{ cursor:pointer; }
.ukabi-light-page .ukl-cp-steps .content-box-wrapper{ display:flex !important; flex-direction:column; align-items:stretch; text-align:center !important; }
.ukq-blk{ display:grid; place-items:center; background:#fff; border:1px solid var(--ukl-line); border-radius:20px; padding:18px; margin-bottom:14px; transition:all .45s cubic-bezier(.2,.7,.2,1); }
.ukabi-light-page .ukl-cp-steps .content-box-column:nth-child(1) .ukq-blk{ height:120px; }
.ukabi-light-page .ukl-cp-steps .content-box-column:nth-child(2) .ukq-blk{ height:190px; }
.ukabi-light-page .ukl-cp-steps .content-box-column:nth-child(3) .ukq-blk{ height:260px; }
.ukq-blk img{ width:auto !important; opacity:.35; filter:grayscale(1); transition:all .45s; }
.ukabi-light-page .ukl-cp-steps .content-box-column.ukq-on .ukq-blk{ border-color:var(--ukl-ink); box-shadow:var(--ukl-shadow-lg); background:linear-gradient(180deg,#fff,#F1F3FB); }
.ukabi-light-page .ukl-cp-steps .content-box-column.ukq-on .ukq-blk img{ opacity:1; filter:none; }
.ukabi-light-page .ukl-cp-steps .heading,.ukabi-light-page .ukl-cp-steps .ukl-cp-k{ display:none !important; }
.ukabi-light-page .ukl-cp-steps .content-container{ text-align:center !important; font-size:14.5px !important; transition:color .3s; }
.ukabi-light-page .ukl-cp-steps .content-box-column.ukq-on .content-container{ color:var(--ukl-ink) !important; font-weight:600; }
.ukq-climb{ position:absolute; top:0; left:0; width:26px; height:26px; border-radius:50%; background:var(--ukl-coral); box-shadow:0 0 0 7px rgba(253,73,92,.18); transition:transform .7s cubic-bezier(.5,1.6,.4,1); z-index:3; pointer-events:none; }
/* sin JS: las cajas se ven como tarjetas con su título */
.ukabi-light-page .ukl-cp-steps:not(.ukq-js) .heading{ display:block !important; }
@media (max-width:640px){ .ukabi-light-page .ukl-cp-steps{ grid-template-columns:minmax(0,1fr); } .ukabi-light-page .ukl-cp-steps .content-box-column .ukq-blk{ height:96px !important; } .ukq-climb{ display:none; } .ukq-seg button{ padding:10px 12px; font-size:13px; } }

/* ---------- Tres soluciones ---------- */
.ukabi-light-page .ukl-cp-sol-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-cp-sols{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px !important; align-items:start; }
.ukabi-light-page .ukl-cp-sols > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-cp-sols .content-box-column{ background:#fff !important; border:1px solid var(--ukl-line); border-radius:26px; overflow:hidden; box-shadow:var(--ukl-shadow); transition:box-shadow .3s,border-color .3s; }
.ukabi-light-page .ukl-cp-sols .content-box-column:hover{ box-shadow:var(--ukl-shadow-lg); border-color:var(--ukl-ink); }
.ukabi-light-page .ukl-cp-sols .content-box-wrapper{ display:flex !important; flex-direction:column; padding:0 26px 26px !important; }
.ukq-slg{ height:130px; margin:0 -26px 22px; display:grid; place-items:center; background:linear-gradient(180deg,#F1F3FB,#fff); border-bottom:1px solid var(--ukl-line); }
.ukq-slg img{ width:auto !important; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.ukabi-light-page .ukl-cp-sols .content-box-column:hover .ukq-slg img{ transform:scale(1.06); }
.ukq-meta{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
.ukq-meta .ukl-cp-k{ margin:0 !important; font-size:10.5px !important; letter-spacing:.08em !important; color:var(--ukl-ink) !important; background:var(--ukl-bg-2); border-radius:999px; padding:7px 10px; }
.ukabi-light-page .ukl-cp-sols .content-box-column:nth-child(1) .ukq-meta .ukl-cp-k{ background:var(--ukl-coral-soft); color:var(--ukl-coral-d) !important; }
.ukabi-light-page .ukl-cp-sols .content-box-column:nth-child(3) .ukq-meta .ukl-cp-k{ background:#FFF1DE; color:#A2620A !important; }
.ukq-lv{ display:inline-flex; align-items:center; gap:4px; font-size:12px; font-weight:700; color:var(--ukl-muted); }
.ukq-lv i{ width:16px; height:6px; border-radius:3px; background:var(--ukl-line); transition:background .4s; }
.ukq-lv i:nth-child(2){ transition-delay:.15s; } .ukq-lv i:nth-child(3){ transition-delay:.3s; margin-right:6px; }
.ukq-lv.on i.f{ background:var(--ukl-coral); }
.ukabi-light-page .ukl-sec .ukl-cp-sols .content-box-heading{ font-size:26px !important; font-weight:800 !important; letter-spacing:-.03em !important; margin-bottom:6px !important; }
.ukabi-light-page .ukl-cp-sols .content-container p{ margin:0 0 14px !important; }
.ukabi-light-page .ukl-cp-sols .ukl-cp-sub{ font-weight:600; color:var(--ukl-coral-d); font-size:15px; margin-bottom:12px !important; }
.ukabi-light-page .ukl-cp-sols ul{ list-style:none; margin:0 0 16px; padding:0; display:grid; gap:8px; }
.ukabi-light-page .ukl-cp-sols li{ position:relative; display:block; margin:0; padding-left:26px; font-size:14px; line-height:1.45; color:var(--ukl-text); }
.ukabi-light-page .ukl-cp-sols li::before{ content:"✓"; position:absolute; left:0; top:0; color:var(--ukl-green); font-weight:800; }
.ukabi-light-page .ukl-cp-sols .ukl-cp-for{ background:#F1F3FB; border-radius:14px; padding:14px 16px; font-size:13.5px; color:var(--ukl-ink); font-weight:500; line-height:1.45; }
.ukabi-light-page .ukl-cp-sols .ukl-cp-for strong{ display:block; margin-bottom:4px; font:700 10px/1 var(--ukl-mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ukl-muted); }
.ukabi-light-page .ukl-cp-sols .ukl-cp-lnk{ margin:4px 0 0 !important; }
.ukabi-light-page .ukl-cp-sols .ukl-cp-lnk a{ display:inline-flex; align-items:center; gap:10px; font:600 15px/1 var(--ukl-display); color:var(--ukl-ink) !important; background:rgba(255,255,255,.85); border:1px solid var(--ukl-line); border-radius:12px; padding:15px 22px; text-decoration:none; transition:border-color .2s,transform .2s; }
.ukabi-light-page .ukl-cp-sols .ukl-cp-lnk a::after{ content:"→"; }
.ukabi-light-page .ukl-cp-sols .ukl-cp-lnk a:hover{ border-color:var(--ukl-ink); transform:translateY(-1px); }
@media (max-width:1000px){ .ukabi-light-page .ukl-cp-sols{ grid-template-columns:minmax(0,1fr); max-width:560px; margin-inline:auto !important; } }

/* ---------- Comparativa ---------- */
.ukabi-light-page .ukl-cp-cmp-sec{ padding-top:30px !important; }
.ukq-need{ flex:0 0 100% !important; display:grid; gap:20px; justify-items:center; }
.ukq-need .chips{ max-width:900px; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.ukq-need button{ font:600 13.5px/1 var(--ukl-display); color:var(--ukl-ink); background:#fff; border:1px solid var(--ukl-line); border-radius:999px; padding:11px 16px; cursor:pointer; display:inline-flex; gap:8px; align-items:center; transition:all .25s; }
.ukq-need button::before{ content:""; width:14px; height:14px; border-radius:4px; border:1.5px solid var(--ukl-line); transition:all .25s; box-sizing:border-box; }
.ukq-need button[aria-pressed="true"]{ border-color:var(--ukl-ink); background:var(--ukl-ink); color:#fff; }
.ukq-need button[aria-pressed="true"]::before{ background:var(--ukl-coral); border-color:var(--ukl-coral); box-shadow:inset 0 0 0 2px var(--ukl-ink); }
.ukq-need button:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:2px; }
.ukq-reco{ width:100%; max-width:900px; display:flex; gap:14px; align-items:center; justify-content:center; flex-wrap:wrap; text-align:center; background:#fff; border:1px dashed var(--ukl-line); border-radius:16px; padding:16px 20px; transition:border-color .3s,box-shadow .3s; }
.ukq-reco small{ font:700 10.5px/1 var(--ukl-mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ukl-muted); }
.ukq-reco b{ color:var(--ukl-ink); font-size:15.5px; }
.ukq-reco.hit{ border-style:solid; border-color:var(--ukl-ink); box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-cp-table-col{ margin-top:28px !important; }
.ukabi-light-page .ukl-cp-table{ overflow-x:auto; border-radius:22px; border:1px solid var(--ukl-line) !important; background:#fff; box-shadow:var(--ukl-shadow); margin:0 !important; }
.ukabi-light-page .ukl-cp-table table{ width:100%; min-width:680px; border-collapse:collapse !important; border:0 !important; margin:0 !important; font-size:14.5px; }
.ukabi-light-page .ukl-cp-table th,.ukabi-light-page .ukl-cp-table td{ padding:14px 18px !important; text-align:center !important; border:0 !important; border-bottom:1px solid var(--ukl-line) !important; transition:background .35s,color .35s; color:var(--ukl-text); font-family:var(--ukl-display); }
.ukabi-light-page .ukl-cp-table thead th{ font-size:14px !important; color:var(--ukl-ink) !important; background:#F1F3FB !important; font-weight:800 !important; }
.ukabi-light-page .ukl-cp-table th:first-child,.ukabi-light-page .ukl-cp-table td:first-child{ text-align:left !important; color:var(--ukl-ink); font-weight:600; position:sticky; left:0; background:#fff; z-index:1; }
.ukabi-light-page .ukl-cp-table thead th:first-child{ background:#F1F3FB !important; }
.ukabi-light-page .ukl-cp-table tbody tr:last-child td{ border-bottom:0 !important; }
.ukabi-light-page .ukl-cp-table tbody td{ background:#fff !important; }
.ukabi-light-page .ukl-cp-table td.ukq-y{ color:var(--ukl-green); font-weight:800; }
.ukabi-light-page .ukl-cp-table td.ukq-p{ color:#A2620A; font-weight:700; }
.ukabi-light-page .ukl-cp-table td.ukq-n{ color:#B7BCD2; }
.ukabi-light-page .ukl-cp-table td.ukq-lvl span{ display:inline-block; font:700 11px/1 var(--ukl-mono); letter-spacing:.06em; text-transform:uppercase; border-radius:999px; padding:6px 10px; background:var(--ukl-bg-2); color:var(--ukl-ink); }
.ukabi-light-page .ukl-cp-table td.ukq-lvl.l2 span{ background:#E6E8FF; }
.ukabi-light-page .ukl-cp-table td.ukq-lvl.l3 span{ background:var(--ukl-coral-soft); color:var(--ukl-coral-d); }
.ukabi-light-page .ukl-cp-table td.ukq-pr{ color:var(--ukl-muted); font-weight:600; }
.ukabi-light-page .ukl-cp-table tr.ukq-sel td{ background:#FFF7F8 !important; }
.ukabi-light-page .ukl-cp-table tr.ukq-sel td:first-child{ box-shadow:inset 3px 0 0 var(--ukl-coral); }
.ukabi-light-page .ukl-cp-table td.ukq-best{ background:#EEF1FF !important; }
.ukabi-light-page .ukl-cp-table th.ukq-best{ background:var(--ukl-ink) !important; color:#fff !important; }
.ukabi-light-page .ukl-cp-cmp-cta{ margin-top:26px !important; }
.ukabi-light-page .ukl-cp-cmp-cta > .fusion-column-wrapper{ justify-content:space-between; column-gap:20px; }
.ukabi-light-page .ukl-cp-cmp-txt{ flex:1 1 420px !important; }
.ukabi-light-page .ukl-cp-cmp-txt p{ max-width:620px; color:var(--ukl-muted); }

/* ---------- Lo que ganas ---------- */
.ukabi-light-page .ukl-cp-gain-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-cp-gain{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px !important; }
.ukabi-light-page .ukl-cp-gain > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-cp-gain .content-box-column{ position:relative; overflow:hidden; background:#fff !important; border:1px solid var(--ukl-line); border-radius:22px; padding:26px !important; }
.ukabi-light-page .ukl-cp-gain .content-box-column::after{ content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 30%,rgba(201,198,242,.35) 50%,transparent 70%); transform:translateX(-100%); pointer-events:none; }
.ukabi-light-page .ukl-cp-gain .content-box-column.ukq-lit::after{ transform:translateX(100%); transition:transform 1.1s ease-in-out; }
.ukabi-light-page .ukl-sec .ukl-cp-gain .heading .icon{ width:48px; height:48px; border-radius:14px; background:#F1F3FB; color:var(--ukl-ink); transition:background .4s,color .4s,transform .4s; }
.ukabi-light-page .ukl-cp-gain .content-box-column.ukq-lit .heading .icon{ background:var(--ukl-ink); color:#fff; transform:translateY(-2px); }
.ukabi-light-page .ukl-sec .ukl-cp-gain .content-box-heading{ font-size:18.5px !important; font-weight:800 !important; letter-spacing:-.02em !important; margin-bottom:8px !important; }
@media (max-width:900px){ .ukabi-light-page .ukl-cp-gain{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .ukabi-light-page .ukl-cp-gain{ grid-template-columns:minmax(0,1fr); } }

/* ---------- Criterios de elección ---------- */
.ukabi-light-page .ukl-cp-crit-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-cp-crit-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-cp-lap .fusion-column-wrapper{ position:relative; }
.ukabi-light-page .ukl-cp-lap-img{ display:block !important; overflow:hidden; border-radius:28px; aspect-ratio:16/11; box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-cp-lap-img img{ width:100% !important; height:100% !important; object-fit:cover; object-position:70% 50%; will-change:transform; }
.ukabi-light-page .ukl-cp-tags{ position:absolute !important; left:5%; top:7%; bottom:7%; z-index:2; margin:0 !important; display:flex !important; flex-direction:column; justify-content:space-between; align-items:flex-start; pointer-events:none; width:auto !important; flex:none !important; }
.ukabi-light-page .ukl-cp-tags .fusion-li-item{ margin:0 !important; display:inline-flex !important; align-items:center; gap:8px; background:#fff !important; border:1px solid var(--ukl-line); border-radius:999px; padding:9px 13px !important; box-shadow:var(--ukl-shadow); transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1); }
.ukabi-light-page .ukl-cp-tags .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-cp-tags .fusion-li-item::before{ content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--ukl-coral); box-shadow:0 0 0 4px var(--ukl-coral-soft); }
.ukabi-light-page .ukl-cp-tags .fusion-li-item-content{ margin:0 !important; font:700 12.5px/1.2 var(--ukl-display); color:var(--ukl-ink); white-space:nowrap; }
.ukabi-light-page .ukl-cp-tags.ukq-js .fusion-li-item:not(.ukq-on){ opacity:0; transform:translateY(12px); }
@media (max-width:560px){ .ukabi-light-page .ukl-cp-lap-img{ aspect-ratio:4/5; } .ukabi-light-page .ukl-cp-lap-img img{ object-position:75% 50%; } .ukabi-light-page .ukl-cp-tags .fusion-li-item-content{ font-size:11px; white-space:normal; } }

/* ---------- Por qué Ukabi: recorrido ---------- */
.ukabi-light-page .ukl-cp-ukabi-sec{ padding-top:30px !important; }
.ukabi-light-page .ukl-cp-path{ position:relative; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px !important; padding-top:44px; }
.ukabi-light-page .ukl-cp-path > .fusion-clearfix{ display:none !important; }
.ukq-pline{ position:absolute; left:24px; right:24px; top:20px; height:3px; border-radius:3px; background:var(--ukl-line); }
.ukq-pline i{ position:absolute; inset:0; border-radius:3px; background:linear-gradient(90deg,var(--ukl-ink),var(--ukl-coral)); transform-origin:left; transform:scaleX(0); }
.ukabi-light-page .ukl-cp-path .content-box-column{ position:relative; overflow:visible !important; background:#fff !important; border:1px solid var(--ukl-line); border-radius:22px; padding:26px 24px 24px !important; transition:border-color .4s,box-shadow .4s; }
.ukq-dot{ position:absolute; top:-45px; left:20px; width:42px; height:42px; border-radius:50%; display:grid; place-items:center; font:700 12px/1 var(--ukl-mono); color:var(--ukl-muted); background:#fff; border:2px solid var(--ukl-line); transition:all .4s; box-sizing:border-box; }
.ukabi-light-page .ukl-cp-path .content-box-column.ukq-on{ border-color:var(--ukl-ink); box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-cp-path .content-box-column.ukq-on .ukq-dot{ background:var(--ukl-ink); border-color:var(--ukl-ink); color:#fff; box-shadow:0 0 0 6px rgba(15,32,108,.1); }
.ukabi-light-page .ukl-sec .ukl-cp-path .content-box-heading{ font-size:18px !important; font-weight:800 !important; letter-spacing:-.02em !important; margin-bottom:8px !important; }
.ukabi-light-page .ukl-cp-ptns{ margin-top:48px !important; }
.ukabi-light-page .ukl-cp-ptns > .fusion-column-wrapper{ justify-content:center; align-items:center; column-gap:48px; row-gap:24px; }
.ukabi-light-page .ukl-cp-ptns > .fusion-column-wrapper > *{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-cp-ptn-t p{ font:700 11px/1 var(--ukl-mono) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-cp-ptn img{ width:auto !important; }
.ukabi-light-page .ukl-cp-ptn--wk img{ height:52px !important; }
.ukabi-light-page .ukl-cp-ptn--sp img{ height:40px !important; }
.ukabi-light-page .ukl-cp-ukabi-sec .ukl-cp-note{ margin-top:36px !important; }
@media (max-width:900px){ .ukabi-light-page .ukl-cp-path{ grid-template-columns:1fr 1fr; row-gap:62px !important; } .ukq-pline{ display:none; } }
@media (max-width:560px){ .ukabi-light-page .ukl-cp-path{ grid-template-columns:minmax(0,1fr); } }

/* ---------- Cierre ---------- */
.ukabi-light-page .ukl-cp-finc p{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px 28px; font:700 14px/1.4 var(--ukl-mono) !important; }
.ukabi-light-page .ukl-cp-finc a{ color:#fff !important; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.35); }
.ukabi-light-page .ukl-cp-finc a:hover{ border-color:#fff; }

@media (prefers-reduced-motion:reduce){ .ukq-il *,.ukq-stage *{ animation:none !important; } }
.ukabi-light-page .ukl-cp-path .content-box-wrapper{ position:static !important; }
.ukabi-light-page .ukl-cp-lnk a::after{ color:inherit !important; }