/* =====================================================================
   UKABI · Página Ordutick (diseño claro 2026)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-ot-*;
   piezas que inserta ukabi-light-ot.js: uko-*.
   ===================================================================== */

.ukabi-light-page{ --uko-navy:#252E61; --uko-coral:#EA4B5F; --uko-panel:#0a1336; --uko-dev:#1a2356; --uko-amber:#F2A93B; --uko-amber-d:#A86A07; --uko-amber-soft:#FFF3DF; }

/* ---------- HERO: el logo es un reloj ---------- */
.ukabi-light-page .ukl-ot-hero{ padding-top:70px !important; }
.ukabi-light-page .ukl-ot-hero::before,
.ukabi-light-page .ukl-ot-hero::after{ display:none; }
.ukabi-light-page .ukl-ot-panel > .fusion-column-wrapper{ position:relative; overflow:hidden; max-width:1100px; margin-inline:auto; padding:0 !important; row-gap:0 !important;
  border-radius:28px; background:#fff !important; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-ot-panel .fusion-column-wrapper > *{ position:relative; }
.ukabi-light-page .ukl-ot-panel .fusion-column-wrapper > .uko-dots{ position:absolute; inset:0; }
.uko-dots{ pointer-events:none; background-image:radial-gradient(rgba(15,32,108,.13) 1.2px,transparent 1.6px); background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 70% 90% at 30% 50%,#000,transparent 80%); mask-image:radial-gradient(ellipse 70% 90% at 30% 50%,#000,transparent 80%); }
.uko-ptop{ display:flex; justify-content:space-between; gap:16px; padding:18px 22px 0; font:700 11px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(15,32,108,.55); }
.uko-ptop .own{ color:var(--ukl-coral-d); }
.uko-ptop .live{ display:inline-flex; align-items:center; gap:8px; color:var(--ukl-ink); white-space:nowrap; }
.uko-ptop .live i{ width:7px; height:7px; border-radius:50%; background:var(--ukl-green); box-shadow:0 0 0 4px var(--ukl-green-soft); animation:uko-blink 2s infinite; }
.uko-ptop .live b{ font-weight:700; font-variant-numeric:tabular-nums; }
@keyframes uko-blink{ 50%{ opacity:.35; } }
.uko-hint{ position:absolute !important; right:22px; top:46px; font:400 10.5px/1 var(--ukl-mono); color:rgba(15,32,108,.4); }
.ukabi-light-page .ukl-ot-panel .fusion-column-wrapper > div:has(> .ukl-ot-logo){ text-align:center; }
.ukabi-light-page .ukl-ot-logo{ display:block !important; position:relative; width:min(960px,90%); margin:40px auto 8px; }
.ukabi-light-page .ukl-ot-logo img,
.ukabi-light-page .ukl-ot-logo .uko-svg{ display:block; width:100%; height:auto; }
.uko-svg{ overflow:visible; }
.uko-svg .dial{ stroke-opacity:1; }
.uko-svg .dial line{ stroke:rgba(15,32,108,.16); transition:stroke .25s; }
.uko-svg .dial line.mj{ stroke:rgba(15,32,108,.26); }
.uko-svg .dial line.on{ stroke:rgba(37,46,97,.62); }
.uko-svg .dial line.now{ stroke:var(--uko-coral); transition:none; }
.uko-wave{ position:absolute; width:0; height:0; pointer-events:none; }
.uko-wave::before{ content:""; position:absolute; left:-150px; top:-150px; width:300px; height:300px; border-radius:50%; border:1.5px solid rgba(234,75,95,.5); animation:uko-wave 2.6s cubic-bezier(.2,.7,.3,1) forwards; }
@keyframes uko-wave{ from{ transform:scale(.35); opacity:.9; } to{ transform:scale(1.5); opacity:0; } }
.uko-pfoot{ display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; padding:18px 22px 22px; }
.uko-feed{ position:relative; height:56px; min-width:min(360px,100%); }
.uko-fch{ position:absolute; left:0; top:0; display:inline-flex; align-items:center; gap:12px; background:#fff; border:1px solid var(--ukl-line); border-radius:14px; padding:9px 14px 9px 9px; box-shadow:var(--ukl-shadow); white-space:nowrap; text-align:left; }
.uko-fch .av{ width:36px; height:36px; border-radius:10px; display:grid; place-items:center; font:700 12px/1 var(--ukl-display); color:#fff; background:var(--uko-navy); }
.uko-fch b{ display:block; color:var(--ukl-ink); font-size:14px; line-height:1.2; }
.uko-fch small{ display:block; font:400 11.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.uko-fch .ok{ margin-left:6px; width:22px; height:22px; border-radius:50%; background:var(--ukl-green-soft); display:grid; place-items:center; color:var(--ukl-green); font:700 12px/1 var(--ukl-display); }
.ukabi-light-page .ukl-ot-hud{ margin:0 !important; }
.ukabi-light-page .ukl-ot-hud p{ display:flex; flex-wrap:wrap; gap:6px 22px; margin:0; font:400 12.5px/1.4 var(--ukl-mono) !important; color:var(--ukl-muted); font-variant-numeric:tabular-nums; }
.ukabi-light-page .ukl-ot-hud strong{ color:var(--ukl-ink); font-weight:700; }
.ukabi-light-page .ukl-ot-hud span:last-child{ color:var(--ukl-green); font-weight:700; }
@media (max-width:760px){ .uko-hint{ display:none; } .uko-pfoot{ justify-content:center; } .ukabi-light-page .ukl-ot-hud p{ justify-content:center; } .uko-feed{ min-width:0; width:300px; } .ukabi-light-page .ukl-ot-logo{ margin-top:30px; } }
@media (max-width:560px){ .uko-ptop{ justify-content:center; font-size:10px; } .uko-ptop .own{ display:none; } }

/* Titular y entradilla en dos columnas */
.ukabi-light-page .ukl-ot-hero .ukl-hero-copy{ margin-top:54px !important; }
.ukabi-light-page .ukl-ot-hero > .fusion-row{ max-width:1100px !important; }
.ukabi-light-page .ukl-ot-hero .ukl-hero-copy .fusion-column-wrapper{ max-width:none; text-align:left; justify-content:flex-start !important; align-content:flex-end; row-gap:22px; }
.ukabi-light-page .ukl-ot-h .fusion-column-wrapper{ height:100%; }
.ukabi-light-page .ukl-ot-h .ukl-pill{ flex:0 0 auto; }
.ukabi-light-page .ukl-ot-h .fusion-title-heading{ text-align:left !important; font-size:clamp(38px,5.2vw,68px) !important; line-height:1.03 !important; letter-spacing:-.045em !important; }
.ukabi-light-page .ukl-ot-h em{ font-style:normal; color:var(--ukl-coral); }
.ukabi-light-page .ukl-ot-side .ukl-lead{ margin-inline:0 !important; }
.ukabi-light-page .ukl-ot-side .ukl-lead p{ font-size:18px !important; }
.ukabi-light-page .ukl-ot-chips-col{ margin-top:22px !important; }
.ukabi-light-page .ukl-ot-chips{ display:flex !important; flex-wrap:wrap; gap:8px; margin:0 !important; }
.ukabi-light-page .ukl-ot-chips .fusion-li-item{ display:inline-flex !important; align-items:center; gap:8px; margin:0 !important; padding:9px 13px !important; background:#fff; border:1px solid var(--ukl-line); border-radius:999px; }
.ukabi-light-page .ukl-ot-chips .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-ot-chips .fusion-li-item::before{ content:"✓"; color:var(--ukl-green); font-weight:800; }
.ukabi-light-page .ukl-ot-chips .fusion-li-item-content{ margin:0 !important; font:600 13px/1 var(--ukl-display) !important; color:var(--ukl-ink); }
@media (max-width:1024px){ .ukabi-light-page .ukl-ot-hero .ukl-ot-side{ margin-top:22px !important; } }

/* ---------- Manifiesto que se ilumina ---------- */
.ukabi-light-page .ukl-ot-manif-sec{ padding-bottom:40px !important; }
.ukabi-light-page .ukl-ot-manif .fusion-column-wrapper{ max-width:1000px; margin-inline:auto; row-gap:28px; }
.ukabi-light-page .ukl-ot-manif .ukl-pill{ flex:0 0 auto; }
.ukabi-light-page .ukl-ot-big p{ font:700 clamp(28px,3.6vw,46px)/1.22 var(--ukl-display) !important; letter-spacing:-.03em; color:var(--ukl-ink); text-wrap:pretty; }
.uko-mw{ color:#B9BFD9; }
.ukabi-light-page .ukl-ot-manif .ukl-lead{ max-width:720px; }

/* ---------- Por qué: pilares + cifras ---------- */
.ukabi-light-page .ukl-ot-why-sec{ padding-top:60px !important; }
.ukabi-light-page .ukl-ot-pillars{ grid-template-columns:repeat(4,1fr); gap:16px !important; }
.ukabi-light-page .ukl-ot-pillars .content-box-column{ background:#fff; border:1px solid var(--ukl-line); border-radius:22px; padding:26px 24px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-ot-pillars .content-box-wrapper::before{ content:""; display:block; width:40px; height:40px; margin-bottom:14px; border-radius:12px; background:var(--ukl-coral-soft) center/22px no-repeat; }
.ukabi-light-page .ukl-ot-pillars .content-box-column:nth-child(1) .content-box-wrapper::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E83248' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a4 4 0 0 1-.6-7.95A6 6 0 0 1 18 9a4.5 4.5 0 0 1-.5 9z'/%3E%3C/svg%3E"); }
.ukabi-light-page .ukl-ot-pillars .content-box-column:nth-child(2) .content-box-wrapper::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E83248' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 6.5A6.5 6.5 0 1 0 17 17.5M4 10h9M4 14h9'/%3E%3C/svg%3E"); }
.ukabi-light-page .ukl-ot-pillars .content-box-column:nth-child(3) .content-box-wrapper::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E83248' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='3'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E"); }
.ukabi-light-page .ukl-ot-pillars .content-box-column:nth-child(4) .content-box-wrapper::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E83248' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E"); }
.ukabi-light-page .ukl-sec .ukl-ot-pillars .content-box-heading{ font:700 11px/1 var(--ukl-mono) !important; letter-spacing:.12em !important; text-transform:uppercase; color:rgba(15,32,108,.45) !important; margin-bottom:10px !important; }
.ukabi-light-page .ukl-ot-pillars .content-container h4{ margin:0 0 8px !important; font:800 21px/1.2 var(--ukl-display) !important; letter-spacing:-.02em !important; color:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-ot-pillars .content-container p{ margin:0; }
.ukabi-light-page .ukl-ot-why-sec .ukl-stats{ margin-top:16px !important; border:0; border-radius:22px; background:var(--ukl-ink); overflow:hidden; }
.ukabi-light-page .ukl-ot-why-sec .ukl-stats .fusion-counter-box{ border-left-color:rgba(255,255,255,.12); }
.ukabi-light-page .ukl-ot-why-sec .ukl-stats .content-box-counter{ color:#fff !important; }
.ukabi-light-page .ukl-ot-why-sec .ukl-stats .content-box-counter .unit{ font-size:.55em; letter-spacing:0; color:var(--ukl-coral); }
.ukabi-light-page .ukl-ot-why-sec .ukl-stats .counter-box-content{ color:rgba(255,255,255,.72) !important; font-size:13.5px !important; }
/* unidades largas («multidispositivo»): más pequeñas y en la misma línea que el número */
.ukabi-light-page .ukl-ot-why-sec .ukl-stats .content-box-counter{ display:flex; align-items:flex-start; flex-wrap:nowrap; white-space:nowrap; }
.ukabi-light-page .ukl-ot-why-sec .ukl-stats .fusion-counter-box:nth-child(3) .content-box-counter .unit{ font-size:.42em; margin-top:.25em; }
@media (max-width:980px){ .ukabi-light-page .ukl-ot-pillars{ grid-template-columns:repeat(2,1fr); } .ukabi-light-page .ukl-ot-why-sec .ukl-stats .fusion-counter-box:nth-child(-n+2){ border-bottom:1px solid rgba(255,255,255,.12); } }
@media (max-width:560px){ .ukabi-light-page .ukl-ot-pillars{ grid-template-columns:1fr; } }

/* ---------- Cuatro formas de fichar: dispositivo que se transforma ---------- */
.ukabi-light-page .ukl-ot-ways-sec{ padding-top:60px !important; }
.ukabi-light-page .ukl-ot-ways-sec.uko-ways-on .ukl-ot-ways-col,
.ukabi-light-page .ukl-ot-ways-sec.uko-ways-on .ukl-ot-ways-head{ display:none; }
.ukabi-light-page .ukl-ot-ways{ grid-template-columns:repeat(4,1fr); }
.uko-ways{ position:relative; display:flex; flex-direction:column; gap:24px; text-align:left; }
.uko-ways-head{ display:grid; gap:14px; justify-items:center; text-align:center; max-width:780px; margin-inline:auto; }
.uko-ways-head > *{ margin:0 !important; }
.uko-ways-head > .fusion-title,.uko-ways-head > .ukl-lead{ width:100%; }
.ukabi-light-page .uko-ways-head .fusion-title-heading{ text-align:center !important; }
.ukabi-light-page .uko-ways-head .ukl-lead p{ text-align:center; }
.uko-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.uko-st{ appearance:none; border:0; background:none; font:inherit; text-align:left; cursor:pointer; padding:12px 4px 0; position:relative; color:var(--ukl-muted); }
.uko-st::before{ content:""; position:absolute; left:0; right:0; top:0; height:2px; background:var(--ukl-line); }
.uko-st i{ position:absolute; left:0; top:0; height:2px; width:0; background:var(--ukl-coral); }
.uko-st b{ display:block; font:700 11px/1 var(--ukl-mono); letter-spacing:.1em; color:rgba(15,32,108,.4); }
.uko-st span{ display:block; margin-top:6px; font:600 14px/1.3 var(--ukl-display); }
.uko-st.is-on{ color:var(--ukl-ink); } .uko-st.is-on b{ color:var(--ukl-coral-d); }
.uko-st:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:3px; }
.uko-body{ display:grid; grid-template-columns:.8fr 1.2fr; gap:40px; align-items:center; }
.uko-body > *{ min-width:0; }
.uko-txt{ position:relative; min-height:220px; }
.uko-wt{ position:absolute; inset:0; display:grid; gap:12px; align-content:center; opacity:0; transform:translateY(16px); transition:opacity .45s,transform .45s; pointer-events:none; }
.uko-wt.is-on{ opacity:1; transform:none; pointer-events:auto; }
.uko-wt .k{ font:700 12px/1 var(--ukl-mono); letter-spacing:.14em; color:var(--ukl-coral-d); text-transform:uppercase; }
.uko-wt h3{ margin:0 !important; font:800 clamp(26px,2.6vw,36px)/1.1 var(--ukl-display) !important; letter-spacing:-.03em !important; color:var(--ukl-ink) !important; }
.uko-wt p{ margin:0; color:var(--ukl-muted); font-size:17px; }
.uko-wt p:last-child{ font-size:14px; color:var(--ukl-ink); }
.uko-wt p:last-child strong{ font:700 11px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:rgba(15,32,108,.5); margin-right:4px; }
.uko-dz{ --s:1; position:relative; height:clamp(300px,calc(100vh - 400px),540px); overflow:hidden; }
.uko-dev{ --w:560px; --h:350px; --r:16px; position:absolute; left:50%; top:50%; translate:-50% -50%; width:var(--w); height:var(--h); border-radius:var(--r); background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); overflow:hidden; transform:scale(var(--s)); color:var(--ukl-text); font-size:12px; line-height:1.4;
  transition:width .75s cubic-bezier(.7,0,.2,1),height .75s cubic-bezier(.7,0,.2,1),border-radius .75s,background .6s,border-color .6s; }
.uko-dev[data-m="1"]{ --w:250px; --h:500px; --r:40px; border:8px solid var(--uko-dev); }
.uko-dev[data-m="2"]{ --w:600px; --h:370px; --r:22px; border:10px solid var(--uko-dev); }
.uko-dev[data-m="3"]{ --w:290px; --h:420px; --r:34px; background:var(--uko-dev); border-color:var(--uko-dev); }
.uko-stand{ position:absolute; left:50%; top:50%; width:120px; height:60px; translate:-50% 180px; transform:scale(var(--s)); transform-origin:50% -180px; background:linear-gradient(#cfd4ea,#aeb5d6); clip-path:polygon(38% 0,62% 0,72% 80%,100% 80%,100% 100%,0 100%,0 80%,28% 80%); opacity:0; transition:opacity .4s; }
.uko-dz[data-m="2"] .uko-stand{ opacity:1; transition-delay:.5s; }
.uko-ds{ position:absolute; inset:0; opacity:0; transition:opacity .2s; display:flex; flex-direction:column; }
.uko-ds.is-on{ opacity:1; transition:opacity .4s .55s; }
.uko-bf{ display:inline-flex; align-items:center; justify-content:center; gap:8px; font:700 15px/1 var(--ukl-display); color:#fff; background:var(--ukl-green); border-radius:14px; padding:16px 22px; box-shadow:0 10px 22px -10px rgba(18,146,91,.8); position:relative; overflow:hidden; }
.uko-bf::after{ content:""; position:absolute; left:50%; top:50%; width:10px; height:10px; margin:-5px; border-radius:50%; background:rgba(255,255,255,.55); opacity:0; }
.uko-ds.is-on .uko-bf{ animation:uko-press .45s 1.7s both; }
.uko-ds.is-on .uko-bf::after{ animation:uko-ripple .7s 1.75s both; }
@keyframes uko-press{ 40%{ transform:scale(.94); } 100%{ transform:none; } }
@keyframes uko-ripple{ from{ opacity:1; transform:scale(1); } to{ opacity:0; transform:scale(30); } }
.uko-toast{ position:absolute; left:50%; bottom:18px; translate:-50% 0; display:flex; align-items:center; gap:10px; white-space:nowrap; background:var(--ukl-ink); color:#fff; border-radius:12px; padding:10px 14px; font:600 12.5px/1.2 var(--ukl-display); opacity:0; box-shadow:var(--ukl-shadow-lg); }
.uko-toast i{ width:20px; height:20px; border-radius:50%; background:var(--ukl-green); display:grid; place-items:center; font:800 11px/1 var(--ukl-display); font-style:normal; }
.uko-toast small{ display:block; font:400 10.5px/1.3 var(--ukl-mono); color:rgba(255,255,255,.7); }
.uko-ds.is-on .uko-toast{ animation:uko-toast .5s 2s both; }
@keyframes uko-toast{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
/* 0 · navegador */
.uko-brw{ height:36px; flex:none; display:flex; align-items:center; gap:7px; padding:0 12px; background:#F4F5FB; border-bottom:1px solid #E7E9F4; }
.uko-brw i{ width:9px; height:9px; border-radius:50%; background:#D5D9EA; } .uko-brw i:first-child{ background:#FF8A96; }
.uko-brw span{ margin-left:10px; flex:1; max-width:320px; height:22px; border-radius:7px; background:#fff; border:1px solid #E7E9F4; display:flex; align-items:center; padding:0 9px; font:400 10.5px/1 var(--ukl-mono); color:var(--ukl-muted); }
.uko-lk{ flex:1; display:grid; place-items:center; align-content:center; gap:12px; text-align:center; padding:16px; }
.uko-lk small{ font:700 10.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(15,32,108,.5); }
.uko-lk h4{ margin:0 !important; font:800 20px/1.2 var(--ukl-display) !important; color:var(--ukl-ink) !important; }
.uko-lk .clk{ font:700 40px/1 var(--ukl-mono); color:var(--ukl-ink); letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.uko-lk .last{ font-size:12px; color:var(--ukl-muted); }
/* 1 · móvil */
.uko-ph-top{ height:26px; flex:none; display:flex; justify-content:center; align-items:flex-end; }
.uko-ph-top i{ width:70px; height:18px; border-radius:0 0 12px 12px; background:var(--uko-dev); }
.uko-mb{ flex:1; display:grid; justify-items:center; align-content:center; gap:12px; text-align:center; padding:10px 16px 60px; }
.uko-mb .who{ display:flex; align-items:center; gap:10px; }
.uko-mb .who .av{ width:34px; height:34px; border-radius:10px; background:var(--uko-navy); color:#fff; display:grid; place-items:center; font:700 12px/1 var(--ukl-display); }
.uko-mb .who b{ font-size:14px; color:var(--ukl-ink); }
.uko-mb .st0{ font:700 10px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); background:var(--ukl-bg-2); padding:6px 9px; border-radius:6px; }
.uko-mb .round{ width:130px; height:130px; border-radius:50%; padding:0; font-size:17px; flex-direction:column; gap:4px; box-shadow:0 0 0 10px var(--ukl-green-soft),0 18px 30px -12px rgba(18,146,91,.8); }
.uko-mb .round small{ font:400 11px/1 var(--ukl-mono); opacity:.85; }
.uko-mb .wk{ font:400 11px/1.4 var(--ukl-mono); color:var(--ukl-muted); }
.uko-mb .wk b{ color:var(--ukl-ink); }
/* 2 · TPVCloud */
.uko-pos{ flex:1; display:grid; grid-template-columns:1.35fr 1fr; min-height:0; }
.uko-pos-l{ padding:12px; display:grid; grid-template-rows:auto 1fr; gap:10px; background:#F4F5FB; }
.uko-pos-bar{ display:flex; justify-content:space-between; align-items:center; font:700 10.5px/1 var(--ukl-mono); color:var(--ukl-ink); }
.uko-pos-bar .uko-bf{ padding:9px 12px; font-size:12px; border-radius:9px; }
.uko-tiles{ display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.uko-tiles i{ border-radius:9px; background:#fff; border:1px solid #E7E9F4; display:grid; align-content:end; padding:7px; font:600 10px/1.2 var(--ukl-display); font-style:normal; color:var(--ukl-ink); }
.uko-tiles small{ font:400 9.5px/1 var(--ukl-mono); color:var(--ukl-muted); }
.uko-pos-r{ padding:12px; display:grid; grid-template-rows:auto 1fr auto; gap:8px; border-left:1px solid #E7E9F4; }
.uko-pos-r h5{ margin:0 !important; font:700 10.5px/1 var(--ukl-mono) !important; letter-spacing:.08em; text-transform:uppercase; color:rgba(15,32,108,.5) !important; }
.uko-tkl{ display:grid; gap:6px; align-content:start; font-size:11.5px; }
.uko-tkl div{ display:flex; justify-content:space-between; border-bottom:1px dashed var(--ukl-line); padding-bottom:5px; }
.uko-tkl b{ font:700 11px/1 var(--ukl-mono); color:var(--ukl-ink); }
.uko-pay{ border-radius:10px; background:var(--ukl-ink); color:#fff; text-align:center; padding:11px; font:700 13px/1 var(--ukl-display); }
/* 3 · reloj físico */
.uko-rl{ flex:1; display:grid; grid-template-rows:auto 1fr auto; gap:14px; padding:22px 20px 26px; color:#fff; }
.uko-rl-scr{ border-radius:16px; background:#0b1236; border:1px solid rgba(255,255,255,.1); padding:16px; text-align:center; display:grid; gap:6px; }
.uko-rl-scr small{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.uko-rl-scr b{ font:700 38px/1 var(--ukl-mono); letter-spacing:-.02em; }
.uko-rl-scr span{ font-size:12px; color:rgba(255,255,255,.75); min-height:15px; }
.uko-ds.is-on .uko-rl-scr span{ animation:uko-toast .4s 2s both; }
.uko-rl-rd{ position:relative; display:grid; place-items:center; }
.uko-rl-rd .pad{ width:120px; height:120px; border-radius:50%; border:2px solid rgba(255,255,255,.18); display:grid; place-items:center; background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%); }
.uko-rl-rd .pad::before{ content:""; width:40px; height:40px; border-radius:50%; border:3px solid rgba(255,255,255,.45); border-left-color:transparent; border-bottom-color:transparent; rotate:45deg; }
.uko-rl-rd .card{ position:absolute; width:86px; height:56px; border-radius:9px; background:linear-gradient(135deg,#FD495C,#E83248); box-shadow:0 12px 24px -8px rgba(0,0,0,.5); display:grid; align-content:end; padding:7px 9px; font:700 8.5px/1.2 var(--ukl-mono); color:#fff; opacity:0; }
.uko-ds.is-on .uko-rl-rd .card{ animation:uko-tap 1.4s .9s both; }
@keyframes uko-tap{ 0%{ opacity:0; transform:translate(90px,70px) rotate(18deg); } 45%{ opacity:1; transform:translate(0,0) rotate(-6deg); } 70%{ transform:translate(0,0) rotate(-6deg) scale(.96); } 100%{ opacity:1; transform:translate(0,0) rotate(-6deg); } }
.uko-rl-led{ display:flex; justify-content:center; gap:10px; }
.uko-rl-led i{ width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.18); }
.uko-ds.is-on .uko-rl-led i:first-child{ animation:uko-led .3s 1.9s both; }
@keyframes uko-led{ to{ background:#5BE0A0; box-shadow:0 0 12px #5BE0A0; } }
@media (min-width:1025px){
  .ukabi-light-page .uko-sticky{ display:block !important; }
  .uko-ways-space{ height:320vh; pointer-events:none; }
  .uko-ways.is-pin{ position:sticky; top:0; height:100vh; justify-content:center; padding-top:calc(var(--ukl-top) + 92px); padding-bottom:24px; gap:22px; }
  .uko-ways.is-pin .uko-ways-head{ gap:10px; }
  .uko-ways.is-pin .uko-ways-head .fusion-title-heading{ font-size:clamp(28px,2.9vw,40px) !important; }
  .uko-ways.is-pin .uko-ways-head .ukl-lead p{ font-size:16px !important; }
}
@media (min-width:1025px) and (max-height:860px){ .uko-ways.is-pin .uko-ways-head .ukl-lead{ display:none; } }
@media (max-width:1024px){
  .uko-body{ grid-template-columns:1fr; gap:10px; }
  .uko-txt{ min-height:0; }
  .uko-wt{ position:relative; inset:auto; display:none; opacity:1; transform:none; }
  .uko-wt.is-on{ display:grid; }
  .uko-steps{ grid-template-columns:repeat(4,minmax(130px,1fr)); overflow-x:auto; scrollbar-width:none; }
  .uko-dz{ height:540px; }
}
@media (max-width:640px){ .uko-dz{ height:330px; } }

/* ---------- Un día registrado: capítulo oscuro ---------- */
.ukabi-light-page .ukl-ot-day-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-ot-day-sec .fusion-row{ position:relative; display:grid !important; margin-inline:auto !important; grid-template-columns:1fr 1fr; column-gap:48px; row-gap:30px; align-items:center; border-radius:36px; overflow:hidden; padding:70px 56px !important;
  background:radial-gradient(120% 90% at 50% 0%,#1b2a72 0%,#0a1336 55%,#05091f 100%); color:#fff; }
.ukabi-light-page .ukl-ot-day-sec .fusion-row::before{ content:""; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 75%); mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 75%); }
.ukabi-light-page .ukl-ot-day-sec .fusion-row > .fusion-layout-column{ position:relative; width:auto !important; max-width:none !important; min-width:0; margin:0 !important; }
.ukabi-light-page .ukl-ot-day-sec .ukl-mock--otbar{ grid-column:1 / -1; }
.ukabi-light-page .ukl-ot-day-txt .fusion-column-wrapper{ row-gap:16px; text-align:left; }
.ukabi-light-page .ukl-ot-day-txt .ukl-pill{ flex:0 0 auto; }
.ukabi-light-page .ukl-ot-day-sec .ukl-pill p{ color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); }
.ukabi-light-page .ukl-ot-day-sec .ukl-title .fusion-title-heading{ color:#fff !important; text-align:left !important; font-size:clamp(28px,min(3.2vw,5.4vh),44px) !important; }
.ukabi-light-page .ukl-ot-day-sec .ukl-lead{ margin-inline:0 !important; }
.ukabi-light-page .ukl-ot-day-sec .ukl-lead p{ color:rgba(255,255,255,.72) !important; text-align:left; }
.uko-clk{ margin-top:clamp(8px,2vh,24px); }
.uko-clk small{ display:block; font:700 12px/1 var(--ukl-mono); letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.uko-clk .t{ display:block; margin-top:12px; font:800 clamp(72px,min(9vw,15vh),140px)/.9 var(--ukl-display); letter-spacing:-.05em; font-variant-numeric:tabular-nums; color:#fff; }
.uko-clk .t span{ color:var(--ukl-coral); }
.uko-state{ display:inline-flex; align-items:center; gap:8px; margin-top:16px; font:700 12px/1 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:#fff; }
.uko-state i{ width:8px; height:8px; border-radius:50%; background:#8C92B8; }
.uko-state.w i{ background:#5BE0A0; box-shadow:0 0 10px #5BE0A0; }
.uko-state.p i{ background:var(--uko-amber); }
.uko-state.x i{ background:var(--ukl-coral); }
.uko-sums{ display:flex; flex-wrap:wrap; gap:18px 28px; margin-top:20px; font:400 12.5px/1.4 var(--ukl-mono); color:rgba(255,255,255,.6); }
.uko-sums b{ display:block; font:800 22px/1.1 var(--ukl-display); color:#fff; font-variant-numeric:tabular-nums; }
.uko-evs{ list-style:none; margin:0 !important; padding:0 !important; display:grid; gap:6px; text-align:left; }
.uko-evs li{ display:grid; grid-template-columns:62px 14px 1fr auto; gap:12px; align-items:center; margin:0 !important; padding:10px 14px; border-radius:12px; border:1px solid transparent; opacity:.3; color:#fff; transition:opacity .35s,background .35s,border-color .35s; }
.uko-evs li.on{ opacity:1; }
.uko-evs li.cur{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.14); }
.uko-evs time{ font:700 14px/1 var(--ukl-mono); font-variant-numeric:tabular-nums; }
.uko-evs .d{ width:10px; height:10px; border-radius:50%; background:#5BE0A0; }
.uko-evs .d.p{ background:var(--uko-amber); } .uko-evs .d.x{ background:var(--ukl-coral); } .uko-evs .d.o{ background:#8C92B8; }
.uko-evs b{ display:block; font-weight:600; font-size:15px; line-height:1.3; }
.uko-evs small{ display:block; font-size:12.5px; line-height:1.3; color:rgba(255,255,255,.6); }
.uko-evs .src{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; padding:5px 7px; border-radius:6px; background:rgba(255,255,255,.1); color:rgba(255,255,255,.8); }
.uko-trk{ position:relative; height:30px; border-radius:9px; background:rgba(255,255,255,.06); overflow:hidden; }
.uko-segs{ position:absolute; inset:0; clip-path:inset(0 100% 0 0); }
.uko-segs i{ position:absolute; top:0; bottom:0; }
.uko-segs .w{ background:linear-gradient(#fff,#DDE1F5); }
.uko-segs .p{ background:repeating-linear-gradient(135deg,var(--uko-amber) 0 5px,#c9861f 5px 10px); }
.uko-segs .x{ background:repeating-linear-gradient(135deg,var(--ukl-coral) 0 5px,#c9304a 5px 10px); }
.uko-now{ position:absolute; top:0; bottom:0; width:2px; left:0; background:var(--ukl-coral); box-shadow:0 0 12px var(--ukl-coral); }
.uko-hrs{ position:relative; height:12px; margin-top:10px; font:400 10.5px/1 var(--ukl-mono); color:rgba(255,255,255,.45); }
.uko-hrs span{ position:absolute; top:0; translate:-50% 0; white-space:nowrap; }
.uko-hrs span:first-child{ translate:0 0; } .uko-hrs span:last-child{ translate:-100% 0; }
.uko-dleg{ display:flex; gap:18px; flex-wrap:wrap; margin-top:14px; font:400 11.5px/1 var(--ukl-mono); color:rgba(255,255,255,.6); }
.uko-dleg i{ display:inline-block; width:18px; height:8px; border-radius:8px; margin-right:6px; vertical-align:middle; }
.uko-dleg .a{ background:#fff; } .uko-dleg .b{ background:var(--uko-amber); } .uko-dleg .c{ background:var(--ukl-coral); }
@media (min-width:1025px){
  .ukabi-light-page .ukl-ot-day-sec.uko-pin{ flex-direction:column !important; align-items:center; }
  .uko-day-space{ flex:none; width:100%; height:220vh; pointer-events:none; }
  .ukabi-light-page .ukl-ot-day-sec.uko-pin .fusion-row{ position:sticky; top:calc(var(--ukl-top) + 64px); width:100%; flex:none; height:calc(100vh - var(--ukl-top) - 84px); align-content:center; padding-block:clamp(28px,5vh,60px) !important; row-gap:clamp(18px,3vh,30px); }
}
@media (min-width:1025px) and (max-height:860px){
  .ukabi-light-page .ukl-ot-day-sec.uko-pin .ukl-lead{ display:none; }
  .uko-evs li{ padding:7px 12px; }
  .uko-dleg{ display:none; }
}
@media (max-width:1024px){ .ukabi-light-page .ukl-ot-day-sec .fusion-row{ grid-template-columns:1fr; } }
@media (max-width:700px){
  .ukabi-light-page .ukl-ot-day-sec .fusion-row{ padding:56px 20px !important; border-radius:26px; }
  .uko-evs li{ grid-template-columns:52px 12px 1fr; padding:9px 10px; } .uko-evs .src{ display:none; }
  .uko-hrs span:nth-child(even){ display:none; }
}

/* ---------- De serie: bento ---------- */
.ukabi-light-page .ukl-ot-bento-sec{ padding-top:90px !important; }
.ukabi-light-page .ukl-ot-bento{ grid-template-columns:repeat(4,1fr); gap:16px !important; }
.ukabi-light-page .ukl-ot-bento .content-box-column{ position:relative; overflow:hidden; border-radius:24px; background:#fff; border:1px solid var(--ukl-line); padding:24px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-ot-bento .content-box-wrapper{ display:flex !important; flex-direction:column; height:100%; }
.ukabi-light-page .ukl-sec .ukl-ot-bento .content-box-heading{ font-size:19px !important; font-weight:800 !important; letter-spacing:-.02em !important; }
.ukabi-light-page .ukl-ot-bento .content-box-column:nth-child(1){ grid-column:span 2; grid-row:span 2; background:var(--uko-panel); border-color:var(--uko-panel); }
.ukabi-light-page .ukl-sec .ukl-ot-bento .content-box-column:nth-child(1) .content-box-heading{ color:#fff !important; }
.ukabi-light-page .ukl-sec .ukl-ot-bento .content-box-column:nth-child(1) .content-container{ color:rgba(255,255,255,.72) !important; }
.ukabi-light-page .ukl-ot-bento .content-box-column:nth-child(2),
.ukabi-light-page .ukl-ot-bento .content-box-column:nth-child(5){ grid-column:span 2; }
.uko-bvis{ margin-top:auto; padding-top:16px; font-size:12.5px; text-align:left; }
.uko-team{ border-radius:16px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); padding:14px; display:grid; gap:12px; }
.uko-team .cnt{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.uko-team .cnt div{ border-radius:12px; padding:11px; background:rgba(255,255,255,.06); }
.uko-team .cnt small{ display:block; font:700 9px/1.2 var(--ukl-mono); color:rgba(255,255,255,.55); text-transform:uppercase; letter-spacing:.06em; }
.uko-team .cnt b{ display:block; margin-top:6px; font:800 26px/1 var(--ukl-display); font-variant-numeric:tabular-nums; color:#fff; }
.uko-team .cnt .g b{ color:#5BE0A0; } .uko-team .cnt .a b{ color:#FFC56B; } .uko-team .cnt .r b{ color:#FF8A96; } .uko-team .cnt .l b{ color:#C9C6F2; }
.uko-team ul{ list-style:none; margin:0 !important; padding:0 !important; display:grid; gap:5px; }
.uko-team li{ display:grid; grid-template-columns:28px 1fr auto; gap:10px; align-items:center; margin:0 !important; padding:7px 9px; border-radius:10px; background:rgba(255,255,255,.04); font-size:12.5px; line-height:1.3; color:#fff; }
.uko-team li .av{ width:28px; height:28px; border-radius:8px; background:rgba(255,255,255,.12); display:grid; place-items:center; font:700 10px/1 var(--ukl-display); }
.uko-team li small{ font:400 10.5px/1 var(--ukl-mono); color:rgba(255,255,255,.55); }
.uko-team .s{ font:700 9px/1 var(--ukl-mono); letter-spacing:.06em; text-transform:uppercase; padding:5px 7px; border-radius:6px; }
.uko-team .s.g{ background:rgba(91,224,160,.15); color:#5BE0A0; } .uko-team .s.a{ background:rgba(255,197,107,.15); color:#FFC56B; } .uko-team .s.r{ background:rgba(255,138,150,.15); color:#FF8A96; } .uko-team .s.l{ background:rgba(201,198,242,.15); color:#C9C6F2; }
.uko-cal{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; font:400 10px/1 var(--ukl-mono); color:var(--ukl-muted); text-align:center; }
.uko-cal b{ font-weight:700; color:rgba(15,32,108,.45); padding-bottom:4px; }
.uko-cal i{ font-style:normal; aspect-ratio:1.5; border-radius:6px; background:#F4F5FB; display:grid; place-items:center; }
.uko-cal i.v{ background:var(--ukl-lilac); color:var(--ukl-ink); }
.uko-cal i.a{ background:var(--ukl-coral-soft); color:var(--ukl-coral-d); }
.uko-cal i.f{ background:transparent; color:#C9CEE6; }
.uko-cal i.h{ background:var(--uko-amber-soft); color:var(--uko-amber-d); }
.uko-cal-leg{ display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:10px; font-size:11.5px; color:var(--ukl-muted); }
.uko-cal-leg i{ display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:5px; vertical-align:-1px; }
.uko-cal-leg .v{ background:var(--ukl-lilac); } .uko-cal-leg .a{ background:var(--ukl-coral-soft); } .uko-cal-leg .h{ background:var(--uko-amber-soft); }
.uko-yrs{ position:relative; height:120px; }
.uko-yrs div{ position:absolute; left:calc(var(--i) * 18px); bottom:calc(var(--i) * 14px); width:70%; height:64px; border-radius:12px; background:#fff; border:1px solid var(--ukl-line); box-shadow:0 8px 18px -10px rgba(15,32,108,.35); padding:10px 12px; font:700 12px/1 var(--ukl-mono); color:var(--ukl-ink); display:flex; justify-content:space-between; }
.uko-yrs div small{ font-weight:400; color:var(--ukl-muted); }
.uko-yrs div:last-child{ background:var(--ukl-ink); color:#fff; border-color:var(--ukl-ink); }
.uko-yrs div:last-child small{ color:rgba(255,255,255,.65); }
.uko-rep{ display:grid; gap:10px; }
.uko-rep .doc{ border-radius:12px; border:1px solid var(--ukl-line); background:#F8F9FD; padding:12px; display:grid; gap:6px; }
.uko-rep .doc i{ display:block; height:6px; border-radius:6px; background:#DDE1F0; }
.uko-rep .doc i:nth-child(1){ width:55%; background:var(--ukl-ink); } .uko-rep .doc i:nth-child(3){ width:80%; } .uko-rep .doc i:nth-child(4){ width:65%; }
.uko-rep .fmt{ display:flex; gap:6px; }
.uko-rep .fmt span{ font:700 10px/1 var(--ukl-mono); padding:7px 9px; border-radius:7px; background:var(--ukl-bg-2); color:var(--ukl-ink); }
.uko-rep .fmt span:first-child{ background:var(--ukl-coral); color:#fff; }
.uko-rows{ display:grid; gap:5px; font-size:12.5px; }
.uko-rows div{ display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:8px 10px; border-radius:10px; background:#F8F9FD; border:1px solid #EEF0F8; }
.uko-rows b{ font:700 11.5px/1 var(--ukl-mono); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.uko-rows small{ font:400 10.5px/1 var(--ukl-mono); color:var(--ukl-muted); }
.uko-locs{ display:flex; flex-wrap:wrap; gap:6px; }
.uko-locs span{ display:inline-flex; align-items:center; gap:6px; font:600 12px/1 var(--ukl-display); color:var(--ukl-ink); padding:8px 10px; border-radius:999px; background:#F4F5FB; border:1px solid #EEF0F8; }
.uko-locs span::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--ukl-green); }
.uko-grow{ display:flex; align-items:flex-end; gap:8px; height:90px; }
.uko-grow div{ flex:1; display:grid; gap:6px; justify-items:center; font:700 10px/1 var(--ukl-mono); color:var(--ukl-muted); }
.uko-grow i{ display:block; width:100%; border-radius:6px 6px 2px 2px; background:#D5D9EA; transform-origin:50% 100%; }
.uko-grow div:last-child i{ background:var(--ukl-coral); }
.uko-grow .g1{ height:14px; } .uko-grow .g2{ height:30px; } .uko-grow .g3{ height:52px; } .uko-grow .g4{ height:76px; }
@media (max-width:980px){
  .ukabi-light-page .ukl-ot-bento{ grid-template-columns:repeat(2,1fr); }
  .ukabi-light-page .ukl-ot-bento .content-box-column{ grid-column:span 1 !important; grid-row:auto !important; }
  .ukabi-light-page .ukl-ot-bento .content-box-column:nth-child(1),
  .ukabi-light-page .ukl-ot-bento .content-box-column:nth-child(2),
  .ukabi-light-page .ukl-ot-bento .content-box-column:nth-child(5){ grid-column:span 2 !important; }
}
@media (max-width:560px){ .ukabi-light-page .ukl-ot-bento{ grid-template-columns:1fr; } .ukabi-light-page .ukl-ot-bento .content-box-column{ grid-column:auto !important; } .uko-team .cnt{ grid-template-columns:repeat(2,1fr); } }

/* ---------- Integración ---------- */
.ukabi-light-page .ukl-ot-integ-sec{ padding-top:40px !important; }
.uko-integ{ background:#fff; border:1px solid var(--ukl-line); border-radius:28px; padding:32px 28px 26px; box-shadow:var(--ukl-shadow-lg); overflow-x:auto; }
.uko-integ svg{ display:block; width:100%; min-width:760px; height:auto; }
.uko-integ .nd rect{ fill:#F8F9FD; stroke:var(--ukl-line); stroke-width:1.5; }
.uko-integ .nd text{ font:700 15px var(--ukl-display); fill:var(--ukl-ink); }
.uko-integ .nd text.s{ font:400 11.5px var(--ukl-mono); fill:var(--ukl-muted); }
.uko-integ .nd.core rect{ fill:var(--ukl-ink); stroke:var(--ukl-ink); }
.uko-integ .nd.core text{ fill:#fff; } .uko-integ .nd.core text.big{ font-size:24px; } .uko-integ .nd.core text.s{ fill:rgba(255,255,255,.7); }
.uko-integ .nd.own rect{ stroke:#FFC9CF; fill:#FFF7F8; }
.uko-integ .col{ font:700 11px var(--ukl-mono); letter-spacing:.12em; fill:rgba(15,32,108,.45); }
.uko-integ .wire{ fill:none; stroke:#DCE0F0; stroke-width:2; }
.uko-integ .wire-a{ fill:none; stroke:var(--ukl-coral); stroke-width:2; stroke-dasharray:5 11; animation:uko-dash 1.3s linear infinite; }
@keyframes uko-dash{ to{ stroke-dashoffset:-32; } }
.uko-integ .pulse{ fill:var(--ukl-coral); }
.ukabi-light-page .ukl-ot-integ-notes{ grid-template-columns:repeat(3,1fr); gap:16px !important; margin-top:6px !important; }
.ukabi-light-page .ukl-ot-integ-notes .content-box-column{ border-top:2px solid var(--ukl-line); padding-top:12px !important; }
@media (prefers-reduced-motion:reduce){ .uko-integ .wire-a{ animation:none; } }
@media (max-width:760px){ .ukabi-light-page .ukl-ot-integ-notes{ grid-template-columns:1fr; } }

/* ---------- Precios, reloj de fichajes y ecosistema ---------- */
.ukabi-light-page .ukl-ot-price-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-ot-price-sec > .fusion-row{ display:grid !important; grid-template-columns:1.05fr .95fr; gap:16px; margin-inline:auto !important; }
.ukabi-light-page .ukl-ot-price-sec > .fusion-row > .fusion-layout-column{ width:auto !important; max-width:none !important; min-width:0; margin:0 !important; }
.ukabi-light-page .ukl-ot-price-sec > .fusion-row > .ukl-head{ grid-column:1 / -1; margin-bottom:40px !important; }
.ukabi-light-page .ukl-ot-price{ grid-row:span 2; }
.ukabi-light-page .ukl-ot-price > .fusion-column-wrapper{ position:relative; overflow:hidden; border-radius:28px; padding:36px !important; row-gap:18px; text-align:left; justify-content:flex-start;
  background:linear-gradient(135deg,#0F206C,#26379E 70%,#3B2F8F); color:#fff; }
.ukabi-light-page .ukl-ot-price > .fusion-column-wrapper::after{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(500px 260px at 100% 0%,rgba(253,73,92,.35),transparent 70%); }
.ukabi-light-page .ukl-ot-price > .fusion-column-wrapper > *{ position:relative; z-index:1; }
.ukabi-light-page .ukl-ot-free{ flex:0 0 auto; align-self:flex-start; }
.ukabi-light-page .ukl-ot-free p{ display:inline-block; margin:0; font:700 11px/1 var(--ukl-mono) !important; letter-spacing:.12em; text-transform:uppercase; background:var(--ukl-coral); color:#fff; padding:8px 11px; border-radius:999px; }
.ukabi-light-page .ukl-ot-amt p{ display:flex; align-items:baseline; gap:10px; margin:0; color:rgba(255,255,255,.8); }
.ukabi-light-page .ukl-ot-amt span{ font-size:16px; }
.ukabi-light-page .ukl-ot-amt strong{ font:800 clamp(64px,7vw,96px)/.9 var(--ukl-display); letter-spacing:-.05em; color:#fff; font-variant-numeric:tabular-nums; }
.ukabi-light-page .ukl-ot-amt em{ font-style:normal; font-size:22px; font-weight:700; }
.ukabi-light-page .ukl-ot-note p{ margin:0; color:rgba(255,255,255,.78); }
.ukabi-light-page .ukl-ot-plist{ display:grid !important; grid-template-columns:1fr 1fr; gap:10px 18px; margin:0 !important; }
.ukabi-light-page .ukl-ot-plist .fusion-li-item{ display:grid !important; grid-template-columns:20px 1fr; gap:8px; margin:0 !important; padding:0 !important; }
.ukabi-light-page .ukl-ot-plist .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-ot-plist .fusion-li-item::before{ content:"✓"; color:#5BE0A0; font-weight:800; }
.ukabi-light-page .ukl-ot-plist .fusion-li-item-content{ margin:0 !important; font-size:14.5px !important; line-height:1.45; color:rgba(255,255,255,.9) !important; }
.ukabi-light-page .ukl-ot-price .fusion-button{ background:#fff !important; color:var(--ukl-ink) !important; border-color:#fff !important; }
.ukabi-light-page .ukl-ot-price .fusion-button .fusion-button-text{ color:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-ot-clock > .fusion-column-wrapper{ display:grid !important; grid-template-columns:1fr 150px; column-gap:26px; row-gap:10px !important; align-items:center; align-content:center; border-radius:28px; background:#fff !important; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow); padding:32px !important; text-align:left; }
.ukabi-light-page .ukl-ot-clock > .fusion-column-wrapper > *{ grid-column:1; margin:0 !important; }
.ukabi-light-page .ukl-ot-clock > .fusion-column-wrapper > .uko-mrl{ grid-column:2; grid-row:1 / span 3; }
.ukabi-light-page .ukl-ot-clock > .fusion-column-wrapper > .fusion-clearfix{ display:none; }
.ukabi-light-page .ukl-ot-k p{ margin:0; font:700 11px/1 var(--ukl-mono) !important; letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-coral-d); }
.ukabi-light-page .ukl-ot-clock .ukl-title .fusion-title-heading,
.ukabi-light-page .ukl-ot-eco .ukl-title .fusion-title-heading{ text-align:left !important; font-size:24px !important; line-height:1.15 !important; letter-spacing:-.02em !important; }
.ukabi-light-page .ukl-ot-eco .ukl-title .fusion-title-heading{ font-size:19px !important; }
.ukabi-light-page .ukl-ot-clock .fusion-text p,
.ukabi-light-page .ukl-ot-eco .fusion-text p{ margin:0; color:var(--ukl-muted); font-size:15px; }
.uko-mrl{ position:relative; width:150px; height:210px; border-radius:24px; background:var(--uko-dev); box-shadow:var(--ukl-shadow-lg); padding:14px; display:grid; grid-template-rows:auto 1fr; gap:12px; overflow:hidden; }
.uko-mrl .sc{ border-radius:12px; background:#0b1236; padding:10px; text-align:center; font:700 22px/1 var(--ukl-mono); color:#fff; }
.uko-mrl .sc small{ display:block; margin-top:6px; font:400 9px/1.2 var(--ukl-mono); color:rgba(255,255,255,.6); }
.uko-mrl .pd{ justify-self:center; align-self:center; width:70px; height:70px; border-radius:50%; border:2px solid rgba(255,255,255,.2); }
.uko-mrl .cd{ position:absolute; left:50%; top:128px; width:60px; height:40px; margin-left:-30px; border-radius:7px; background:linear-gradient(135deg,#FD495C,#E83248); animation:uko-tap2 3.2s ease-in-out infinite; }
@keyframes uko-tap2{ 0%,100%{ transform:translate(70px,60px) rotate(18deg); opacity:0; } 30%,60%{ transform:translate(0,0) rotate(-6deg); opacity:1; } }
.ukabi-light-page .ukl-ot-eco > .fusion-column-wrapper{ flex-direction:row !important; flex-wrap:wrap; align-items:center; align-content:center; gap:8px !important; border-radius:28px; background:var(--ukl-bg-2) !important; border:1px solid var(--ukl-line); padding:26px 30px !important; text-align:left; }
.ukabi-light-page .ukl-ot-eco > .fusion-column-wrapper > .fusion-title,
.ukabi-light-page .ukl-ot-eco > .fusion-column-wrapper > .fusion-text{ flex:0 0 100%; margin:0 0 6px !important; }
.ukabi-light-page .ukl-ot-eco > .fusion-column-wrapper > .fusion-clearfix{ display:none; }
.ukabi-light-page .ukl-ot-eco .fusion-button{ padding:10px 14px !important; font-size:13px !important; border-radius:999px !important; }
.ukabi-light-page .ukl-ot-eco .fusion-button.ukl-ot-own::before{ content:""; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--ukl-coral); display:inline-block; }
@media (max-width:980px){ .ukabi-light-page .ukl-ot-price-sec > .fusion-row{ grid-template-columns:1fr; } .ukabi-light-page .ukl-ot-price{ grid-row:auto; } }
@media (max-width:560px){
  .ukabi-light-page .ukl-ot-price > .fusion-column-wrapper{ padding:26px 22px !important; }
  .ukabi-light-page .ukl-ot-plist{ grid-template-columns:1fr; }
  .ukabi-light-page .ukl-ot-clock > .fusion-column-wrapper{ grid-template-columns:1fr; padding:26px 22px !important; }
  .ukabi-light-page .ukl-ot-clock > .fusion-column-wrapper > .uko-mrl{ grid-column:1; grid-row:auto; justify-self:center; }
}

@media (prefers-reduced-motion:reduce){ .uko-wt,.uko-ds,.uko-dev,.uko-evs li{ transition:none; } .uko-ds .uko-bf,.uko-ds .uko-toast,.uko-mrl .cd,.uko-ptop .live i{ animation:none !important; } .uko-ds.is-on .uko-toast{ opacity:1; } }
.ukabi-light-page .ukl-mock--otways .pin-spacer{ flex-basis:100% !important; }
@media (max-width:560px){ .ukabi-light-page .ukl-ot-h .ukl-pill{ flex:0 1 auto; max-width:100%; } .ukabi-light-page .ukl-ot-h .ukl-pill p{ white-space:normal; line-height:1.4; } }
.ukabi-light-page .ukl-ot-chips-col > .fusion-column-wrapper{ margin-inline:0 !important; }