/* =====================================================================
   UKABI · Páginas CLARAS (diseño 2026)
   Se carga solo en páginas cuyo contenido usa la clase "ukl-page"
   (body.ukabi-light-page). Los elementos de Avada solo llevan clases ukl-*;
   todo el diseño vive aquí. Las piezas decorativas (pantallas de ejemplo,
   orbe, chat, raíl) las inyecta ukabi-light.js.
   ===================================================================== */

.ukabi-light-page{
  --ukl-bg:#F7F7FC;
  --ukl-bg-2:#EEF0FA;
  --ukl-ink:#0F206C;
  --ukl-ink-2:#23359A;
  --ukl-text:#1F2937;
  --ukl-muted:#5B6478;
  --ukl-coral:#FD495C;
  --ukl-coral-d:#E83248;
  --ukl-coral-soft:#FFE6E9;
  --ukl-lilac:#C9C6F2;
  --ukl-green:#12925B;
  --ukl-green-soft:#E3F5EC;
  --ukl-line:#DCE0F0;
  --ukl-card:rgba(255,255,255,.74);
  --ukl-shadow:0 1px 2px rgba(15,32,108,.06),0 12px 32px -12px rgba(15,32,108,.18);
  --ukl-shadow-lg:0 2px 4px rgba(15,32,108,.05),0 40px 80px -24px rgba(15,32,108,.28);
  --ukl-display:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ukl-mono:"Space Mono",ui-monospace,Menlo,Consolas,monospace;
  --ukl-top:90px;
  background:var(--ukl-bg) !important;
  color:var(--ukl-text);
  font-family:var(--ukl-display);
  overflow-x:hidden;
}
.ukabi-light-page #wrapper,
.ukabi-light-page #main,
.ukabi-light-page #content{ background:transparent !important; }
.ukabi-light-page #main{ padding-top:0 !important; padding-bottom:0 !important; }
.ukabi-light-page ::selection{ background:var(--ukl-coral); color:#fff; }

/* La cabecera en páginas claras se define en ukabi-menu.css */

/* ---------- Estructura de secciones ---------- */
.ukabi-light-page .ukl-sec{ position:relative; padding-top:110px !important; padding-bottom:110px !important; background:transparent; }
.ukabi-light-page .ukl-sec > .fusion-row{ position:relative; z-index:2; max-width:1180px; }
.ukabi-light-page .ukl-sec .fusion-layout-column{ margin-bottom:0 !important; }
.ukabi-light-page .ukl-sec .fusion-column-wrapper{
  display:flex; flex-direction:row !important; flex-wrap:wrap; align-items:center; align-content:flex-start;
  column-gap:12px; row-gap:18px; }
.ukabi-light-page :where(.ukl-sec .fusion-column-wrapper > *){ flex:0 0 100%; min-width:0; margin-top:0 !important; margin-bottom:0 !important; }
.ukabi-light-page :where(.ukl-sec .fusion-column-wrapper > div:has(> .fusion-button)){ flex:0 0 auto; }
.ukabi-light-page .ukl-sec .fusion-column-wrapper > .fusion-builder-row-inner{ margin:0 !important; }
.ukabi-light-page .ukl-sec .fusion-text p{ margin:0; }
.ukabi-light-page .ukl-sec .fusion-text{ font-size:17px; line-height:1.65; color:var(--ukl-text); }
.ukabi-light-page .ukl-sec .fusion-title{ margin:0 !important; }

/* Cabecera de sección centrada */
.ukabi-light-page .ukl-head .fusion-column-wrapper{ max-width:780px; margin-inline:auto; justify-content:center; text-align:center; row-gap:20px; }
.ukabi-light-page .ukl-head .fusion-title-heading{ text-align:center !important; }
.ukabi-light-page .ukl-head + .fusion-layout-column{ margin-top:50px !important; }
.ukabi-light-page .ukl-center .fusion-column-wrapper{ justify-content:center; }

/* ---------- Tipografía ---------- */
.ukabi-light-page .ukl-title .fusion-title-heading{
  font-family:var(--ukl-display) !important; color:var(--ukl-ink) !important; font-weight:800 !important;
  letter-spacing:-.035em !important; line-height:1.08 !important; text-wrap:balance; margin:0 !important; }
.ukabi-light-page .ukl-title h2.fusion-title-heading{ font-size:clamp(32px,4.4vw,52px) !important; }
.ukabi-light-page .ukl-title h3.fusion-title-heading{ font-size:clamp(24px,2.8vw,32px) !important; letter-spacing:-.03em !important; line-height:1.15 !important; }
.ukabi-light-page .ukl-title h4.fusion-title-heading{ font-size:26px !important; letter-spacing:-.025em !important; line-height:1.15 !important; }
.ukabi-light-page .ukl-h1 .fusion-title-heading{ font-size:clamp(40px,6.2vw,80px) !important; letter-spacing:-.045em !important; line-height:1.02 !important; text-align:center !important; }
.ukabi-light-page .ukl-h1 em{ font-style:normal; background:linear-gradient(100deg,var(--ukl-coral) 10%,#B04BD8 60%,var(--ukl-ink)); -webkit-background-clip:text; background-clip:text; color:transparent;  padding:0 .12em .06em 0; margin-right:-.12em; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.ukabi-light-page .ukl-lead,
.ukabi-light-page .ukl-lead p{ font-size:18px !important; color:var(--ukl-muted) !important; }

/* Pastilla (Text con clase ukl-pill) */
.ukabi-light-page .ukl-pill p{
  display:inline-flex; align-items:center; gap:8px; font:700 11.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase;
  color:var(--ukl-ink); background:rgba(255,255,255,.8); border:1px solid var(--ukl-line); padding:9px 14px; border-radius:999px; }
.ukabi-light-page .ukl-pill p::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--ukl-coral); box-shadow:0 0 0 4px var(--ukl-coral-soft); flex:none; }
.ukabi-light-page .ukl-pill--coral p{ color:var(--ukl-coral-d); background:var(--ukl-coral-soft); border-color:#FFC9CF; }

/* ---------- Botones (Button con clase ukl-btn + variante) ---------- */
.ukabi-light-page .fusion-button.ukl-btn{
  display:inline-flex !important; align-items:center; gap:10px; font:600 15px/1 var(--ukl-display) !important; text-transform:none !important; letter-spacing:0 !important;
  padding:16px 24px !important; border-radius:12px !important; border:1px solid transparent !important; box-shadow:none;
  transition:transform .2s,box-shadow .2s,background .2s,border-color .2s !important; }
.ukabi-light-page .fusion-button.ukl-btn .fusion-button-text{ color:inherit !important; font:inherit !important; }
.ukabi-light-page .fusion-button.ukl-btn--coral{ background:var(--ukl-coral) !important; color:#fff !important; box-shadow:0 10px 24px -10px rgba(253,73,92,.7); }
.ukabi-light-page .fusion-button.ukl-btn--coral:hover{ background:var(--ukl-coral-d) !important; transform:translateY(-1px); }
.ukabi-light-page .fusion-button.ukl-btn--coral::after,
.ukabi-light-page .fusion-button.ukl-btn--ink::after{
  content:""; width:16px; height:16px; background:currentColor; transition:transform .2s;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
.ukabi-light-page .fusion-button.ukl-btn:hover::after{ transform:translateX(3px); }
.ukabi-light-page .fusion-button.ukl-btn--coral::after,
.ukabi-light-page .fusion-button.ukl-btn--ink::after{ background:#fff !important; }
.ukabi-light-page .fusion-button.ukl-btn--ghost{ background:rgba(255,255,255,.85) !important; color:var(--ukl-ink) !important; border-color:var(--ukl-line) !important; }
.ukabi-light-page .fusion-button.ukl-btn--ghost:hover{ border-color:var(--ukl-ink) !important; }
.ukabi-light-page .fusion-button.ukl-btn--ink{ background:var(--ukl-ink) !important; color:#fff !important; }
.ukabi-light-page .fusion-button.ukl-btn--ink:hover{ background:var(--ukl-ink-2) !important; }
.ukabi-light-page .fusion-button.ukl-btn:focus-visible,
.ukabi-light-page .ukl-subnav a:focus-visible,
.ukabi-light-page .ukl-tabs .tab-link:focus-visible{ outline:3px solid var(--ukl-coral); outline-offset:3px; }

/* ---------- HERO ---------- */
.ukabi-light-page .ukl-hero{ padding-top:90px !important; padding-bottom:40px !important; overflow:hidden; }
.ukabi-light-page .ukl-hero::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:linear-gradient(var(--ukl-line) 1px,transparent 1px),linear-gradient(90deg,var(--ukl-line) 1px,transparent 1px);
  background-size:56px 56px; opacity:.55;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%); mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%); }
.ukabi-light-page .ukl-hero::after{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(620px 620px at 0% 0%,rgba(217,214,250,.75),transparent 70%),radial-gradient(560px 560px at 100% 25%,rgba(255,211,217,.7),transparent 70%); filter:blur(10px); }
.ukabi-light-page .ukl-hero-copy .fusion-column-wrapper{ max-width:920px; margin-inline:auto; justify-content:center; text-align:center; row-gap:24px; }
.ukabi-light-page .ukl-hero-copy .ukl-lead{ max-width:700px; margin-inline:auto !important; }
.ukabi-light-page .ukl-hero-copy .ukl-lead p{ font-size:19px !important; }
.ukabi-light-page .ukl-mock--hero{ margin-top:56px !important; }

/* ---------- Pantallas de ejemplo (inyectadas por JS) ---------- */
.ukl-stage{ position:relative; perspective:1600px; width:100%; }
.ukl-screen{ transform-origin:50% 0%; transform:rotateX(24deg) scale(.92); will-change:transform; max-width:1080px; margin-inline:auto;
  border-radius:20px; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); overflow:hidden; text-align:left; }
.ukl-screen-bar{ display:flex; align-items:center; gap:8px; padding:12px 16px; border-bottom:1px solid var(--ukl-line); background:#FAFBFE; }
.ukl-screen-bar i{ width:10px; height:10px; border-radius:50%; background:#E3E6F2; }
.ukl-screen-bar b{ margin-left:12px; font:700 12px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukl-screen-bar small{ margin-left:auto; font:400 10px/1 var(--ukl-mono); color:#9AA1BA; letter-spacing:.06em; text-transform:uppercase; }
.ukl-app{ display:grid; grid-template-columns:190px 1fr; min-height:420px; }
.ukl-app-side{ background:#F4F5FB; border-right:1px solid var(--ukl-line); padding:18px 12px; display:grid; align-content:start; gap:4px; font-size:13px; font-weight:500; color:var(--ukl-muted); }
.ukl-app-side span{ padding:8px 10px; border-radius:8px; display:flex; align-items:center; gap:9px; }
.ukl-app-side span::before{ content:""; width:14px; height:14px; border-radius:4px; background:var(--ukl-line); }
.ukl-app-side .on{ background:#fff; color:var(--ukl-ink); box-shadow:var(--ukl-shadow); }
.ukl-app-side .on::before{ background:var(--ukl-coral); }
.ukl-app-main{ padding:22px; display:grid; gap:16px; align-content:start; }
.ukl-kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.ukl-kpi{ border:1px solid var(--ukl-line); border-radius:12px; padding:14px; }
.ukl-kpi small{ display:block; font:400 10.5px/1.3 var(--ukl-mono); color:var(--ukl-muted); text-transform:uppercase; letter-spacing:.06em; }
.ukl-kpi b{ display:block; font:800 24px/1.2 var(--ukl-display); color:var(--ukl-ink); margin-top:6px; font-variant-numeric:tabular-nums; }
.ukl-kpi em{ font:700 11px/1 var(--ukl-mono); font-style:normal; color:var(--ukl-green); }
.ukl-kpi em.dn{ color:var(--ukl-coral-d); }
.ukl-app-row{ display:grid; grid-template-columns:1.4fr 1fr; gap:12px; }
.ukl-panel{ border:1px solid var(--ukl-line); border-radius:12px; padding:14px; }
.ukabi-light-page .ukl-panel h5,.ukabi-light-page .ukl-ui h5,.ukabi-light-page .ukl-mock-box h5{ margin:0 0 10px !important; font:700 12px/1.2 var(--ukl-mono) !important; color:var(--ukl-ink) !important; text-transform:uppercase !important; letter-spacing:.06em !important; display:flex; justify-content:space-between; gap:10px; }
.ukabi-light-page .ukl-panel h5 span,.ukabi-light-page .ukl-ui h5 span,.ukabi-light-page .ukl-mock-box h5 span{ font:400 12px/1.2 var(--ukl-mono) !important; color:var(--ukl-muted) !important; }
.ukl-panel svg{ width:100%; height:150px; display:block; }
.ukl-docflow{ display:grid; gap:8px; font-size:12.5px; }
.ukl-doc{ display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:8px 10px; border-radius:9px; background:#F8F9FD; border:1px solid #EEF0F8; }
.ukl-doc code{ font:700 11px/1 var(--ukl-mono); color:var(--ukl-ink); background:#fff; border:1px solid var(--ukl-line); padding:5px 6px; border-radius:5px; }
.ukl-doc em{ font:700 10.5px/1 var(--ukl-mono); font-style:normal; padding:5px 7px; border-radius:6px; background:var(--ukl-green-soft); color:var(--ukl-green); }
.ukl-doc em.auto{ background:#E4E7FA; color:var(--ukl-ink); }
.ukl-docflow .dn{ justify-self:center; color:var(--ukl-lilac); font:700 12px/1 var(--ukl-mono); }
.ukl-chip{ position:absolute; z-index:3; background:var(--ukl-card); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.9);
  box-shadow:var(--ukl-shadow); border-radius:14px; padding:12px 14px; font-size:13px; display:flex; gap:10px; align-items:center; text-align:left; animation:ukl-bob 6s ease-in-out infinite; }
.ukl-chip b{ color:var(--ukl-ink); display:block; font-size:13.5px; }
.ukl-chip small{ color:var(--ukl-muted); font-size:12px; }
.ukl-chip i{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--ukl-coral-soft); color:var(--ukl-coral-d); flex:none; font-style:normal; font-weight:800; }
.ukl-chip.blue i{ background:#E4E7FA; color:var(--ukl-ink); }
.ukl-chip.green i{ background:var(--ukl-green-soft); color:var(--ukl-green); }
.ukl-chip--1{ left:-3%; top:26%; }
.ukl-chip--2{ right:-4%; top:-4%; animation-delay:-2s; }
.ukl-chip--3{ right:-2%; bottom:10%; animation-delay:-4s; }
@keyframes ukl-bob{ 0%,100%{ translate:0 0; } 50%{ translate:0 -10px; } }
@media (max-width:1180px){ .ukl-chip{ display:none; } }
@media (max-width:860px){
  .ukl-app{ grid-template-columns:1fr; } .ukl-app-side{ display:none; }
  .ukl-kpis{ grid-template-columns:repeat(2,1fr); } .ukl-app-row{ grid-template-columns:1fr; } }

/* ---------- Subnav de anclas (Text con enlaces, clase ukl-subnav) ---------- */
.ukabi-light-page .ukl-subnav-sec{ position:sticky !important; top:var(--ukl-top); z-index:60; padding:12px 0 0 !important; margin-bottom:-58px; pointer-events:none; }
.ukabi-light-page .ukl-subnav-sec .fusion-column-wrapper{ justify-content:center; }
.ukabi-light-page .ukl-subnav{ flex:0 1 auto !important; max-width:100%; }
.ukabi-light-page .ukl-subnav p{ pointer-events:auto; display:flex; gap:4px; background:rgba(255,255,255,.82); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border:1px solid var(--ukl-line); border-radius:999px; padding:5px; box-shadow:var(--ukl-shadow); overflow-x:auto; scrollbar-width:none; font-size:0; }
.ukabi-light-page .ukl-subnav a{ font-size:13px; font-weight:600; color:var(--ukl-muted); text-decoration:none; padding:8px 14px; border-radius:999px; white-space:nowrap; transition:background .25s,color .25s; }
.ukabi-light-page .ukl-subnav a:hover{ color:var(--ukl-ink); }
.ukabi-light-page .ukl-subnav a.is-on{ background:var(--ukl-ink); color:#fff; }
.ukabi-light-page .ukl-sec[id]{ scroll-margin-top:calc(var(--ukl-top) + 70px); }

/* ---------- Content Boxes: base común ---------- */
.ukabi-light-page :where(.ukl-sec .fusion-content-boxes){ display:grid !important; gap:14px; margin:0 !important; }
.ukabi-light-page :where(.ukl-sec .fusion-content-boxes)::before,
.ukabi-light-page :where(.ukl-sec .fusion-content-boxes)::after{ display:none !important; }
.ukabi-light-page :where(.ukl-sec .fusion-content-boxes .content-box-column){ width:auto !important; max-width:none !important; float:none !important; padding:0 !important; margin:0 !important; }
.ukabi-light-page :where(.ukl-sec .content-box-wrapper){ height:100%; text-align:left !important; padding:0; background:none; }
.ukabi-light-page :where(.ukl-sec .content-box-heading){ font:700 17px/1.3 var(--ukl-display) !important; color:var(--ukl-ink) !important; letter-spacing:-.01em !important; margin:0 0 6px !important; }
.ukabi-light-page :where(.ukl-sec .content-container){ text-align:left !important; font-size:14.5px !important; line-height:1.55 !important; color:var(--ukl-muted) !important; }
.ukabi-light-page :where(.ukl-sec .content-boxes .heading){ margin:0 !important; text-align:left !important; }
.ukabi-light-page .ukl-sec .content-boxes .heading .icon{
  float:none !important; position:static !important; display:flex !important; align-items:center; justify-content:center;
  width:44px; height:44px; margin:0 0 14px !important; border-radius:13px; background:var(--ukl-bg-2); color:var(--ukl-ink); transition:transform .25s; }
.ukabi-light-page .ukl-sec .content-boxes .heading .icon > span{ display:contents !important; }
.ukabi-light-page .ukl-sec .content-boxes .heading .icon i,
.ukabi-light-page .ukl-sec .content-boxes .heading .icon i.circle-yes,
.ukabi-light-page .ukl-sec .content-boxes .content-box-column:hover .heading .icon i,
.ukabi-light-page .ukl-sec .fusion-content-box-hover .icon.hover i{
  position:static !important; width:auto !important; height:auto !important; line-height:1 !important; margin:0 !important; padding:0 !important;
  background:none !important; border:0 !important; box-shadow:none !important; font-size:19px !important; color:inherit !important; }
.ukabi-light-page .ukl-sec .content-box-column:hover .heading .icon{ transform:translateY(-2px); }
.ukabi-light-page :where(.ukl-sec .content-boxes-icon-with-title .heading-with-icon){ display:block !important; }
.ukabi-light-page :where(.ukl-sec .content-boxes-icon-with-title .content-box-heading){ padding:0 !important; }
.ukabi-light-page :where(.ukl-sec .content-boxes-icon-with-title .content-container){ padding:0 !important; }
.ukabi-light-page :where(.ukl-sec .fusion-read-more),
.ukabi-light-page :where(.ukl-sec .content-box-wrapper .fusion-button){ display:none; }

/* 4 claves */
.ukabi-light-page .ukl-keys-sec{ padding-top:40px !important; padding-bottom:20px !important; }
.ukabi-light-page .ukl-keys{ grid-template-columns:repeat(4,1fr); gap:0 !important; border-block:1px solid var(--ukl-line); }
.ukabi-light-page .ukl-keys .content-box-column{ padding:30px 22px !important; border-left:1px solid var(--ukl-line); }
.ukabi-light-page .ukl-keys .content-box-column:first-child{ border-left:0; }
.ukabi-light-page .ukl-keys .content-box-column:nth-child(2) .heading .icon{ background:var(--ukl-coral-soft); color:var(--ukl-coral-d); }

/* ---------- Un único software: tarjetas flotantes ---------- */
.ukabi-light-page .ukl-unify-sec{ overflow:hidden; }
.ukabi-light-page .ukl-unify .fusion-column-wrapper{ position:relative; min-height:680px; justify-content:center; align-content:center; text-align:center; row-gap:16px; }
.ukabi-light-page .ukl-unify .ukl-core{ max-width:520px; margin-inline:auto !important; position:relative; z-index:2; }
.ukabi-light-page .ukl-unify .ukl-core p{ color:var(--ukl-muted); font-size:16px; }
.ukl-core-disc{ width:128px; height:128px; margin:0 auto 22px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 35% 30%,#fff,#E9EBFA 70%); border:1px solid var(--ukl-line);
  box-shadow:0 0 0 14px rgba(255,255,255,.55),0 0 0 15px var(--ukl-line),0 30px 60px -20px rgba(15,32,108,.35);
  font:800 22px/1 var(--ukl-display); color:var(--ukl-ink); letter-spacing:-.03em; }
.ukl-core-disc span{ color:var(--ukl-coral); }
.ukabi-light-page .ukl-ticks{ position:relative; z-index:2; display:flex !important; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 !important; padding:0 !important; }
.ukabi-light-page .ukl-ticks .fusion-li-item{ margin:0 !important; padding:8px 11px !important; background:#fff; border:1px solid var(--ukl-line); border-radius:999px; }
.ukabi-light-page .ukl-ticks .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-ticks .fusion-li-item-content{ margin:0 !important; font:700 11px/1 var(--ukl-mono); color:var(--ukl-ink); }
.ukl-orbit{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.ukl-orbit svg{ width:100%; height:100%; }
.ukl-orbit path{ fill:none; stroke:var(--ukl-lilac); stroke-width:1.2; stroke-dasharray:4 6; animation:ukl-flow 30s linear infinite; }
@keyframes ukl-flow{ to{ stroke-dashoffset:-400; } }
.ukabi-light-page .ukl-float{ position:absolute !important; inset:0; pointer-events:none; z-index:3; display:block !important; }
.ukabi-light-page .ukl-float .content-box-column{ position:absolute !important; width:250px !important; pointer-events:auto; will-change:transform;
  background:var(--ukl-card); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.95); border-radius:18px; padding:18px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-float .content-box-column:nth-child(1){ left:2%; top:4%; }
.ukabi-light-page .ukl-float .content-box-column:nth-child(2){ right:3%; top:0; }
.ukabi-light-page .ukl-float .content-box-column:nth-child(3){ left:0; bottom:6%; }
.ukabi-light-page .ukl-float .content-box-column:nth-child(4){ right:0; bottom:2%; }
.ukabi-light-page .ukl-float .content-box-column:nth-child(5){ left:calc(50% - 125px); bottom:-4%; }
.ukabi-light-page .ukl-sec .ukl-float .heading .icon{ width:38px; height:38px; border-radius:11px; }
.ukabi-light-page .ukl-sec .ukl-float .heading .icon i{ font-size:16px !important; }
.ukabi-light-page .ukl-float .content-container{ font-size:14px !important; }
@media (max-width:1020px){
  .ukabi-light-page .ukl-unify .fusion-column-wrapper{ min-height:0; }
  .ukabi-light-page .ukl-float{ position:static !important; display:grid !important; grid-template-columns:1fr 1fr; gap:14px; margin-top:20px !important; }
  .ukabi-light-page .ukl-float .content-box-column{ position:relative !important; inset:auto !important; width:auto !important; transform:none !important; text-align:left; }
  .ukabi-light-page .ukl-float .content-box-column:nth-child(5){ grid-column:1/-1; }
  .ukl-orbit{ display:none; } }
@media (max-width:560px){ .ukabi-light-page .ukl-float{ grid-template-columns:1fr; } }

/* ---------- Verifactu (único bloque oscuro) ---------- */
.ukabi-light-page .ukl-law-sec{ padding-top:20px !important; padding-bottom:40px !important; }
.ukabi-light-page .ukl-law > .fusion-column-wrapper{ position:relative; overflow:hidden; border-radius:30px; padding:56px !important;
  background:linear-gradient(120deg,#0F206C,#1D2E8C 55%,#2B2A85); }
.ukabi-light-page .ukl-law > .fusion-column-wrapper::before{ content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(520px 300px at 100% 0%,rgba(253,73,92,.45),transparent 70%),radial-gradient(420px 260px at 0% 100%,rgba(140,130,255,.35),transparent 70%); }
.ukabi-light-page .ukl-law .fusion-builder-row-inner{ position:relative; align-items:center; }
.ukabi-light-page .ukl-law .ukl-title .fusion-title-heading{ color:#fff !important; font-size:clamp(30px,3.8vw,46px) !important; }
.ukabi-light-page .ukl-law .ukl-lead p{ color:#C9CEF0 !important; font-size:17px !important; }
.ukabi-light-page .ukl-law .ukl-pill p{ background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.25); }
.ukabi-light-page .ukl-seals{ grid-template-columns:1fr 1fr; gap:12px !important; }
.ukabi-light-page .ukl-seals .content-box-column{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-radius:16px; padding:20px !important; }
.ukabi-light-page .ukl-seals .content-box-heading{ color:#fff !important; font-size:18px !important; }
.ukabi-light-page .ukl-seals .content-container{ color:#C9CEF0 !important; font-size:13.5px !important; }
.ukabi-light-page .ukl-sec .ukl-seals .heading .icon{ width:32px; height:32px; border-radius:50%; background:rgba(18,146,91,.25); color:#7BE3B2; margin-bottom:10px !important; }
.ukabi-light-page .ukl-sec .ukl-seals .heading .icon i{ font-size:14px !important; }
.ukabi-light-page .ukl-seals .content-box-column:first-child{ background:#fff; border-color:#fff; }
.ukabi-light-page .ukl-seals .content-box-column:first-child .content-box-heading{ color:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-seals .content-box-column:first-child .content-container{ color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-seals .content-box-column:first-child .heading .icon{ background:var(--ukl-coral-soft); color:var(--ukl-coral-d); }

/* ---------- Versiones ---------- */
.ukabi-light-page .ukl-versions-sec{ background:linear-gradient(180deg,var(--ukl-bg) 0%,var(--ukl-bg-2) 18%,var(--ukl-bg-2) 82%,var(--ukl-bg) 100%); }
.ukabi-light-page .ukl-versions-sec .ukl-vcard{ margin-top:50px !important; }
.ukabi-light-page .ukl-vcard > .fusion-column-wrapper{ position:relative; height:100%; align-content:flex-start; row-gap:14px; background:#fff !important; border:1px solid var(--ukl-line); border-radius:22px; padding:30px 28px !important; transition:transform .35s,box-shadow .35s; }
.ukabi-light-page .ukl-vcard > .fusion-column-wrapper:hover{ transform:translateY(-6px); box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-vcard--hi > .fusion-column-wrapper{ border:1.5px solid var(--ukl-ink); box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-tier p{ font:700 11px/1 var(--ukl-mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ukl-muted); }
.ukabi-light-page .ukl-vname .fusion-title-heading{ font-size:28px !important; }
.ukabi-light-page .ukl-vsub p{ font-size:14px; color:var(--ukl-muted); }
.ukabi-light-page .ukl-vfit{ margin-top:auto !important; border-top:1px solid var(--ukl-line); padding-top:14px; }
.ukabi-light-page .ukl-vfit p{ font-size:13.5px; color:var(--ukl-muted); }
.ukabi-light-page .ukl-badge{ position:absolute; top:-12px; right:22px; width:auto !important; flex:none !important; }
.ukabi-light-page .ukl-badge p{ font:700 10.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; background:var(--ukl-ink); color:#fff; padding:7px 10px; border-radius:999px; }
.ukabi-light-page .ukl-vlist{ margin:0 !important; }
.ukabi-light-page .ukl-vlist .fusion-li-item{ margin:0 0 9px !important; padding:0 !important; display:flex; gap:10px; align-items:flex-start; }
.ukabi-light-page .ukl-vlist .icon-wrapper{ display:none !important; }
.ukabi-light-page .ukl-vlist .fusion-li-item::before{ content:""; flex:none; width:16px; height:16px; margin-top:4px; border-radius:5px;
  background:var(--ukl-bg-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%230F206C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat; }
.ukabi-light-page .ukl-vlist .fusion-li-item-content{ margin:0 !important; font-size:14.5px; color:var(--ukl-text); }
.ukabi-light-page .ukl-versions-sec .ukl-center{ margin-top:34px !important; }

/* ---------- Funcionalidades (Tabs) ---------- */
.ukabi-light-page .ukl-tabs .nav{ margin-bottom:28px; }
.ukabi-light-page .ukl-tabs .nav-tabs{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:6px; border:0 !important; background:none !important; padding:0; }
.ukabi-light-page .ukl-tabs .nav-tabs li{ float:none !important; margin:0 !important; border:0 !important; background:none !important; }
.ukabi-light-page .ukl-tabs .nav-tabs li .tab-link{ display:block; background:#fff !important; border:1px solid var(--ukl-line) !important; border-radius:999px !important; padding:12px 18px !important; transition:all .25s; }
.ukabi-light-page .ukl-tabs .nav-tabs li .tab-link:hover{ border-color:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-tabs .fusion-tab-heading{ font:600 14px/1 var(--ukl-display) !important; color:var(--ukl-muted) !important; margin:0 !important; text-transform:none !important; letter-spacing:0 !important; }
.ukabi-light-page .ukl-tabs .nav-tabs li.active .tab-link{ background:var(--ukl-ink) !important; border-color:var(--ukl-ink) !important; box-shadow:0 10px 24px -12px rgba(15,32,108,.6); }
.ukabi-light-page .ukl-tabs .nav-tabs li.active .fusion-tab-heading{ color:#fff !important; }
.ukabi-light-page .ukl-tabs .tab-content{ border:0 !important; background:none !important; padding:0 !important; }
.ukabi-light-page .ukl-tabs .tab-pane{ background:#fff; border:1px solid var(--ukl-line); border-radius:26px; padding:34px !important; box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-tabs .tab-pane.ukl-tp{ display:none; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; }
.ukabi-light-page .ukl-tabs .tab-pane.ukl-tp.active{ display:grid; }
.ukabi-light-page .ukl-tabs .tab-pane.ukl-tp::before,
.ukabi-light-page .ukl-tabs .tab-pane.ukl-tp::after{ display:none !important; }
.ukabi-light-page .ukl-tabs .tab-pane.active .ukl-mock-box,
.ukabi-light-page .ukl-tabs .tab-pane.active .ukl-tp-txt{ animation:ukl-tp-in .55s cubic-bezier(.2,.7,.2,1) both; }
.ukabi-light-page .ukl-tabs .tab-pane.active .ukl-tp-txt{ animation-delay:.08s; }
@keyframes ukl-tp-in{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
.ukl-tp-txt{ display:grid; gap:14px; }
.ukl-tp-txt .ukl-kick{ font:700 11.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-coral-d); }
.ukabi-light-page .ukl-tp-txt h3{ margin:0; font:800 clamp(24px,2.6vw,32px)/1.12 var(--ukl-display) !important; letter-spacing:-.03em !important; color:var(--ukl-ink) !important; text-wrap:balance; }
.ukabi-light-page .ukl-tp-txt ul{ list-style:none; margin:4px 0 0; padding:0; display:grid; gap:10px; font-size:15px; }
.ukabi-light-page .ukl-tp-txt li{ display:flex; gap:10px; margin:0; color:var(--ukl-text); }
.ukabi-light-page .ukl-tp-txt li::before{ content:""; flex:none; width:18px; height:18px; margin-top:3px; border-radius:6px;
  background:var(--ukl-coral-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23E83248' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat; }
.ukabi-light-page .ukl-tabs .tab-pane.ukl-tp > *{ min-width:0; }
.ukabi-light-page .ukl-tabs .fusion-mobile-tab-nav ul{ list-style:none; margin:0 0 10px; padding:0; }
.ukabi-light-page .ukl-tabs .fusion-mobile-tab-nav li{ margin:0 !important; border:0 !important; background:none !important; }
.ukabi-light-page .ukl-tabs .fusion-mobile-tab-nav .tab-link{ display:block; background:#fff !important; border:1px solid var(--ukl-line) !important; border-radius:14px !important; padding:14px 18px !important; }
.ukabi-light-page .ukl-tabs .fusion-mobile-tab-nav li.active .tab-link{ background:var(--ukl-ink) !important; border-color:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-tabs .fusion-mobile-tab-nav li.active .fusion-tab-heading{ color:#fff !important; }
.ukl-mock-box{ background:#F8F9FD; border:1px solid var(--ukl-line); border-radius:18px; padding:16px; font-size:13px; }
.ukl-rows{ display:grid; gap:6px; }
.ukl-r{ display:grid; grid-template-columns:1fr auto auto; gap:12px; align-items:center; background:#fff; border:1px solid #EEF0F8; border-radius:9px; padding:9px 11px; }
.ukl-r b{ color:var(--ukl-ink); font-weight:600; }
.ukl-r em{ font:400 11.5px/1 var(--ukl-mono); font-style:normal; color:var(--ukl-muted); white-space:nowrap; }
.ukl-r strong{ font:700 12px/1 var(--ukl-mono); color:var(--ukl-ink); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ukl-tag{ font:700 10px/1 var(--ukl-mono); padding:5px 7px; border-radius:6px; background:var(--ukl-green-soft); color:var(--ukl-green); white-space:nowrap; }
.ukl-tag.w{ background:var(--ukl-coral-soft); color:var(--ukl-coral-d); }
.ukl-tag.b{ background:#E4E7FA; color:var(--ukl-ink); }
.ukl-cash{ display:flex; align-items:flex-end; gap:10px; height:120px; padding:10px 4px 0; border-bottom:1px solid var(--ukl-line); margin-bottom:12px; }
.ukl-cash span{ flex:1; display:grid; gap:4px; justify-items:center; font:400 10px/1 var(--ukl-mono); color:var(--ukl-muted); }
.ukl-cash i{ display:block; width:100%; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,#5163C9,var(--ukl-ink)); }
.ukl-cash i.neg{ background:linear-gradient(180deg,#FF8A96,var(--ukl-coral)); }
.ukl-minikpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:10px; }
.ukl-minikpis span{ background:#fff; border:1px solid #EEF0F8; border-radius:10px; padding:10px; }
.ukl-minikpis small{ display:block; font:400 10px/1.2 var(--ukl-mono); color:var(--ukl-muted); text-transform:uppercase; }
.ukl-minikpis b{ font:800 18px/1.3 var(--ukl-display); color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.ukl-hbars{ display:grid; gap:7px; }
.ukl-hbar{ display:grid; grid-template-columns:90px 1fr 50px; gap:10px; align-items:center; font-size:12px; color:var(--ukl-muted); }
.ukl-hbar span{ height:10px; background:#EEF0F8; border-radius:6px; overflow:hidden; }
.ukl-hbar span i{ display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,var(--ukl-ink),#5163C9); }
.ukl-hbar strong{ font:700 11.5px/1 var(--ukl-mono); color:var(--ukl-ink); text-align:right; }
.ukl-hub{ display:grid; grid-template-columns:1fr auto 1fr; gap:14px; align-items:center; min-height:250px; }
.ukl-hub > span{ display:grid; gap:8px; }
.ukl-hub b{ background:#fff; border:1px solid #EEF0F8; border-radius:10px; padding:10px 12px; font-weight:600; color:var(--ukl-ink); font-size:12.5px; display:flex; align-items:center; gap:8px; }
.ukl-hub b::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--ukl-green); box-shadow:0 0 0 3px var(--ukl-green-soft); }
.ukl-hub em{ width:92px; height:92px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--ukl-ink); color:#fff; font:800 16px/1 var(--ukl-display); font-style:normal;
  box-shadow:0 0 0 10px rgba(15,32,108,.08),0 0 0 22px rgba(15,32,108,.04); }
.ukl-hub em span{ color:var(--ukl-coral); }
@media (max-width:900px){ .ukabi-light-page .ukl-tabs .tab-pane.ukl-tp.active{ grid-template-columns:1fr; gap:26px; } .ukabi-light-page .ukl-tabs .tab-pane{ padding:22px !important; margin-bottom:10px; } }
@media (max-width:520px){ .ukl-r{ grid-template-columns:1fr auto; } .ukl-r em{ display:none; } .ukl-mock-box{ padding:12px; } }
@media (max-width:480px){ .ukl-hub{ grid-template-columns:1fr; } .ukl-hub em{ justify-self:center; grid-row:1; } }

/* ---------- Banda demo ---------- */
.ukabi-light-page .ukl-demo-sec{ padding-top:0 !important; padding-bottom:20px !important; }
.ukabi-light-page .ukl-demo > .fusion-column-wrapper{ display:grid !important; grid-template-columns:auto 1fr auto; grid-template-areas:"play title btn" "play text btn";
  column-gap:28px; row-gap:4px; align-items:center; padding:28px 32px !important; border-radius:24px; background:#fff !important; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-demo .ukl-play{ grid-area:play; }
.ukabi-light-page .ukl-demo .fusion-title{ grid-area:title; align-self:end; }
.ukabi-light-page .ukl-demo .fusion-text{ grid-area:text; align-self:start; }
.ukabi-light-page .ukl-demo .fusion-text p{ color:var(--ukl-muted); font-size:15px; }
.ukabi-light-page .ukl-demo > .fusion-column-wrapper > div:has(> .fusion-button){ grid-area:btn; }
.ukabi-light-page .ukl-demo .ukl-title h3.fusion-title-heading{ font-size:clamp(20px,2.4vw,26px) !important; }
.ukl-play{ position:relative; width:74px; height:74px; border-radius:50%; background:var(--ukl-coral); display:grid; place-items:center; color:#fff; }
.ukl-play::before,.ukl-play::after{ content:""; position:absolute; inset:0; border-radius:50%; border:2px solid var(--ukl-coral); animation:ukl-ring 2.4s ease-out infinite; }
.ukl-play::after{ animation-delay:1.2s; }
@keyframes ukl-ring{ from{ opacity:.6; scale:1; } to{ opacity:0; scale:1.6; } }
@media (max-width:760px){ .ukabi-light-page .ukl-demo > .fusion-column-wrapper{ grid-template-columns:1fr; grid-template-areas:"play" "title" "text" "btn"; padding:24px !important; justify-items:start; } }

/* ---------- Módulos ---------- */
.ukabi-light-page .ukl-mods{ grid-template-columns:repeat(3,1fr); }
.ukabi-light-page .ukl-mods .content-box-column,
.ukabi-light-page .ukl-verts .content-box-column{ background:#fff; border:1px solid var(--ukl-line); border-radius:18px; padding:22px !important; transition:border-color .3s,box-shadow .3s; }
.ukabi-light-page .ukl-mods .content-box-wrapper{ transition:transform .3s; }
.ukabi-light-page .ukl-mods .content-box-column:hover{ border-color:var(--ukl-ink); box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-mods .content-box-column:hover .content-box-wrapper{ transform:translateY(-3px); }
.ukabi-light-page .ukl-sec .ukl-mods .heading .icon{ width:40px; height:40px; border-radius:12px; }
.ukabi-light-page .ukl-sec .ukl-mods .heading .icon i{ font-size:17px !important; }
@media (max-width:900px){ .ukabi-light-page .ukl-mods{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .ukabi-light-page .ukl-mods{ grid-template-columns:1fr; } }

/* ---------- Bloque fi4.0 ---------- */
.ukabi-light-page .ukl-fi-sec{ padding-top:20px !important; }
.ukabi-light-page .ukl-fi > .fusion-column-wrapper{ position:relative; overflow:hidden; border-radius:32px; padding:64px 56px !important; border:1px solid #FFD6DB; box-shadow:var(--ukl-shadow);
  background:radial-gradient(700px 420px at 90% 10%,rgba(253,73,92,.14),transparent 60%),radial-gradient(600px 420px at 0% 100%,rgba(120,110,230,.12),transparent 60%),#fff; }
.ukabi-light-page .ukl-fi > .fusion-column-wrapper::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.6;
  background-image:radial-gradient(rgba(15,32,108,.10) 1px,transparent 1px); background-size:22px 22px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 50%); mask-image:linear-gradient(90deg,transparent,#000 50%); }
.ukabi-light-page .ukl-fi .fusion-builder-row-inner{ position:relative; align-items:center; }
.ukabi-light-page .ukl-fi .ukl-title .fusion-title-heading{ font-size:clamp(32px,4.2vw,52px) !important; letter-spacing:-.04em !important; line-height:1.05 !important; }
.ukabi-light-page .ukl-fi .ukl-title em{ font-style:normal; color:var(--ukl-coral); }
.ukabi-light-page .ukl-fi-txt .fusion-text:not(.ukl-lead):not(.ukl-pill) p{ color:var(--ukl-muted); font-size:16px; }
.ukabi-light-page .ukl-fi-txt .ukl-lead p{ color:var(--ukl-text) !important; }
.ukl-orb-wrap{ position:relative; aspect-ratio:1; max-width:380px; width:100%; margin-inline:auto; }
.ukl-orb{ position:absolute; inset:8%; border-radius:46% 54% 58% 42%/48% 42% 58% 52%;
  background:radial-gradient(circle at 30% 28%,#fff 0%,rgba(255,255,255,0) 34%),radial-gradient(circle at 70% 70%,rgba(253,73,92,.95),rgba(253,73,92,0) 55%),
    radial-gradient(circle at 25% 75%,rgba(96,110,235,.9),rgba(96,110,235,0) 55%),radial-gradient(circle at 60% 30%,rgba(200,120,240,.8),rgba(200,120,240,0) 60%),#F4E9F7;
  filter:blur(2px) saturate(1.1); box-shadow:0 60px 120px -30px rgba(253,73,92,.45),inset 0 0 60px rgba(255,255,255,.6); animation:ukl-morph 14s ease-in-out infinite,ukl-spin 40s linear infinite; }
.ukl-orb-glow{ position:absolute; inset:-4%; border-radius:50%; background:radial-gradient(circle,rgba(253,73,92,.28),transparent 62%); filter:blur(30px); animation:ukl-pulse 6s ease-in-out infinite; }
.ukl-orb-ring{ position:absolute; inset:0; border-radius:50%; border:1px solid rgba(15,32,108,.14); }
.ukl-orb-ring.r2{ inset:-9%; border-style:dashed; animation:ukl-spin 60s linear infinite reverse; }
.ukl-orb-tag{ position:absolute; background:var(--ukl-card); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border:1px solid #fff; box-shadow:var(--ukl-shadow); border-radius:12px; padding:10px 12px; font:700 11.5px/1.2 var(--ukl-mono); color:var(--ukl-ink); white-space:nowrap; text-align:left; }
.ukl-orb-tag small{ display:block; font-weight:400; color:var(--ukl-muted); margin-top:3px; }
.ukl-orb-tag.t1{ left:-8%; top:16%; } .ukl-orb-tag.t2{ right:-10%; top:48%; } .ukl-orb-tag.t3{ left:4%; bottom:4%; }
@keyframes ukl-morph{ 0%,100%{ border-radius:46% 54% 58% 42%/48% 42% 58% 52%; } 33%{ border-radius:58% 42% 44% 56%/56% 58% 42% 44%; } 66%{ border-radius:42% 58% 52% 48%/40% 52% 48% 60%; } }
@keyframes ukl-spin{ to{ rotate:360deg; } }
@keyframes ukl-pulse{ 0%,100%{ opacity:.7; scale:1; } 50%{ opacity:1; scale:1.06; } }
.ukabi-light-page .ukl-fi-steps{ position:relative; grid-template-columns:repeat(4,1fr); margin-top:30px !important; }
.ukabi-light-page .ukl-fi-steps .content-box-column{ background:rgba(255,255,255,.9); border:1px solid var(--ukl-line); border-radius:18px; padding:20px !important; }
.ukabi-light-page .ukl-fi-steps .content-box-heading{ font:700 11px/1 var(--ukl-mono) !important; color:var(--ukl-coral-d) !important; letter-spacing:.1em !important; text-transform:uppercase; margin-bottom:10px !important; }
.ukabi-light-page .ukl-fi-steps .content-container{ font-size:14px !important; }
.ukl-dev{ display:grid; gap:5px; margin-top:12px; }
.ukl-dev i{ display:block; height:7px; border-radius:5px; width:0; transition:width 1.3s cubic-bezier(.2,.7,.2,1); }
.ukl-dev i.p{ background:#C4CAEB; } .ukl-dev i.r{ background:var(--ukl-coral); }
.ukl-dev.is-on i.p{ width:78%; } .ukl-dev.is-on i.r{ width:88%; }
.ukl-dev em{ font:700 11px/1 var(--ukl-mono); font-style:normal; color:var(--ukl-coral-d); }
.ukabi-light-page .ukl-fi-foot{ position:relative; margin-top:8px !important; }
.ukabi-light-page .ukl-fi-foot p{ display:flex; gap:12px; align-items:center; font-size:14.5px; }
.ukabi-light-page .ukl-fi-foot p::before{ content:""; flex:none; width:36px; height:36px; border-radius:10px; background:var(--ukl-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21V10l6 4V10l6 4V6l6 4v11z' fill='none' stroke='%23fff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat; }
@media (max-width:980px){
  .ukabi-light-page .ukl-fi > .fusion-column-wrapper{ padding:32px 22px !important; }
  .ukabi-light-page .ukl-fi .ukl-mock--orb{ order:-1; }
  .ukl-orb-wrap{ max-width:300px; } .ukl-orb-tag.t1{ left:0; } .ukl-orb-tag.t2{ right:0; }
  .ukabi-light-page .ukl-fi-steps{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .ukabi-light-page .ukl-fi-steps{ grid-template-columns:1fr; } }

/* ---------- Verticales ---------- */
.ukabi-light-page .ukl-verticals-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-verts{ grid-template-columns:repeat(4,1fr); }
.ukabi-light-page .ukl-verts .content-box-heading{ font-size:16px !important; }
.ukabi-light-page .ukl-verts .content-box-heading a{ color:inherit !important; }
.ukabi-light-page .ukl-verts .content-box-column:first-child{ border-color:#FFC0C8; background:linear-gradient(135deg,#fff,var(--ukl-coral-soft)); }
.ukabi-light-page .ukl-verts .content-box-column:first-child .content-box-heading{ color:var(--ukl-coral-d) !important; }
.ukabi-light-page .ukl-verts .content-box-column:first-child .fusion-read-more{ display:inline-block; margin-top:10px; font:700 11px/1 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-coral-d) !important; }
/* verticales y conectores certificados (a3ERP): etiquetas de grupo, fi4.0 a doble ancho y conectores en 5 columnas */
.ukabi-light-page .ukl-vertcol{ margin-top:34px !important; }
.ukabi-light-page .ukl-vertcol + .ukl-vertcol{ margin-top:26px !important; }
.ukabi-light-page .ukl-verts-k p{ margin:0 0 12px !important; font:700 11px/1 var(--ukl-mono) !important; letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-verts:not(.ukl-verts--con) .content-box-column:first-child{ grid-column:span 2; }
.ukabi-light-page .ukl-verts--con{ grid-template-columns:repeat(5,1fr); }
.ukabi-light-page .ukl-verts--con .content-box-column:first-child{ border-color:var(--ukl-line); background:#fff; }
.ukabi-light-page .ukl-verts--con .content-box-column:first-child .content-box-heading{ color:var(--ukl-ink) !important; }
@media (max-width:1100px){ .ukabi-light-page .ukl-verts--con{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:900px){ .ukabi-light-page .ukl-verts--con{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .ukabi-light-page .ukl-verts:not(.ukl-verts--con) .content-box-column:first-child{ grid-column:auto; } .ukabi-light-page .ukl-verts--con{ grid-template-columns:1fr; } }
@media (max-width:900px){ .ukabi-light-page .ukl-verts{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .ukabi-light-page .ukl-verts{ grid-template-columns:1fr; } }

/* ---------- Vexia ---------- */
.ukabi-light-page .ukl-vexia-sec{ padding-top:20px !important; }
.ukabi-light-page .ukl-vexia > .fusion-column-wrapper{ position:relative; overflow:hidden; border-radius:30px; padding:56px !important; background:linear-gradient(135deg,#EEF0FB,#F8EFF6); border:1px solid var(--ukl-line); }
.ukabi-light-page .ukl-vexia > .fusion-column-wrapper::after{ content:""; position:absolute; right:-120px; bottom:-160px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(253,73,92,.22),transparent 65%); filter:blur(20px); pointer-events:none; }
.ukabi-light-page .ukl-vexia .fusion-builder-row-inner{ position:relative; z-index:1; align-items:center; }
.ukabi-light-page .ukl-vexia .ukl-title .fusion-title-heading{ font-size:clamp(30px,3.8vw,44px) !important; }
.ukl-chat{ background:#fff; border:1px solid var(--ukl-line); border-radius:20px; box-shadow:var(--ukl-shadow-lg); padding:18px; display:grid; gap:12px; min-height:320px; align-content:start; text-align:left; width:100%; }
.ukl-chat-h{ display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--ukl-line); padding-bottom:12px; font-size:13px; }
.ukl-chat-h i{ width:30px; height:30px; border-radius:9px; background:linear-gradient(135deg,var(--ukl-coral),#B04BD8); color:#fff; display:grid; place-items:center; font:700 12px/1 var(--ukl-mono); font-style:normal; }
.ukl-chat-h b{ color:var(--ukl-ink); }
.ukl-chat-h small{ margin-left:auto; font:400 10.5px/1 var(--ukl-mono); color:var(--ukl-green); }
.ukl-msg{ max-width:88%; padding:11px 14px; border-radius:14px; font-size:14px; line-height:1.5; }
.ukl-msg.me{ justify-self:end; background:var(--ukl-ink); color:#fff; border-bottom-right-radius:4px; }
.ukl-msg.bot{ background:#F4F5FB; border:1px solid #ECEEF7; color:var(--ukl-text); border-bottom-left-radius:4px; }
.ukl-msg table{ width:100%; border-collapse:collapse; margin:8px 0 0; font-size:12.5px; border:0; }
.ukl-msg td{ padding:5px 0; border:0; border-top:1px solid #E6E8F3; background:none; }
.ukl-msg td:last-child{ text-align:right; font:700 12px/1 var(--ukl-mono); font-variant-numeric:tabular-nums; }
.ukl-msg .late{ color:var(--ukl-coral-d); }
.ukl-caret{ display:inline-block; width:7px; height:15px; background:currentColor; vertical-align:-2px; margin-left:2px; animation:ukl-blink 1s steps(2) infinite; }
@keyframes ukl-blink{ 50%{ opacity:0; } }
.ukl-typing{ display:inline-flex; gap:4px; } .ukl-typing i{ width:6px; height:6px; border-radius:50%; background:#A3A9C6; animation:ukl-dot 1.2s infinite; }
.ukl-typing i:nth-child(2){ animation-delay:.15s; } .ukl-typing i:nth-child(3){ animation-delay:.3s; }
@keyframes ukl-dot{ 0%,80%,100%{ opacity:.3; translate:0 0; } 40%{ opacity:1; translate:0 -3px; } }
@media (max-width:900px){ .ukabi-light-page .ukl-vexia > .fusion-column-wrapper{ padding:28px !important; } }

/* ---------- Garantía (Counter Boxes) ---------- */
.ukabi-light-page .ukl-trust-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-stats{ display:grid !important; grid-template-columns:repeat(4,1fr); margin:0 !important; border-block:1px solid var(--ukl-line); }
.ukabi-light-page .ukl-stats::before,.ukabi-light-page .ukl-stats::after{ display:none !important; }
.ukabi-light-page .ukl-stats .fusion-counter-box{ width:auto !important; float:none !important; margin:0 !important; padding:30px 22px !important; border-left:1px solid var(--ukl-line); }
.ukabi-light-page .ukl-stats .fusion-counter-box:first-child{ border-left:0; }
.ukabi-light-page .ukl-stats .counter-box-container{ text-align:left !important; border:0 !important; padding:0 !important; }
.ukabi-light-page .ukl-stats .content-box-counter{ font:800 clamp(34px,4.2vw,52px)/1 var(--ukl-display) !important; color:var(--ukl-ink) !important; letter-spacing:-.04em; font-variant-numeric:tabular-nums; margin-bottom:8px; }
.ukabi-light-page .ukl-stats .content-box-counter .unit{ font-size:.5em; color:var(--ukl-coral) !important; vertical-align:top; margin-left:2px; }
.ukabi-light-page .ukl-stats .counter-box-content{ font-size:14.5px !important; color:var(--ukl-muted) !important; line-height:1.5 !important; }
@media (max-width:760px){
  .ukabi-light-page .ukl-stats{ grid-template-columns:1fr 1fr; }
  .ukabi-light-page .ukl-stats .fusion-counter-box:nth-child(3){ border-left:0; }
  .ukabi-light-page .ukl-stats .fusion-counter-box:nth-child(n+3){ border-top:1px solid var(--ukl-line); } }

/* ---------- Implantación (raíl de luz) ---------- */
.ukabi-light-page .ukl-impl-head{ margin-top:110px !important; }
.ukl-steps{ position:relative; width:100%; margin-top:64px; display:grid; gap:64px; }
.ukl-rail{ position:absolute; left:50%; top:0; bottom:0; width:2px; translate:-1px 0; background:var(--ukl-line); border-radius:2px; }
.ukl-rail i{ position:absolute; left:0; top:0; width:100%; height:0; background:linear-gradient(180deg,var(--ukl-ink),var(--ukl-coral)); border-radius:2px; }
.ukl-rail-dot{ position:absolute; left:50%; top:0; width:14px; height:14px; border-radius:50%; background:var(--ukl-coral); translate:-50% -50%; z-index:2;
  box-shadow:0 0 0 6px rgba(253,73,92,.18),0 0 24px 6px rgba(253,73,92,.55); }
.ukabi-light-page .ukl-step{ position:relative; width:100% !important; margin:0 !important; }
.ukabi-light-page .ukl-step > .fusion-column-wrapper{ display:grid !important; grid-template-columns:1fr 1fr; column-gap:80px; align-items:center; }
.ukabi-light-page .ukl-step::after{ content:""; position:absolute; left:50%; top:50%; width:12px; height:12px; border-radius:50%; background:var(--ukl-bg); border:2px solid var(--ukl-line); translate:-50% -50%; transition:border-color .4s,background .4s,box-shadow .4s; }
.ukabi-light-page .ukl-step.is-lit::after{ border-color:var(--ukl-coral); background:#fff; box-shadow:0 0 0 5px rgba(253,73,92,.15); }
.ukl-step-txt{ display:grid; gap:10px; }
.ukabi-light-page .ukl-step:nth-child(odd of .ukl-step) .ukl-step-txt{ text-align:right; justify-items:end; }
.ukabi-light-page .ukl-step:nth-child(odd of .ukl-step) .ukl-step-txt .fusion-title-heading{ text-align:right !important; }
.ukabi-light-page .ukl-step:nth-child(even of .ukl-step) .ukl-step-txt{ order:2; }
.ukabi-light-page .ukl-step-num p{ font:700 12px/1 var(--ukl-mono); color:var(--ukl-coral-d); letter-spacing:.12em; text-transform:uppercase; }
.ukabi-light-page .ukl-step-txt .fusion-text:not(.ukl-step-num) p{ color:var(--ukl-muted); font-size:16px; }
.ukl-ui{ background:#fff; border:1px solid var(--ukl-line); border-radius:16px; box-shadow:var(--ukl-shadow); padding:16px; font-size:13px; transition:box-shadow .5s; text-align:left; }
.ukl-step.is-lit .ukl-ui{ box-shadow:var(--ukl-shadow-lg); }
.ukl-gantt{ display:grid; gap:8px; }
.ukl-g{ display:grid; grid-template-columns:100px 1fr; gap:10px; align-items:center; font-size:12px; color:var(--ukl-muted); }
.ukl-g span{ position:relative; height:20px; background:#F3F4FA; border-radius:6px; }
.ukl-g span i{ position:absolute; top:3px; bottom:3px; border-radius:4px; background:#8C97DA; }
.ukl-g span i.c{ background:var(--ukl-coral); }
.ukl-cfg{ display:grid; gap:8px; }
.ukl-cfg .base{ display:flex; justify-content:space-between; align-items:center; background:var(--ukl-ink); color:#fff; border-radius:10px; padding:12px; }
.ukl-cfg .base b{ font-size:15px; } .ukl-cfg .base small{ font:700 10.5px/1 var(--ukl-mono); background:rgba(255,255,255,.14); padding:6px 8px; border-radius:6px; }
.ukl-cfg .add{ display:flex; flex-wrap:wrap; gap:6px; }
.ukl-cfg .add span{ font:700 11px/1 var(--ukl-mono); background:#fff; border:1px dashed var(--ukl-ink); color:var(--ukl-ink); padding:8px 10px; border-radius:8px; }
.ukl-cfg .add span.no{ border-color:var(--ukl-line); color:#A3A9C6; text-decoration:line-through; }
@media (max-width:860px){
  .ukl-rail,.ukl-rail-dot{ left:10px; }
  .ukabi-light-page .ukl-step::after{ left:10px; }
  .ukabi-light-page .ukl-step > .fusion-column-wrapper{ grid-template-columns:1fr; row-gap:18px; padding-left:36px; }
  .ukabi-light-page .ukl-step .ukl-step-txt{ text-align:left !important; justify-items:start !important; order:0 !important; }
  .ukabi-light-page .ukl-step .ukl-step-txt .fusion-title-heading{ text-align:left !important; } }

/* ---------- FAQ (Accordion) ---------- */
.ukabi-light-page .ukl-faq-sec{ padding-top:20px !important; }
.ukabi-light-page .ukl-faq{ max-width:820px; margin:0 auto !important; }
.ukabi-light-page .ukl-faq .panel-group{ display:grid; gap:10px; }
.ukabi-light-page .ukl-faq .fusion-panel{ background:#fff !important; border:1px solid var(--ukl-line) !important; border-radius:14px !important; padding:0 22px !important; margin:0 !important; transition:border-color .25s; }
.ukabi-light-page .ukl-faq .fusion-panel:has(.collapse.in){ border-color:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-faq .panel-title a{ display:flex !important; justify-content:space-between; align-items:center; gap:16px; padding:20px 0 !important; font:600 17px/1.4 var(--ukl-display) !important; color:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-faq .fusion-toggle-icon-wrapper{ order:2; }
.ukabi-light-page .fusion-accordian.ukl-faq .panel-title a .fa-fusion-box,
.ukabi-light-page .fusion-accordian.ukl-faq .panel-title a:hover .fa-fusion-box,
.ukabi-light-page .fusion-accordian.ukl-faq .panel-title a.active .fa-fusion-box,
.ukabi-light-page .fusion-accordian.ukl-faq .panel-title a:not(.active):hover .fa-fusion-box{
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:var(--ukl-coral) !important; }
.ukabi-light-page .fusion-accordian.ukl-faq .panel-title a .fa-fusion-box::before{ font-size:16px; width:16px; }
.ukabi-light-page .fusion-accordian.ukl-faq .panel-title a:hover .fusion-toggle-heading{ color:var(--ukl-coral-d) !important; }
.ukabi-light-page .ukl-faq .toggle-content{ padding:0 0 20px !important; color:var(--ukl-muted); font-size:15.5px; }
.ukabi-light-page .ukl-faq .fusion-toggle-has-divider .panel-body,
.ukabi-light-page .ukl-faq .panel-body{ border:0 !important; padding:0 !important; }

/* ---------- Cierre ---------- */
.ukabi-light-page .ukl-final-sec{ padding-top:20px !important; padding-bottom:110px !important; }
.ukabi-light-page .ukl-final > .fusion-column-wrapper{ position:relative; overflow:hidden; border-radius:32px; padding:90px 32px !important; justify-content:center; text-align:center;
  background:linear-gradient(135deg,#0F206C,#26379E 60%,#3B2F8F); }
.ukabi-light-page .ukl-final > .fusion-column-wrapper::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(600px 300px at 50% 120%,rgba(253,73,92,.55),transparent 70%); }
.ukabi-light-page .ukl-final > .fusion-column-wrapper > *{ position:relative; }
.ukabi-light-page .ukl-final .ukl-title .fusion-title-heading{ color:#fff !important; text-align:center !important; max-width:820px; margin-inline:auto !important; }
.ukabi-light-page .ukl-final .ukl-lead p{ color:rgba(255,255,255,.82) !important; max-width:600px; margin-inline:auto; }
.ukabi-light-page .ukl-final .fusion-button.ukl-btn--ghost{ background:rgba(255,255,255,.08) !important; color:#fff !important; border-color:rgba(255,255,255,.3) !important; }
@media (max-width:600px){ .ukabi-light-page .ukl-final > .fusion-column-wrapper{ padding:56px 20px !important; } }

/* ---------- Popup (Modal + Avada Form) ---------- */
.ukabi-light-page .ukl-modal-sec{ padding:0 !important; }
.ukl-modal .modal-dialog{ max-width:560px; width:calc(100% - 32px); margin:48px auto; }
.ukl-modal .modal-content{ border:0 !important; border-radius:24px !important; overflow:hidden; box-shadow:0 40px 80px -24px rgba(5,9,31,.5) !important; background:#fff !important; }
.ukl-modal .modal-header{ position:relative; padding:30px 30px 24px !important; border:0 !important; background:linear-gradient(135deg,#0F206C,#26379E 60%,#3B2F8F) !important; }
.ukl-modal .modal-header::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(360px 180px at 100% 0%,rgba(253,73,92,.5),transparent 70%); }
.ukl-modal .modal-title{ position:relative; margin:0 !important; padding-right:40px; font:800 26px/1.15 var(--ukl-display) !important; letter-spacing:-.03em !important; color:#fff !important; }
.ukl-modal .modal-header .close{ position:absolute; z-index:2; top:18px; right:18px; width:36px; height:36px; border-radius:50%; border:1px solid rgba(255,255,255,.3) !important; background:rgba(255,255,255,.1) !important;
  color:#fff !important; opacity:1 !important; font:400 22px/1 var(--ukl-display) !important; text-shadow:none !important; margin:0 !important; }
.ukl-modal .modal-body{ padding:24px 30px 30px !important; }
.ukl-modal .ukl-modal-lead p{ margin:0 0 18px; color:var(--ukl-muted); font-size:15px; }
.ukl-modal .fusion-form input[type="text"],
.ukl-modal .fusion-form input[type="email"],
.ukl-modal .fusion-form input[type="tel"],
.ukl-modal .fusion-form textarea,
.ukl-modal .fusion-form select{ font:400 15px/1.4 var(--ukl-display) !important; color:var(--ukl-text) !important; background:var(--ukl-bg) !important; border:1px solid var(--ukl-line) !important; border-radius:10px !important; padding:12px 13px !important; height:auto !important; box-shadow:none !important; }
.ukl-modal .fusion-form ::placeholder{ color:#8A91A8 !important; opacity:1 !important; }
.ukl-modal .fusion-form input:focus,
.ukl-modal .fusion-form textarea:focus{ border-color:var(--ukl-ink) !important; outline:0; }
.ukl-modal .fusion-form .fusion-form-field{ margin-bottom:12px !important; }
.ukl-modal .fusion-form .fusion-form-input-with-icon i{ color:var(--ukl-muted) !important; }
.ukl-modal .fusion-form .fusion-button{ width:100%; justify-content:center; background:var(--ukl-coral) !important; border:0 !important; border-radius:12px !important; padding:16px 24px !important; font:600 15px/1 var(--ukl-display) !important; color:#fff !important; text-transform:none !important; }
.ukl-modal .fusion-form .fusion-button:hover{ background:var(--ukl-coral-d) !important; }
.ukl-modal .fusion-form .fusion-button .fusion-button-text{ color:#fff !important; }
body.ukabi-light-page .modal-backdrop.in{ background:#05091F; opacity:.55; }

/* ---------- Aparición al hacer scroll (la aplica el JS) ---------- */
.ukl-rv{ transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1); }
.ukl-rv.ukl-pre{ opacity:0; transform:translateY(28px); }

/* ---------- Responsive general ---------- */
@media (max-width:600px){
  .ukabi-light-page .fusion-button.ukl-btn{ white-space:normal !important; text-align:center; justify-content:center; line-height:1.3 !important; }
  .ukabi-light-page :where(.ukl-sec .fusion-column-wrapper > div:has(> .fusion-button)){ max-width:100%; } }
@media (max-width:900px){
  .ukabi-light-page .ukl-sec{ padding-top:80px !important; padding-bottom:80px !important; }
  .ukabi-light-page .ukl-keys{ grid-template-columns:1fr 1fr; }
  .ukabi-light-page .ukl-keys .content-box-column:nth-child(3){ border-left:0; }
  .ukabi-light-page .ukl-keys .content-box-column:nth-child(n+3){ border-top:1px solid var(--ukl-line); }
  .ukabi-light-page .ukl-law > .fusion-column-wrapper{ padding:30px 22px !important; } }
@media (max-width:520px){
  .ukabi-light-page .ukl-keys{ grid-template-columns:1fr; }
  .ukabi-light-page .ukl-keys .content-box-column{ border-left:0 !important; }
  .ukabi-light-page .ukl-keys .content-box-column + .content-box-column{ border-top:1px solid var(--ukl-line); }
  .ukabi-light-page .ukl-seals{ grid-template-columns:1fr; } }


/* =====================================================================
   EFECTOS DE SCROLL (ukabi-light-fx.js)
   ===================================================================== */
/* Scroll nativo: el desplazamiento suave por CSS compite con ScrollTrigger */
html:has(body.ukabi-light-page){ scroll-behavior:auto; }

/* Fondo en capas: se mueven a distinta velocidad */
.ukl-depth{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.ukl-depth i{ position:absolute; border-radius:50%; opacity:.5; will-change:transform; }
.ukl-depth .d1{ width:520px; height:520px; left:-140px; top:10%; background:radial-gradient(circle,#D9D6FA,transparent 70%); }
.ukl-depth .d2{ width:600px; height:600px; right:-180px; top:40%; background:radial-gradient(circle,#FFD3D9,transparent 70%); }
.ukl-depth .d3{ width:420px; height:420px; left:30%; top:80%; background:radial-gradient(circle,#CFE0FF,transparent 70%); }
.ukl-depth .dots{ position:absolute; inset:-20% 0; background-image:radial-gradient(rgba(15,32,108,.07) 1px,transparent 1px); background-size:28px 28px; }
.ukabi-light-page #wrapper{ position:relative; z-index:1; }

/* Titulares palabra a palabra */
.ukl-w{ display:inline-block; overflow:hidden; vertical-align:top; padding-bottom:.08em; margin-bottom:-.08em; }
.ukl-w > span{ display:inline-block; will-change:transform; }
.ukabi-light-page .ukl-h1 .ukl-w{ padding-right:.04em; }

/* Texto que se ilumina al leer */
.ukabi-light-page .ukl-sw{ color:#C3C8DB; transition:color .2s linear; }
.ukabi-light-page .ukl-sw.on{ color:var(--ukl-ink); }

/* Versiones: capa que sube sobre la anterior */
.ukabi-light-page .ukl-versions-sec.ukl-sheet{ border-radius:40px 40px 0 0; box-shadow:0 -30px 60px -40px rgba(15,32,108,.35); margin-top:-40px !important; z-index:3; }

/* Versiones: tarjetas que se despliegan desde el centro (clases que añade ukabi-light-fx.js) */
@media (min-width:1025px){
  .ukabi-light-page .ukl-spread .ukl-vcard{ transition:transform 1.1s cubic-bezier(.16,1,.3,1), opacity .8s ease !important; }
  .ukabi-light-page .ukl-spread .ukl-vc-c{ transition-delay:.05s !important; }
  .ukabi-light-page .ukl-spread:not(.is-in) .ukl-vc-l{ transform:translateX(60%) rotate(-5deg) scale(.94); opacity:0; }
  .ukabi-light-page .ukl-spread:not(.is-in) .ukl-vc-r{ transform:translateX(-60%) rotate(5deg) scale(.94); opacity:0; }
  .ukabi-light-page .ukl-spread:not(.is-in) .ukl-vc-c{ transform:translateY(40px) scale(.97); opacity:0; }
}

/* Funcionalidades en horizontal (escritorio) */
.ukabi-light-page .ukl-tabs--h > .nav{ display:none !important; }
.ukabi-light-page .ukl-htrack-wrap{ overflow:hidden; }
.ukabi-light-page .ukl-htrack{ display:flex; gap:24px; width:max-content; will-change:transform; }
.ukabi-light-page .ukl-htrack .tab-pane.ukl-tp{ display:grid !important; opacity:1 !important; width:min(1000px,80vw); flex:none; }
.ukabi-light-page .ukl-hprog{ display:flex; gap:6px; justify-content:center; flex-wrap:wrap; margin-top:16px; }
.ukabi-light-page .ukl-htrack .tab-pane.ukl-tp{ padding:26px 30px !important; }
@media (max-height:820px){ .ukabi-light-page .ukl-htrack .ukl-mock-box{ padding:12px; } .ukabi-light-page .ukl-htrack .ukl-cash{ height:90px; } .ukabi-light-page .ukl-htrack .ukl-hub{ min-height:200px; } }
.ukabi-light-page .ukl-hprog span{ font:600 13px/1 var(--ukl-display); color:var(--ukl-muted); background:#fff; border:1px solid var(--ukl-line); border-radius:999px; padding:10px 14px; transition:all .3s; }
.ukabi-light-page .ukl-hprog span.on{ background:var(--ukl-ink); color:#fff; border-color:var(--ukl-ink); }

/* Línea de luz entre los pasos de fi4.0 */
.ukabi-light-page .ukl-fi-steps{ position:relative; }
.ukl-fi-line{ position:absolute; left:0; right:0; top:-16px; height:2px; background:var(--ukl-line); border-radius:2px; grid-column:1/-1; }
.ukl-fi-line i{ position:absolute; inset:0; transform-origin:0 50%; transform:scaleX(0); background:linear-gradient(90deg,var(--ukl-ink),var(--ukl-coral)); border-radius:2px; }
.ukabi-light-page .ukl-fi-steps .content-box-column{ transition:border-color .4s,box-shadow .4s; }
.ukabi-light-page .ukl-fi-steps .content-box-column.is-on{ border-color:#FFC0C8; box-shadow:var(--ukl-shadow); }
@media (max-width:980px){ .ukl-fi-line{ display:none; } }

@media (prefers-reduced-motion:reduce){
  .ukabi-light-page *,.ukabi-light-page *::before,.ukabi-light-page *::after{ animation:none !important; transition:none !important; }
  .ukl-screen{ transform:none !important; }
  .ukl-rv.ukl-pre{ opacity:1; transform:none; }
  .ukl-dev i.p{ width:78%; } .ukl-dev i.r{ width:88%; } }

/* Marca fi4.0 en minúsculas aunque el contenedor use mayúsculas (span que añade ukabi-light.js) */
.ukabi-light-page .ukl-brand{ text-transform:none !important; }

/* ---------- a3Marketplace: aplicaciones integradas con a3innuva | Nómina (Nómina y RRHH y a3innuva | Nómina) ---------- */
.ukabi-light-page .ukl-mk-sec{ background:linear-gradient(180deg,#fff,var(--ukl-bg)) !important; }
.ukabi-light-page .ukl-mk-sec > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-mk-head .fusion-column-wrapper{ row-gap:18px; }
.ukabi-light-page .ukl-mk-head .ukl-pill{ flex:0 1 auto !important; }
.ukabi-light-page .ukl-mk-head .ukl-lead p{ max-width:620px; }
.ukabi-light-page .ukl-mock--mkhub .fusion-column-wrapper{ align-items:center; justify-content:center; }
.ukm-hub{ position:relative; flex:0 0 auto !important; width:min(300px,100%) !important; aspect-ratio:1; display:grid; place-items:center; }
.ukm-hub .c{ position:relative; z-index:2; width:46%; aspect-ratio:1; border-radius:50%; display:grid; place-content:center; text-align:center; gap:4px; color:#fff; background:radial-gradient(circle at 35% 30%,#2B3DB0,#0F206C 70%); box-shadow:0 30px 60px -24px rgba(15,32,108,.55); }
.ukm-hub .c b{ font:800 18px/1 var(--ukl-display); } .ukm-hub .c span{ font:700 10px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:#FF9AA6; }
.ukm-hub .r{ position:absolute; inset:6%; border-radius:50%; border:1px dashed #C5CBEA; animation:ukmSpin 40s linear infinite; }
.ukm-hub .r i{ position:absolute; left:50%; top:50%; width:14px; height:14px; margin:-7px; border-radius:50%; background:#fff; border:2px solid var(--ukl-coral); box-shadow:0 0 0 4px rgba(253,73,92,.12); transform:rotate(var(--a)) translateY(calc(var(--R) * -1)); }
.ukm-hub .t{ position:absolute; bottom:-6px; margin:0; font:700 11px/1 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-muted); background:#fff; border:1px solid var(--ukl-line); border-radius:999px; padding:7px 12px; white-space:nowrap; }
.ukm-hub .t b{ font:800 14px/1 var(--ukl-display); color:var(--ukl-coral-d); }
@keyframes ukmSpin{ to{ rotate:360deg; } }
.ukabi-light-page .ukl-mk-gridcol{ margin-top:44px !important; }
.ukabi-light-page .ukl-mk-grid{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px !important; }
.ukabi-light-page .ukl-mk-grid > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-mk-grid .content-box-column{ width:auto !important; margin:0 !important; padding:24px !important; border-radius:22px; background:#fff !important; border:1px solid var(--ukl-line); transition:border-color .3s,transform .3s,box-shadow .3s; }
.ukabi-light-page .ukl-mk-grid .content-box-column:hover{ border-color:var(--ukl-coral); transform:translateY(-3px); box-shadow:var(--ukl-shadow); }
.ukabi-light-page .ukl-mk-grid .content-box-column:first-child{ grid-column:span 2; background:linear-gradient(150deg,#fff,var(--ukl-bg-2)) !important; }
.ukabi-light-page .ukl-sec .ukl-mk-grid .content-box-heading{ margin:0 0 10px !important; font:700 11px/1.3 var(--ukl-mono) !important; letter-spacing:.1em !important; text-transform:uppercase; color:var(--ukl-coral-d) !important; }
.ukabi-light-page .ukl-sec .ukl-mk-grid .content-container p{ font-size:14.5px !important; line-height:1.55 !important; }
.ukabi-light-page .ukl-mk-apps{ display:flex; flex-wrap:wrap; gap:7px; margin:12px 0 0 !important; }
.ukabi-light-page .ukl-mk-apps span{ display:inline-flex; align-items:baseline; gap:6px; font-size:13.5px; font-weight:700; line-height:1.2; color:var(--ukl-ink); padding:8px 12px; border-radius:999px; background:var(--ukl-bg); border:1px solid var(--ukl-line); }
.ukabi-light-page .ukl-mk-apps em{ font:400 10px/1 var(--ukl-mono); font-style:normal; color:var(--ukl-muted); }
.ukabi-light-page .ukl-mk-apps .own{ border-color:#FFC0C8; background:rgba(253,73,92,.08); color:var(--ukl-coral-d); }
.ukabi-light-page .ukl-mk-apps .own::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--ukl-coral); align-self:center; }
.ukabi-light-page .ukl-mk-note,.ukabi-light-page .ukl-mk-more{ margin-top:18px !important; }
.ukabi-light-page .ukl-mk-note p{ display:flex; align-items:center; gap:8px; margin:0 !important; font-size:13.5px !important; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-mk-note p::before{ content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--ukl-coral); }
.ukabi-light-page .ukl-mk-note a{ font-weight:700; color:var(--ukl-coral-d) !important; text-decoration:none; }
.ukabi-light-page .ukl-mk-more p{ margin:0 !important; text-align:right; }
.ukabi-light-page .ukl-mk-more a{ font-weight:700; font-size:15px; color:var(--ukl-ink) !important; text-decoration:none; }
.ukabi-light-page .ukl-mk-more a::after{ content:" ↗"; color:var(--ukl-coral); }
.ukabi-light-page .ukl-mk-more a:hover{ color:var(--ukl-coral-d) !important; }
@media (max-width:1024px){ .ukabi-light-page .ukl-mock--mkhub{ margin-top:30px !important; } .ukabi-light-page .ukl-mk-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .ukabi-light-page .ukl-mk-more p{ text-align:left; } .ukabi-light-page .ukl-mk-more{ margin-top:8px !important; } }
@media (max-width:620px){ .ukabi-light-page .ukl-mk-grid{ grid-template-columns:minmax(0,1fr); } .ukabi-light-page .ukl-mk-grid .content-box-column:first-child{ grid-column:auto; } .ukm-hub{ width:240px !important; } }
@media (prefers-reduced-motion:reduce){ .ukm-hub .r{ animation:none; } }

/* a3Marketplace v2: aplicaciones con logo y línea de descripción */
.ukabi-light-page .ukl-mk-list{ list-style:none; margin:16px 0 0 !important; padding:0 !important; display:grid; gap:8px; }
.ukabi-light-page .ukl-mk-grid .content-box-column:first-child .ukl-mk-list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.ukabi-light-page .ukl-mk-list li{ display:grid; grid-template-columns:44px minmax(0,1fr); grid-template-rows:auto auto; column-gap:12px; row-gap:2px; align-items:center; margin:0 !important; padding:10px !important; border-radius:14px; background:var(--ukl-bg); border:1px solid transparent; transition:border-color .25s,background .25s; }
.ukabi-light-page .ukl-mk-list li::before{ display:none !important; }
.ukabi-light-page .ukl-mk-list li:hover{ border-color:var(--ukl-line); background:#fff; }
.ukabi-light-page .ukl-mk-list img{ grid-row:1 / span 2; width:44px !important; height:44px !important; object-fit:contain; border-radius:11px; background:#fff; border:1px solid var(--ukl-line); padding:3px; }
.ukabi-light-page .ukl-mk-list b{ align-self:end; font-size:14px; font-weight:800; line-height:1.2; color:var(--ukl-ink); }
.ukabi-light-page .ukl-mk-list b a{ color:inherit !important; text-decoration:none; }
.ukabi-light-page .ukl-mk-list span{ align-self:start; font-size:12.5px; line-height:1.4; color:var(--ukl-muted); }
.ukabi-light-page .ukl-mk-list li.own{ background:rgba(253,73,92,.07); border-color:#FFC0C8; }
.ukabi-light-page .ukl-mk-list li.own b{ color:var(--ukl-coral-d); }
.ukabi-light-page .ukl-mk-list li.own b::after{ content:"Lo implantamos"; margin-left:8px; padding:3px 7px; border-radius:999px; background:var(--ukl-coral); color:#fff; font:700 9px/1 var(--ukl-mono); letter-spacing:.06em; text-transform:uppercase; vertical-align:2px; }
@media (max-width:760px){ .ukabi-light-page .ukl-mk-grid .content-box-column:first-child .ukl-mk-list{ grid-template-columns:minmax(0,1fr); } }

/* ---------- Documentos (condiciones, declaración responsable, historial de versiones, política de seguridad) ---------- */
.ukabi-light-page .ukl-lg-hero{ padding-top:70px !important; padding-bottom:34px !important; background:linear-gradient(180deg,#fff,var(--ukl-bg)) !important; border-bottom:1px solid var(--ukl-line); }
.ukabi-light-page .ukl-lg-head .fusion-column-wrapper{ max-width:860px; margin-inline:auto !important; row-gap:16px; }
.ukabi-light-page .ukl-lg-head .ukl-pill{ flex:0 1 auto !important; }
.ukabi-light-page .ukl-sec .ukl-lg-h1 h1.fusion-title-heading{ margin:0 !important; text-align:left !important; font-size:clamp(30px,4.2vw,52px) !important; font-weight:800 !important; letter-spacing:-.035em !important; line-height:1.08 !important; color:var(--ukl-ink) !important; text-wrap:balance; }
.ukabi-light-page .ukl-lg-date p{ margin:0 !important; font:700 11.5px/1.4 var(--ukl-mono) !important; letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-lg-body{ padding-top:44px !important; }
.ukabi-light-page .ukl-lg-col .fusion-column-wrapper{ max-width:860px; margin-inline:auto !important; }
.ukabi-light-page .ukl-lg-text{ color:var(--ukl-text); font-size:16.5px; line-height:1.7; }
.ukabi-light-page .ukl-lg-text p{ margin:0 0 14px !important; font-size:16.5px !important; line-height:1.7 !important; color:var(--ukl-text) !important; }
.ukabi-light-page .ukl-lg-text h2{ margin:42px 0 14px !important; font-size:clamp(21px,2.2vw,26px) !important; font-weight:800 !important; letter-spacing:-.02em !important; line-height:1.25 !important; color:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-lg-text h2:first-child{ margin-top:0 !important; }
.ukabi-light-page .ukl-lg-text h3,.ukabi-light-page .ukl-lg-text h4{ margin:28px 0 10px !important; font-size:18.5px !important; font-weight:800 !important; line-height:1.3 !important; color:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-lg-text ul,.ukabi-light-page .ukl-lg-text ol{ margin:0 0 16px !important; padding-left:22px !important; }
.ukabi-light-page .ukl-lg-text li{ margin:0 0 6px !important; font-size:16px; line-height:1.65; }
.ukabi-light-page .ukl-lg-text strong{ color:var(--ukl-ink); }
.ukabi-light-page .ukl-lg-text a{ color:var(--ukl-coral-d) !important; text-decoration:underline; text-underline-offset:2px; word-break:break-word; }
.ukabi-light-page .ukl-lg-text table{ width:100%; margin:8px 0 22px; border-collapse:collapse; font-size:14.5px; display:block; overflow-x:auto; }
.ukabi-light-page .ukl-lg-text th,.ukabi-light-page .ukl-lg-text td{ padding:10px 12px; border:1px solid var(--ukl-line); text-align:left; vertical-align:top; }
.ukabi-light-page .ukl-lg-text th,.ukabi-light-page .ukl-lg-text tr:first-child td{ background:var(--ukl-bg); font-weight:700; color:var(--ukl-ink); }
@media (max-width:640px){ .ukabi-light-page .ukl-lg-hero{ padding-top:44px !important; } .ukabi-light-page .ukl-lg-text p{ font-size:16px !important; } }

/* ---------- Títulos con degradado (background-clip:text) ----------
   El color solo pinta dentro de la caja del elemento: con interlineados
   ajustados, las tildes, las mayúsculas y los rasgos bajos (y, g, p) se
   salían y quedaban cortados. Se amplía la caja con relleno y se compensa
   con margen negativo, así el diseño no se mueve. */
.ukabi-light-page :is(.ukl-h1 em, .ukl-kd-h1n, .ukl-vf-h1n, .ukl-bl-h1a, .ukl-ns-h1n, .ukl-ci-h1n, .ukl-ov-h1n, .ukl-wk-h1n, .ukl-pe-h1n, .ukl-cr-h1n, .ukl-ct-h1n, .ukl-id-h1n, .ukco-w, .ukhm-w.g, .ukl-cr-wt h2.fusion-title-heading, .ukl-pe-wt h2.fusion-title-heading, .ukl-vx-pname .fusion-title-heading, .ukl-chapter .fusion-title-heading){
  padding-top:.2em !important; padding-bottom:.18em !important; margin-top:-.2em !important; margin-bottom:-.18em !important;
  padding-right:.08em !important; margin-right:-.08em !important;
}

/* ===== Tarjeta de vídeo (ukl-vid): portada con botón de reproducir, etiqueta y duración sobre el vídeo; textos debajo.
   Columna con clases ukl-vid + ukl-vid--dark | ukl-vid--light; ukl-vid--eq iguala la altura con la columna vecina (a3innuva Contabilidad). ===== */
.ukabi-light-page .ukl-vid{ align-self:center; margin-bottom:24px !important; }
.ukabi-light-page .ukl-vid--eq{ align-self:stretch; margin-top:50px !important; }
.ukabi-light-page .ukl-vid--eq > .fusion-column-wrapper{ height:100%; }
.ukabi-light-page .ukl-vid > .fusion-column-wrapper{ position:relative; row-gap:0 !important; padding:0 26px 26px !important; border-radius:24px; overflow:hidden; box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-vid--dark > .fusion-column-wrapper{ background:#0B1033 !important; color:#fff; }
.ukabi-light-page .ukl-vid--light > .fusion-column-wrapper{ background:#fff !important; color:var(--ukl-ink); box-shadow:var(--ukl-shadow-lg), inset 0 0 0 1px var(--ukl-line); }
.ukabi-light-page .ukl-vid .ukl-vid-v{ position:relative; margin:0 -26px 22px !important; max-width:none !important; width:calc(100% + 52px) !important; flex:0 0 calc(100% + 52px) !important; background:#000; overflow:hidden; cursor:pointer; }
.ukabi-light-page .ukl-vid .ukl-vid-v .video-wrapper{ position:relative; }
.ukabi-light-page .ukl-vid .ukl-vid-v video{ display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.ukabi-light-page .ukl-vid .ukv-on::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,rgba(11,16,51,0) 45%,rgba(11,16,51,.55)); transition:opacity .3s; }
.ukabi-light-page .ukl-vid .ukv-on:not(.ukv-playing):hover video{ transform:scale(1.04); }
.ukabi-light-page .ukl-vid .ukv-playing{ cursor:default; }
.ukabi-light-page .ukl-vid .ukv-playing::after,
.ukabi-light-page .ukl-vid .ukv-playing .ukv-play,
.ukabi-light-page .ukl-vid .ukv-playing .ukl-vid-tag,
.ukabi-light-page .ukl-vid .ukv-playing .ukl-vid-dur{ opacity:0; pointer-events:none; }
.ukabi-light-page .ukl-vid .ukv-play{ position:absolute; z-index:3; left:50%; top:50%; width:76px; height:76px; margin:-38px 0 0 -38px; padding:0; border:0; border-radius:50%; background:var(--ukl-coral); display:grid; place-items:center; cursor:pointer; box-shadow:0 18px 36px -12px rgba(253,73,92,.8); transition:transform .25s, opacity .3s; }
.ukabi-light-page .ukl-vid .ukv-play::before{ content:""; position:absolute; inset:-10px; border-radius:50%; border:2px solid rgba(255,255,255,.55); animation:ukvPulse 2.4s ease-out infinite; }
.ukabi-light-page .ukl-vid .ukv-on:hover .ukv-play,.ukabi-light-page .ukl-vid .ukv-play:focus-visible{ transform:scale(1.08); }
.ukabi-light-page .ukl-vid .ukv-play svg{ width:26px; height:26px; margin-left:4px; fill:#fff; }
@keyframes ukvPulse{ 0%{ transform:scale(.85); opacity:1; } 100%{ transform:scale(1.25); opacity:0; } }
.ukabi-light-page .ukl-vid .ukl-vid-tag,.ukabi-light-page .ukl-vid .ukl-vid-dur{ display:none; }
.ukabi-light-page .ukl-vid .ukv-on .ukl-vid-tag,.ukabi-light-page .ukl-vid .ukv-on .ukl-vid-dur{ display:block; position:absolute; z-index:2; margin:0 !important; transition:opacity .3s; }
.ukabi-light-page .ukl-vid .ukv-on .ukl-vid-tag{ left:14px; top:14px; padding:6px 10px; border-radius:99px; background:rgba(255,255,255,.92); }
.ukabi-light-page .ukl-vid .ukv-on .ukl-vid-dur{ right:14px; bottom:12px; padding:5px 9px; border-radius:8px; background:rgba(11,16,51,.72); }
.ukabi-light-page .ukl-vid .ukl-vid-tag p{ margin:0; font:700 10.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-ink); }
.ukabi-light-page .ukl-vid .ukl-vid-dur p{ margin:0; font:700 11px/1 var(--ukl-mono); letter-spacing:.06em; color:#fff; }
.ukabi-light-page .ukl-vid .ukl-vid-k,
.ukabi-light-page .ukl-vid .ukl-vid-t,
.ukabi-light-page .ukl-vid .ukl-vid-s,
.ukabi-light-page .ukl-vid .ukl-vid-src{ margin:0 !important; }
.ukabi-light-page .ukl-vid .ukl-vid-k p{ margin:0 0 8px; font:700 11px/1 var(--ukl-mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ukl-coral); }
.ukabi-light-page .ukl-vid .ukl-vid-t .fusion-title-heading{ margin:0 0 8px !important; font:700 21px/1.25 var(--ukl-display) !important; letter-spacing:0 !important; text-wrap:balance; color:inherit !important; }
.ukabi-light-page .ukl-vid--dark .ukl-vid-t .fusion-title-heading{ color:#fff !important; }
.ukabi-light-page .ukl-vid--light .ukl-vid-t .fusion-title-heading{ color:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-vid .ukl-vid-s p{ margin:0; font:400 14.5px/1.55 var(--ukl-display); color:var(--ukl-muted); }
.ukabi-light-page .ukl-vid--dark .ukl-vid-s p{ color:rgba(255,255,255,.74); }
.ukabi-light-page .ukl-vid .ukl-vid-src p{ margin:10px 0 0; font:400 11px/1.3 var(--ukl-mono); color:var(--ukl-muted); }
.ukabi-light-page .ukl-vid--dark .ukl-vid-src p{ color:rgba(255,255,255,.55); }
@media (max-width:760px){
  .ukabi-light-page .ukl-vid > .fusion-column-wrapper{ padding:0 20px 22px !important; }
  .ukabi-light-page .ukl-vid .ukl-vid-v{ margin:0 -20px 18px !important; width:calc(100% + 40px) !important; flex:0 0 calc(100% + 40px) !important; }
  .ukabi-light-page .ukl-vid--eq{ margin-top:28px !important; }
  .ukabi-light-page .ukl-vid--eq + .ukl-vid--eq{ margin-top:4px !important; }
  .ukabi-light-page .ukl-vid .ukv-play{ width:64px; height:64px; margin:-32px 0 0 -32px; }
}

/* a3ERP: franja de la demo con la presentación en vídeo (tarjeta ukl-vid a la izquierda, texto y botón a la derecha) */
.ukabi-light-page .ukl-sec.ukl-demo-sec--vid{ padding-top:72px !important; padding-bottom:72px !important; }
.ukabi-light-page .ukl-demo-sec--vid > .fusion-builder-row{ align-items:center !important; }
.ukabi-light-page .ukl-demo-txt > .fusion-column-wrapper{ padding-left:36px !important; row-gap:16px !important; }
.ukabi-light-page .ukl-demo-txt .ukl-title .fusion-title-heading{ font-size:clamp(28px,3.2vw,42px) !important; }
.ukabi-light-page .ukl-demo-note p{ margin:0; color:var(--ukl-muted); font-size:15px; line-height:1.6; }
.ukabi-light-page .ukl-demo-txt .fusion-button{ margin-top:8px; }
@media (max-width:1024px){ .ukabi-light-page .ukl-demo-txt > .fusion-column-wrapper{ padding-left:0 !important; } .ukabi-light-page .ukl-sec .fusion-layout-column.ukl-demo-txt{ margin-top:28px !important; } }