/* =====================================================================
   UKABI · Página de INICIO 2026 (id 12)
   Página oscura dentro del sistema claro. Clases de Avada: ukl-hm-*;
   piezas que inserta ukabi-light-hm.js: ukhm-* (canvas de fondo, capas 3D de las áreas,
   raíl, progreso del recorrido, visuales de las soluciones propias, cinta de
   partners, círculo del cierre).
   ===================================================================== */
body.ukabi-light-page:has(.ukl-hm-hero){ --hm-dk:#05091F; --hm-dk2:#0B1336; --hm-dl:rgba(255,255,255,.1); --hm-dt:rgba(255,255,255,.66); --hm-coral:#FD495C; --hm-lilac:#B04BD8; background:#05091F !important; color:#fff; }
body.ukabi-light-page:has(.ukl-hm-hero) #wrapper,
body.ukabi-light-page:has(.ukl-hm-hero) #main,
body.ukabi-light-page:has(.ukl-hm-hero) #content,
body.ukabi-light-page:has(.ukl-hm-hero) .fusion-wrapper{ background:transparent !important; }
body.ukabi-light-page:has(.ukl-hm-hero) #wrapper{ position:relative; z-index:1; }
body.ukabi-light-page:has(.ukl-hm-hero) .ukl-depth{ display:none !important; }
.ukhm-sky{ position:fixed; inset:0; z-index:0; width:100%; height:100%; display:block; pointer-events:none; }
/* cabecera en blanco sobre el fondo oscuro */
body.ukabi-light-page:has(.ukl-hm-hero) .fusion-tb-header,
body.ukabi-light-page:has(.ukl-hm-hero) .fusion-tb-header > .fusion-fullwidth{ background:transparent !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .fusion-tb-header .ukm-logo--blue{ display:none !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .fusion-tb-header .ukm-logo--white{ display:inline-block !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .fusion-tb-header .fusion-image-element:has(> .ukm-logo--blue){ display:none !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .fusion-tb-header .fusion-image-element:has(> .ukm-logo--white){ display:block !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li:not(.ukm-cta) > .awb-menu__main-a .menu-text{ color:rgba(255,255,255,.86) !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li:not(.ukm-cta):hover > .awb-menu__main-a .menu-text,
body.ukabi-light-page:has(.ukl-hm-hero) .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li.current-menu-item > .awb-menu__main-a .menu-text{ color:#fff !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .avada-main-menu .awb-menu__open-nav-submenu-hover::before,
body.ukabi-light-page:has(.ukl-hm-hero) .avada-main-menu .awb-menu__open-nav-submenu_click::before{ color:rgba(255,255,255,.6) !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .avada-main-menu .awb-menu__m-toggle{ color:#fff !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .fusion-tb-header .fusion-social-network-icon{ color:#fff !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .avada-main-menu .ukm-cta > .awb-menu__main-a{ border-color:rgba(255,255,255,.6) !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .avada-main-menu .ukm-cta > .awb-menu__main-a .menu-text{ color:#fff !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .avada-main-menu .ukm-cta > .awb-menu__main-a:hover{ background:#fff !important; border-color:#fff !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .avada-main-menu .ukm-cta > .awb-menu__main-a:hover .menu-text{ color:var(--ukl-ink) !important; }
body.ukabi-light-page:has(.ukl-hm-hero) .fusion-tb-header .fusion-sticky-container.fusion-container-stuck{ background:rgba(5,9,31,.78) !important; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.08) !important; box-shadow:0 8px 30px -16px rgba(0,0,0,.6) !important; }

/* textos comunes */
.ukabi-light-page [class*="ukl-hm-"].ukl-sec{ background:transparent !important; color:#fff; }
.ukabi-light-page .ukl-hm-k p{ font:700 11px/1.3 var(--ukl-mono) !important; letter-spacing:.16em; text-transform:uppercase; color:#FF7A89 !important; }
.ukabi-light-page .ukl-sec .ukl-hm-ht h2.fusion-title-heading{ margin:0 !important; font-size:clamp(32px,4.2vw,56px) !important; font-weight:800 !important; letter-spacing:-.045em !important; line-height:1.06 !important; color:#fff !important; text-wrap:balance; }
.ukabi-light-page .ukl-hm-hl p{ font-size:17px !important; line-height:1.6 !important; color:var(--hm-dt) !important; }
.ukabi-light-page .ukl-hm-head > .fusion-column-wrapper{ max-width:800px; margin-inline:auto; justify-content:center; text-align:center; row-gap:18px !important; }
.ukabi-light-page .ukl-hm-head .fusion-title-heading{ text-align:center !important; }
.ukabi-light-page .fusion-button.ukl-hm-mag{ transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .2s,background .2s !important; }
.ukabi-light-page .fusion-button.ukl-btn--ghost.ukl-hm-ghost{ background:transparent !important; border:1px solid rgba(255,255,255,.4) !important; }
.ukabi-light-page .fusion-button.ukl-btn--ghost.ukl-hm-ghost .fusion-button-text{ color:#fff !important; }
.ukabi-light-page .fusion-button.ukl-btn--ghost.ukl-hm-ghost:hover{ border-color:#fff !important; background:rgba(255,255,255,.06) !important; }
.ukabi-light-page .fusion-button.ukl-hm-white{ background:#fff !important; border:0 !important; box-shadow:0 20px 40px -18px rgba(0,0,0,.45) !important; }
.ukabi-light-page .fusion-button.ukl-hm-white .fusion-button-text{ color:var(--ukl-ink) !important; }
.ukabi-light-page .fusion-button.ukl-hm-white .fusion-button-text::after{ content:" →"; }

/* ---------- HERO ---------- */
.ukabi-light-page .ukl-hm-hero{ padding-top:60px !important; padding-bottom:90px !important; }
.ukabi-light-page .ukl-hm-hero > .fusion-row{ min-height:calc(100vh - 230px); align-items:center !important; }
.ukabi-light-page .ukl-hm-copy > .fusion-column-wrapper{ max-width:1060px; margin-inline:auto; justify-content:center; text-align:center; row-gap:24px !important; will-change:transform,opacity; }
.ukabi-light-page .ukl-sec .ukl-hm-h1 h1.fusion-title-heading{ margin:0 !important; text-align:center !important; font-size:inherit !important; line-height:1 !important; letter-spacing:0 !important; }
.ukabi-light-page .ukl-hm-h1n{ display:block; font-size:clamp(38px,5.2vw,76px); font-weight:800; letter-spacing:-.05em; line-height:1.03; color:#fff; text-wrap:balance; }
.ukabi-light-page .ukl-hm-g,.ukabi-light-page .ukhm-w.g{ background:linear-gradient(100deg,#FF7A89,var(--hm-coral) 35%,var(--hm-lilac) 80%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ukhm-w{ display:inline-block; opacity:0; transform:translateY(.45em); filter:blur(8px); transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1),filter .8s; padding-bottom:.06em; }
.ukhm-in .ukhm-w{ opacity:1; transform:none; filter:none; }
.ukabi-light-page .ukl-hm-lead p{ max-width:700px; margin-inline:auto !important; font-size:clamp(17px,1.5vw,19px) !important; line-height:1.6 !important; color:var(--hm-dt) !important; }
.ukabi-light-page .ukl-hm-cue{ flex:0 0 100% !important; margin-top:24px !important; }
.ukabi-light-page .ukl-hm-cue p{ display:grid; justify-items:center; gap:10px; font:700 10.5px/1 var(--ukl-mono) !important; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.5) !important; }
.ukabi-light-page .ukl-hm-cue p::before{ content:""; width:22px; height:36px; border-radius:12px; border:1.5px solid rgba(255,255,255,.4); background:radial-gradient(circle at 50% 12px,#fff 2px,transparent 2.5px); animation:ukhmCue 1.8s infinite; }
@keyframes ukhmCue{ 0%{ background-position:0 -4px; } 100%{ background-position:0 14px; } }

/* ---------- RECORRIDO POR LAS ÁREAS ---------- */
.ukabi-light-page .ukl-hm-uni{ height:880vh; padding:0 !important; }
.ukabi-light-page .ukl-hm-uni > .fusion-row{ position:sticky !important; top:0; height:100vh; max-width:none !important; overflow:hidden; }
.ukabi-light-page .ukl-hm-panel{ position:absolute !important; left:max(24px,calc(50% - 600px)); top:50%; width:min(520px,max(48vw,460px)) !important; max-width:none !important; margin:0 !important; translate:0 -50%; opacity:0; transform:translateY(24px); pointer-events:none; transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1) !important; z-index:3; }
.ukabi-light-page .ukl-hm-panel.ukl-hm-pr{ left:auto; right:max(24px,calc(50% - 600px)); }
/* escritorio: el panel se centra en el espacio bajo la cabecera (y bajo la barra de WordPress si se ve) y los enlaces van a dos columnas */
@media (min-width:761px){
  .ukabi-light-page .ukl-hm-panel{ top:calc(50% + 38px); }
  body.admin-bar.ukabi-light-page .ukl-hm-panel{ top:calc(50% + 54px); }
  .ukabi-light-page .ukl-hm-links ul{ grid-template-columns:1fr 1fr; }
}
.ukabi-light-page .ukl-hm-panel.ukhm-on{ opacity:1; transform:none; pointer-events:auto; }
.ukabi-light-page .ukl-hm-panel > .fusion-column-wrapper{ row-gap:16px !important; padding:28px 30px !important; border-radius:24px; background:rgba(8,14,44,.62) !important; border:1px solid var(--hm-dl); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); box-shadow:0 40px 80px -40px rgba(0,0,0,.7); }
.ukabi-light-page .ukl-sec .ukl-hm-pt h2.fusion-title-heading{ margin:0 !important; font-size:clamp(26px,2.6vw,36px) !important; font-weight:800 !important; letter-spacing:-.035em !important; line-height:1.1 !important; color:#fff !important; text-wrap:balance; }
.ukabi-light-page .ukl-hm-pp p{ font-size:15.5px !important; line-height:1.6 !important; color:var(--hm-dt) !important; }
.ukabi-light-page .ukl-hm-links ul{ list-style:none; margin:0 !important; padding:0 !important; display:grid; gap:6px; }
.ukabi-light-page .ukl-hm-links li{ margin:0 !important; padding:0 !important; }
.ukabi-light-page .ukl-hm-links li::before{ display:none !important; }
.ukabi-light-page .ukl-hm-links a{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.05); border:1px solid transparent; font-size:14px; font-weight:600; line-height:1.3; color:#fff !important; text-decoration:none !important; transition:border-color .25s,background .25s; }
.ukabi-light-page .ukl-hm-links a::after{ content:"→"; color:#FF7A89; }
.ukabi-light-page .ukl-hm-links a:hover{ border-color:rgba(253,73,92,.5); background:rgba(255,255,255,.08); }
.ukabi-light-page .ukl-hm-more a{ font-size:14px; font-weight:700; color:#FF7A89 !important; text-decoration:none !important; }
.ukabi-light-page .ukl-hm-more a::after{ content:" →"; }
.ukabi-light-page .ukl-hm-own p{ display:flex; align-items:center; gap:8px; font:700 10px/1.3 var(--ukl-mono) !important; letter-spacing:.04em; color:#FFB3BC !important; }
.ukabi-light-page .ukl-hm-own p::before{ content:""; width:13px; height:12px; flex:none; background:url("/wp-content/uploads/2026/07/favicon-ukabi.png") center/contain no-repeat; }
/* logo Partner Gold de Wolters Kluwer en el panel de Software de gestión (imagen de Avada, medio 473) */
.ukabi-light-page .ukl-hm-wk{ margin:2px 0 0 !important; line-height:0; text-align:left; }
.ukabi-light-page .ukl-hm-wk img{ width:auto !important; height:50px !important; max-width:100%; opacity:.92; }
.ukabi-light-page .ukl-hm-chips p{ display:flex; flex-wrap:wrap; gap:8px; }
.ukhm-chip{ padding:10px 13px; border-radius:12px; border:1px solid var(--hm-dl); background:rgba(255,255,255,.05); color:#fff; font:700 13px/1 var(--ukl-display); cursor:pointer; transition:border-color .25s; }
.ukhm-chip:hover{ border-color:var(--hm-coral); }
.ukhm-prog{ position:absolute; left:50%; bottom:26px; translate:-50% 0; z-index:3; display:flex; gap:8px; transition:opacity .3s; }
.ukhm-prog span{ width:34px; height:3px; border-radius:3px; background:rgba(255,255,255,.18); overflow:hidden; }
.ukhm-prog i{ display:block; height:100%; width:0; background:#FF7A89; }
.ukhm-hint{ position:absolute; right:max(24px,calc(50% - 600px)); bottom:22px; z-index:3; font:700 10px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.4); transition:opacity .3s; }
@media (max-width:760px){
  .ukabi-light-page .ukl-hm-panel,.ukabi-light-page .ukl-hm-panel.ukl-hm-pr{ left:16px; right:16px; width:auto !important; top:auto; bottom:64px; translate:none; }
  .ukabi-light-page .ukl-hm-panel > .fusion-column-wrapper{ padding:20px !important; row-gap:12px !important; }
  .ukabi-light-page .ukl-sec .ukl-hm-pt h2.fusion-title-heading{ font-size:23px !important; }
  .ukabi-light-page .ukl-hm-pp p{ font-size:14px !important; }
  .ukabi-light-page .ukl-hm-links ul{ grid-template-columns:1fr 1fr; }
  .ukabi-light-page .ukl-hm-wk img{ height:42px !important; }
  .ukabi-light-page .ukl-hm-links a{ font-size:12.5px; padding:8px 10px; }
  .ukhm-hint{ display:none; }
}
/* escritorio de poca altura: paneles más compactos para que quepan bajo la cabecera */
@media (min-width:761px) and (max-height:980px){
  .ukabi-light-page .ukl-hm-panel > .fusion-column-wrapper{ row-gap:12px !important; padding:24px 26px !important; }
  .ukabi-light-page .ukl-sec .ukl-hm-pt h2.fusion-title-heading{ font-size:clamp(24px,2.2vw,30px) !important; }
  .ukabi-light-page .ukl-hm-pp p{ font-size:14.5px !important; line-height:1.55 !important; }
  .ukabi-light-page .ukl-hm-links ul{ grid-template-columns:1fr 1fr; }
  .ukabi-light-page .ukl-hm-links a{ font-size:13px; padding:8px 10px; }
  .ukabi-light-page .ukl-hm-wk img{ height:42px !important; }
}
/* ---------- ÁREAS: ARQUITECTURA POR CAPAS (3D) ---------- */
/* .ukhm-stage la inserta ukabi-light-hm.js dentro de la fila fija de ukl-hm-uni */
.ukhm-stage{position:absolute;inset:0;z-index:1;perspective:1900px;perspective-origin:50% 42%;pointer-events:none}
.ukhm-stk{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform;--glow:0}
.ukhm-slab{position:absolute;left:-300px;top:-190px;width:600px;height:380px;transform-style:preserve-3d;will-change:transform,opacity}
.ukhm-slab-b{position:absolute;inset:0;border-radius:28px;background:#0A1238;transform:translateZ(-14px);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 60px 80px -30px rgba(0,0,0,.8),0 0 calc(var(--glow) * 160px) calc(var(--glow) * 50px) rgba(253,73,92,calc(var(--glow) * .55))}
.ukhm-slab-f{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,rgba(38,55,158,.55),rgba(11,19,54,.92) 55%,rgba(59,47,143,.55));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:border-color .5s,box-shadow .5s}
.ukhm-slab-f::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;-webkit-mask:radial-gradient(ellipse at 30% 20%,#000,transparent 75%);mask:radial-gradient(ellipse at 30% 20%,#000,transparent 75%)}
.ukhm-slab.ukhm-on .ukhm-slab-f{border-color:rgba(253,73,92,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(253,73,92,.35),0 0 60px rgba(253,73,92,.35)}
.ukhm-sl-k{position:absolute;left:26px;top:22px;font:700 12px/1 var(--ukl-mono);letter-spacing:.14em;color:#FF7A89}
.ukhm-sl-n{position:absolute;left:58px;top:18px;font:800 19px/1.1 var(--ukl-display);letter-spacing:-.02em;color:#fff}
.ukhm-sweep{position:absolute;top:0;bottom:0;left:-40%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-18deg);opacity:0}
.ukhm-slab.ukhm-on .ukhm-sweep{animation:ukhmSweep 2.4s .2s cubic-bezier(.4,0,.2,1) infinite}
@keyframes ukhmSweep{0%{left:-40%;opacity:0}15%{opacity:1}70%{opacity:1}100%{left:120%;opacity:0}}
/* piezas en relieve */
.ukhm-tl{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);transform:translateZ(var(--h,3px));transition:transform .7s cubic-bezier(.2,.9,.2,1) var(--d),background .5s var(--d),border-color .5s var(--d),box-shadow .5s var(--d);box-shadow:0 6px 0 -1px rgba(0,0,0,.35)}
.ukhm-tl b{font:700 12.5px/1.15 var(--ukl-display);color:#fff}
.ukhm-tl small{font:400 9.5px/1.2 var(--ukl-mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.ukhm-tl.ukhm-own::after{content:"";position:absolute;right:10px;top:10px;width:13px;height:12px;background:url("/wp-content/uploads/2026/07/favicon-ukabi.png") center/contain no-repeat}
.ukhm-tl.ukhm-soon{background:none;border-style:dashed;border-color:rgba(255,255,255,.22)}
.ukhm-tl.ukhm-soon b{color:rgba(255,255,255,.65)}
.ukhm-slab.ukhm-on .ukhm-tl{--h:30px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border-color:rgba(255,255,255,.24);box-shadow:0 18px 0 -6px rgba(0,0,0,.4),0 26px 40px -16px rgba(0,0,0,.7)}
.ukhm-slab.ukhm-on .ukhm-tl.ukhm-own{background:linear-gradient(160deg,rgba(253,73,92,.38),rgba(176,75,216,.2));border-color:rgba(253,73,92,.6)}
.ukhm-slab.ukhm-on .ukhm-tl.ukhm-soon{background:none}
/* haces de luz entre capas */
.ukhm-bm{position:absolute;width:3px;margin-left:-1.5px;transform-origin:50% 0;border-radius:3px;background:linear-gradient(180deg,rgba(253,73,92,.9),rgba(176,75,216,.9)),repeating-linear-gradient(180deg,transparent 0 10px,rgba(255,255,255,.9) 10px 14px);background-size:100% 100%,100% 28px;background-blend-mode:screen;box-shadow:0 0 12px 2px rgba(253,73,92,.55);animation:ukhmBeam 1.2s linear infinite;opacity:0}
@keyframes ukhmBeam{to{background-position:0 0,0 28px}}
@media (prefers-reduced-motion:reduce){.ukhm-bm{animation:none}.ukhm-slab.ukhm-on .ukhm-sweep{animation:none}}
.ukhm-stage b,.ukhm-stage small{ margin:0; padding:0; }


/* raíl de secciones */
.ukhm-rail{ position:fixed; left:22px; top:50%; translate:0 -50%; z-index:40; display:grid; gap:14px; }
.ukhm-rail a{ display:flex; align-items:center; gap:10px; text-decoration:none !important; font:700 10px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.4) !important; transition:color .3s; }
.ukhm-rail a i{ width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.3); transition:all .3s; }
.ukhm-rail a span{ opacity:0; transform:translateX(-4px); transition:all .3s; }
.ukhm-rail a.on{ color:#fff !important; }
.ukhm-rail a.on i{ background:var(--hm-coral); box-shadow:0 0 0 4px rgba(253,73,92,.25); }
.ukhm-rail a.on span,.ukhm-rail:hover a span{ opacity:1; transform:none; }
.ukhm-rail.off{ opacity:0; pointer-events:none; }
@media (max-width:1100px){ .ukhm-rail{ display:none; } }

/* ---------- CIFRAS ---------- */
.ukabi-light-page .ukl-hm-numsec{ padding-top:130px !important; padding-bottom:120px !important; }
.ukabi-light-page .ukl-hm-numcol{ margin-top:56px !important; }
.ukabi-light-page .ukl-hm-nums{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 !important; border:1px solid var(--hm-dl) !important; border-radius:26px; overflow:hidden; background:rgba(255,255,255,.03); }
.ukabi-light-page .ukl-hm-nums > .fusion-clearfix,.ukabi-light-page .ukl-hm-prods > .fusion-clearfix,.ukabi-light-page .ukl-hm-steps > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-hm-nums .content-box-column{ margin:0 !important; padding:32px 30px !important; border-left:1px solid var(--hm-dl); }
.ukabi-light-page .ukl-hm-nums .content-box-column:first-child{ border-left:0; }
.ukabi-light-page .ukl-sec .ukl-hm-nums .content-box-heading{ font:800 clamp(40px,4.4vw,64px)/1 var(--ukl-display) !important; letter-spacing:-.04em !important; color:#fff !important; font-variant-numeric:tabular-nums; margin-bottom:0 !important; }
.ukabi-light-page .ukl-hm-nums .heading::after{ content:""; display:block; width:34px; height:3px; margin:14px 0 10px; border-radius:3px; background:linear-gradient(90deg,var(--hm-coral),var(--hm-lilac)); }
.ukabi-light-page .ukl-sec .ukl-hm-nums .content-container{ font-size:14.5px !important; color:var(--hm-dt) !important; }
@media (max-width:860px){ .ukabi-light-page .ukl-hm-nums{ grid-template-columns:repeat(2,minmax(0,1fr)); } .ukabi-light-page .ukl-hm-nums .content-box-column:nth-child(3){ border-left:0; } .ukabi-light-page .ukl-hm-nums .content-box-column:nth-child(n+3){ border-top:1px solid var(--hm-dl); } }
@media (max-width:480px){ .ukabi-light-page .ukl-hm-nums .content-box-column{ padding:24px 18px !important; } }

/* ---------- SOLUCIONES PROPIAS (scroll horizontal) ---------- */
.ukabi-light-page .ukl-hm-hs{ height:340vh; padding:0 !important; }
.ukabi-light-page .ukl-hm-hs > .fusion-row{ position:sticky !important; top:0; height:100vh; max-width:none !important; align-content:center !important; overflow:hidden; row-gap:40px; }
.ukabi-light-page .ukl-hm-hs > .fusion-row{ align-items:flex-end !important; }
/* cabecera y texto en la misma fila, alineados con el borde de las tarjetas (ancho útil 1192 px) */
.ukabi-light-page .ukl-hm-hsh{ flex:0 0 auto !important; width:calc(min(1192px,100vw - 48px) - 420px) !important; max-width:none !important; margin:0 0 0 max(24px,calc(50% - 596px)) !important; }
.ukabi-light-page .ukl-hm-hsp{ flex:0 0 auto !important; width:380px !important; max-width:none !important; margin:0 max(24px,calc(50% - 596px)) 0 40px !important; }
.ukabi-light-page .ukl-hm-hsh .ukl-hm-ht h2.fusion-title-heading{ font-size:clamp(30px,3.8vw,52px) !important; max-width:680px; }
.ukabi-light-page .ukl-hm-hsh > .fusion-column-wrapper{ row-gap:10px !important; }
.ukabi-light-page .ukl-hm-hsp .ukl-hm-hl p{ max-width:380px; margin-left:auto !important; font-size:15.5px !important; }
.ukabi-light-page .ukl-hm-trackcol{ flex:0 0 100% !important; width:100% !important; max-width:none !important; }
.ukabi-light-page .ukl-hm-trackcol > .fusion-column-wrapper{ display:block !important; }
.ukabi-light-page .ukl-hm-prods{ display:flex !important; gap:22px !important; padding-left:max(24px,calc(50% - 596px)); will-change:transform; width:max-content !important; }
.ukabi-light-page .ukl-hm-prods .content-box-column{ position:relative; flex:0 0 min(440px,80vw) !important; width:min(440px,80vw) !important; margin:0 !important; border-radius:28px; overflow:hidden; background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)) !important; border:1px solid var(--hm-dl); transition:border-color .3s,transform .3s; }
.ukabi-light-page .ukl-hm-prods .content-box-column:hover{ border-color:rgba(253,73,92,.5); transform:translateY(-4px); }
.ukabi-light-page .ukl-hm-prods .content-box-wrapper,.ukabi-light-page .ukl-hm-prods .content-container,.ukabi-light-page .ukl-hm-prods .col{ position:static !important; }
.ukabi-light-page .ukl-hm-prods .content-box-wrapper{ display:flex !important; flex-direction:column; padding:0 !important; }
.ukabi-light-page .ukl-hm-prods .heading,.ukabi-light-page .ukl-hm-prods .content-container{ padding-inline:26px !important; }
.ukabi-light-page .ukl-hm-prods .heading{ order:2; padding-top:8px !important; }
.ukabi-light-page .ukl-hm-prods .content-container{ order:3; padding-bottom:26px !important; }
.ukabi-light-page .ukl-hm-prods .ukl-hm-k{ order:1; margin:24px 26px 0 !important; display:flex; align-items:center; gap:8px; font:700 10.5px/1 var(--ukl-mono) !important; letter-spacing:.1em; text-transform:uppercase; color:#FFB3BC !important; }
.ukabi-light-page .ukl-hm-prods .ukl-hm-k::before{ content:""; width:13px; height:12px; background:url("/wp-content/uploads/2026/07/favicon-ukabi.png") center/contain no-repeat; }
.ukabi-light-page .ukl-sec .ukl-hm-prods .content-box-heading{ font-size:24px !important; font-weight:800 !important; letter-spacing:-.03em !important; color:#fff !important; margin-bottom:8px !important; }
.ukabi-light-page .ukl-sec .ukl-hm-prods .content-container{ font-size:14.5px !important; line-height:1.55 !important; color:var(--hm-dt) !important; }
.ukabi-light-page .ukl-hm-go{ margin-top:12px !important; }
.ukabi-light-page .ukl-hm-go a{ font-size:14px; font-weight:700; color:#FF7A89 !important; text-decoration:none !important; }
.ukabi-light-page .ukl-hm-go a::after{ content:" →"; }
.ukabi-light-page .ukl-hm-go a::before{ content:""; position:absolute; inset:0; z-index:4; border-radius:inherit; }
.ukhm-v{ order:0; position:relative; height:230px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(300px 200px at 70% 30%,rgba(253,73,92,.28),transparent 70%),radial-gradient(300px 200px at 20% 90%,rgba(176,75,216,.3),transparent 70%),var(--hm-dk2); }
.ukhm-tk{ width:180px; padding:14px; border-radius:14px; background:#fff; color:var(--ukl-ink); font-size:12px; box-shadow:0 20px 40px -16px rgba(0,0,0,.6); }
.ukhm-tk div{ display:flex; justify-content:space-between; padding:4px 0; border-bottom:1px dashed #DCE0F0; opacity:0; transform:translateY(6px); transition:all .4s; }
.ukhm-tk div.tot{ font-weight:800; border:0; padding-top:8px; }
.ukhm-in .ukhm-tk div{ opacity:1; transform:none; }
.ukhm-in .ukhm-tk div:nth-child(2){ transition-delay:.2s; } .ukhm-in .ukhm-tk div:nth-child(3){ transition-delay:.4s; } .ukhm-in .ukhm-tk div:nth-child(4){ transition-delay:.6s; }
.ukhm-clk{ position:relative; width:130px; height:130px; border-radius:50%; border:2px solid rgba(255,255,255,.2); }
.ukhm-clk i{ position:absolute; left:50%; bottom:50%; width:3px; margin-left:-1.5px; border-radius:3px; background:#fff; transform-origin:50% 100%; }
.ukhm-clk i.h{ height:34px; transform:rotate(30deg); } .ukhm-clk i.m{ height:50px; background:var(--hm-coral); animation:ukhmSpin 8s linear infinite; }
@keyframes ukhmSpin{ to{ transform:rotate(360deg); } }
.ukhm-fich{ position:absolute; right:18%; bottom:26px; padding:8px 11px; border-radius:10px; background:rgba(43,214,123,.14); border:1px solid rgba(43,214,123,.4); font:700 10.5px/1 var(--ukl-mono); color:#7CF0B0; }
.ukhm-fab{ display:grid; gap:10px; width:230px; }
.ukhm-fab div{ display:grid; gap:5px; font:700 10.5px/1 var(--ukl-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--hm-dt); }
.ukhm-fab div span{ height:8px; border-radius:8px; background:rgba(255,255,255,.1); overflow:hidden; }
.ukhm-fab div span i{ display:block; height:100%; width:0; border-radius:inherit; background:linear-gradient(90deg,var(--hm-coral),var(--hm-lilac)); transition:width 1.4s cubic-bezier(.2,.7,.2,1); }
.ukhm-in .ukhm-fab div:nth-child(1) i{ width:100%; } .ukhm-in .ukhm-fab div:nth-child(2) i{ width:72%; transition-delay:.3s; } .ukhm-in .ukhm-fab div:nth-child(3) i{ width:35%; transition-delay:.6s; }
.ukhm-chat{ display:grid; gap:8px; width:240px; }
.ukhm-chat span{ max-width:85%; padding:9px 12px; border-radius:14px; font-size:12px; line-height:1.4; opacity:0; transform:translateY(8px); transition:all .4s; }
.ukhm-chat .u{ justify-self:end; background:#fff; color:var(--ukl-ink); border-bottom-right-radius:4px; }
.ukhm-chat .v{ justify-self:start; background:rgba(255,255,255,.12); color:#fff; border-bottom-left-radius:4px; }
.ukhm-in .ukhm-chat span{ opacity:1; transform:none; } .ukhm-in .ukhm-chat span:nth-child(2){ transition-delay:.6s; } .ukhm-in .ukhm-chat span:nth-child(3){ transition-delay:1.2s; }
@media (max-width:1000px) and (min-width:761px){ .ukabi-light-page .ukl-hm-hsh{ width:calc(100vw - 48px) !important; margin-right:24px !important; } .ukabi-light-page .ukl-hm-hsp{ width:calc(100vw - 48px) !important; margin:18px 24px 0 !important; } .ukabi-light-page .ukl-hm-hsp .ukl-hm-hl p{ margin-left:0 !important; } }
@media (max-width:760px){
  .ukabi-light-page .ukl-hm-hs{ height:auto; padding-top:100px !important; padding-bottom:40px !important; }
  .ukabi-light-page .ukl-hm-hs > .fusion-row{ position:relative !important; height:auto; }
  .ukabi-light-page .ukl-hm-hsh,.ukabi-light-page .ukl-hm-hsp{ width:calc(100% - 32px) !important; margin:0 16px !important; }
  .ukabi-light-page .ukl-hm-hsp .ukl-hm-hl p{ margin-left:0 !important; }
  .ukabi-light-page .ukl-hm-trackcol > .fusion-column-wrapper{ overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
  .ukabi-light-page .ukl-hm-prods{ padding-left:16px; padding-right:16px; transform:none !important; }
  .ukabi-light-page .ukl-hm-prods .content-box-column{ scroll-snap-align:start; }
}

/* ---------- MÉTODO ---------- */
.ukabi-light-page .ukl-hm-met{ padding-top:130px !important; padding-bottom:100px !important; }
.ukabi-light-page .ukl-hm-stepcol{ margin-top:60px !important; }
.ukabi-light-page .ukl-hm-stepcol > .fusion-column-wrapper{ display:block !important; }
.ukabi-light-page .ukl-hm-steps{ position:relative; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px !important; padding-top:62px; counter-reset:ukhms; }
.ukhm-line{ position:absolute; left:28px; right:28px; top:20px; height:3px; border-radius:3px; background:var(--hm-dl); }
.ukhm-line i{ display:block; height:100%; width:0; border-radius:inherit; background:linear-gradient(90deg,var(--hm-coral),var(--hm-lilac),#fff); }
.ukabi-light-page .ukl-hm-steps .content-box-column{ counter-increment:ukhms; position:relative; overflow:visible !important; margin:0 !important; padding:24px 22px !important; border-radius:22px; background:rgba(255,255,255,.04) !important; border:1px solid var(--hm-dl); transition:border-color .4s; }
.ukabi-light-page .ukl-hm-steps .content-box-column::before{ content:"0" counter(ukhms); position:absolute; top:-60px; left:22px; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; font:700 13px/1 var(--ukl-mono); color:rgba(255,255,255,.6); background:var(--hm-dk); border:2px solid var(--hm-dl); transition:all .4s; }
.ukabi-light-page .ukl-hm-steps .content-box-column.ukhm-on{ border-color:rgba(253,73,92,.45); }
.ukabi-light-page .ukl-hm-steps .content-box-column.ukhm-on::before{ color:#fff; background:linear-gradient(135deg,var(--hm-coral),var(--hm-lilac)); border-color:transparent; }
.ukabi-light-page .ukl-sec .ukl-hm-steps .content-box-heading{ font-size:20px !important; font-weight:800 !important; letter-spacing:-.02em !important; color:#fff !important; margin-bottom:8px !important; }
.ukabi-light-page .ukl-sec .ukl-hm-steps .content-container{ font-size:14.5px !important; line-height:1.55 !important; color:var(--hm-dt) !important; }
.ukabi-light-page .ukl-hm-center{ margin-top:40px !important; }
.ukabi-light-page .ukl-hm-center > .fusion-column-wrapper{ justify-content:center; }
@media (max-width:900px){
  .ukabi-light-page .ukl-hm-steps{ grid-template-columns:minmax(0,1fr); padding-top:0; padding-left:60px; }
  .ukhm-line{ left:18px; right:auto; top:0; bottom:0; width:3px; height:auto; } .ukhm-line i{ width:100%; height:0; }
  .ukabi-light-page .ukl-hm-steps .content-box-column::before{ top:22px; left:-60px; }
}

/* ---------- BLOG (Post Cards 667 en oscuro) ---------- */
.ukabi-light-page .ukl-hm-blog{ padding-top:40px !important; padding-bottom:120px !important; }
.ukabi-light-page .ukl-hm-blog > .fusion-row{ align-items:flex-end !important; }
.ukabi-light-page .ukl-hm-blh > .fusion-column-wrapper{ row-gap:10px !important; }
.ukabi-light-page .ukl-hm-blh .ukl-hm-ht h2.fusion-title-heading{ font-size:clamp(28px,3.4vw,46px) !important; }
.ukabi-light-page .ukl-hm-blall > .fusion-column-wrapper{ justify-content:flex-end; }
.ukabi-light-page .ukl-hm-all a{ font-weight:700; color:#FF7A89 !important; text-decoration:none !important; }
.ukabi-light-page .ukl-hm-all a::after{ content:" →"; }
.ukabi-light-page .ukl-hm-blcol{ margin-top:40px !important; }
.ukabi-light-page .ukl-hm-bgrid .ukl-bl-card > .fusion-column-wrapper{ background:rgba(255,255,255,.04) !important; border-color:var(--hm-dl) !important; box-shadow:none !important; }
.ukabi-light-page .ukl-hm-bgrid .ukl-bl-card > .fusion-column-wrapper:hover{ border-color:rgba(253,73,92,.45) !important; }
.ukabi-light-page .ukl-hm-bgrid .ukl-bl-card .ukl-bl-ct a{ color:#fff !important; }
.ukabi-light-page .ukl-hm-bgrid .ukl-bl-meta,.ukabi-light-page .ukl-hm-bgrid .ukl-bl-meta a,.ukabi-light-page .ukl-hm-bgrid .ukl-bl-meta span{ color:#FF7A89 !important; }
.ukabi-light-page .ukl-hm-bgrid .ukl-bl-ex,.ukabi-light-page .ukl-hm-bgrid .ukl-bl-ex p{ color:var(--hm-dt) !important; }
.ukabi-light-page .ukl-hm-bgrid .ukl-bl-date p{ color:rgba(255,255,255,.45) !important; }
@media (max-width:760px){ .ukabi-light-page .ukl-hm-blall > .fusion-column-wrapper{ justify-content:flex-start; } }

/* ---------- PARTNERS ---------- */
.ukabi-light-page .ukl-hm-mq{ padding:0 !important; }
.ukabi-light-page .ukl-hm-mq > .fusion-row{ max-width:none !important; }
.ukabi-light-page .ukl-hm-mqcol > .fusion-column-wrapper{ display:block !important; }
.ukhm-mq{ overflow:hidden; padding-block:40px; border-block:1px solid var(--hm-dl); -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.ukhm-mq-t{ display:flex; gap:60px; width:max-content; animation:ukhmMq 34s linear infinite; }
.ukhm-mq-t span{ display:inline-flex; align-items:center; gap:12px; font-size:22px; font-weight:800; letter-spacing:-.02em; color:rgba(255,255,255,.75); white-space:nowrap; }
.ukhm-mq-t span::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--hm-coral); }
.ukhm-mq-t em{ font:700 10px/1 var(--ukl-mono); font-style:normal; letter-spacing:.1em; text-transform:uppercase; color:#1a1300; background:linear-gradient(135deg,#F5D08A,#C99A3F); padding:5px 7px; border-radius:5px; }
@keyframes ukhmMq{ to{ transform:translateX(-50%); } }
.ukl-hm-partners.ukhm-js > p{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }

/* ---------- CIERRE: círculo que se abre ---------- */
.ukabi-light-page .ukl-hm-end{ height:220vh; padding:0 !important; }
.ukabi-light-page .ukl-hm-end > .fusion-row{ position:sticky !important; top:0; height:100vh; max-width:none !important; align-items:center !important; justify-content:center; overflow:hidden; }
.ukhm-endbg{ position:absolute; inset:0; z-index:0; background:radial-gradient(900px 600px at 50% 120%,rgba(176,75,216,.6),transparent 60%),linear-gradient(135deg,#FD495C,#E0335F 45%,#8E3BBF); clip-path:circle(var(--r,0%) at 50% 50%); }
.ukhm-dot{ position:absolute; left:50%; top:50%; z-index:1; width:14px; height:14px; margin:-7px 0 0 -7px; border-radius:50%; background:var(--hm-coral); box-shadow:0 0 0 10px rgba(253,73,92,.2),0 0 40px 10px rgba(253,73,92,.6); opacity:calc(1 - var(--o,0) * 3); }
.ukabi-light-page .ukl-hm-ecol{ position:relative; z-index:2; opacity:var(--o,0); transform:scale(calc(.92 + var(--o,0) * .08)); }
.ukabi-light-page .ukl-hm-ecol > .fusion-column-wrapper{ max-width:980px; margin-inline:auto; justify-content:center; text-align:center; row-gap:22px !important; }
.ukabi-light-page .ukl-hm-ecol .ukl-hm-k p{ color:rgba(255,255,255,.85) !important; text-align:center; }
.ukabi-light-page .ukl-sec .ukl-hm-et h2.fusion-title-heading{ margin:0 !important; text-align:center !important; font-size:clamp(36px,5.6vw,78px) !important; font-weight:800 !important; letter-spacing:-.05em !important; line-height:1.02 !important; color:#fff !important; text-wrap:balance; }
.ukabi-light-page .ukl-hm-el p{ max-width:620px; margin-inline:auto !important; text-align:center; font-size:18px !important; line-height:1.6 !important; color:rgba(255,255,255,.9) !important; }
.ukabi-light-page .ukl-hm-ph p{ text-align:center; font:700 14px/1 var(--ukl-mono) !important; letter-spacing:.08em; color:rgba(255,255,255,.9) !important; }

@media (prefers-reduced-motion:reduce){ .ukhm-w{ opacity:1; transform:none; filter:none; transition:none; } .ukhm-mq-t,.ukhm-clk i.m,.ukabi-light-page .ukl-hm-cue p::before{ animation:none; } }

/* ---------- MÓVIL (hasta 760 px): portada directa, sin recorridos fijados ----------
   Áreas en carrusel deslizable (las piezas ukhm-mcar/ukhm-mdots las crea
   ukabi-light-hm.js), cierre sin animación de scroll y artículos en carrusel. */
@media (max-width:760px){
  .ukabi-light-page .ukl-hm-uni{ height:auto !important; padding:88px 0 64px !important; }
  .ukabi-light-page .ukl-hm-uni > .fusion-row{ position:relative !important; height:auto !important; overflow:visible !important; display:block !important; }
  .ukhm-uni-m .ukhm-stage,.ukhm-uni-m .ukhm-prog,.ukhm-uni-m .ukhm-hint{ display:none !important; }
  .ukabi-light-page .ukhm-uni-m .ukl-hm-panel,.ukabi-light-page .ukhm-uni-m .ukl-hm-panel.ukl-hm-pr{ position:relative !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; translate:none !important; opacity:1 !important; transform:none !important; pointer-events:auto !important; width:auto !important; transition:none !important; }
  .ukabi-light-page .ukhm-uni-m .ukl-hm-p0{ margin:0 16px !important; }
  .ukabi-light-page .ukhm-uni-m .ukl-hm-p0 > .fusion-column-wrapper{ padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; -webkit-backdrop-filter:none; backdrop-filter:none; }
  .ukabi-light-page .ukhm-uni-m .ukl-hm-p0 > .fusion-column-wrapper{ row-gap:20px !important; }
  .ukabi-light-page .ukhm-uni-m .ukl-hm-p0 .ukl-hm-pp p{ font-size:15px !important; line-height:1.65 !important; }
  .ukabi-light-page .ukhm-uni-m .ukl-hm-chips{ margin-top:6px !important; }
  .ukhm-mhead{ box-sizing:border-box; flex:0 0 auto; width:calc(100% - 48px); display:flex; justify-content:space-between; align-items:center; position:relative; margin:0 24px !important; padding-top:76px; border-top:0; font:700 10.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.55); }
  .ukhm-mhead span:last-child{ color:#FF7A89; }
  .ukhm-mhead::before{ content:""; position:absolute; left:0; right:0; top:52px; border-top:1px solid rgba(255,255,255,.12); }
  .ukhm-mcar{ box-sizing:border-box; flex:0 0 auto; width:100%; display:flex; gap:12px; margin-top:16px; padding:4px 16px 6px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:0 16px; scrollbar-width:none; overscroll-behavior-x:contain; }
  .ukhm-mcar::-webkit-scrollbar{ display:none; }
  .ukabi-light-page .ukhm-mcar > .ukl-hm-panel{ flex:0 0 86% !important; max-width:none !important; scroll-snap-align:start; }
  .ukabi-light-page .ukhm-mcar > .ukl-hm-panel > .fusion-column-wrapper{ height:100%; padding:26px 22px !important; row-gap:18px !important; }
  .ukhm-mdots{ flex:0 0 auto; width:100%; display:flex; justify-content:center; align-items:center; gap:6px; margin-top:16px; }
  .ukhm-mdots button{ width:7px; height:7px; padding:0; border:0; border-radius:4px; background:rgba(255,255,255,.28); cursor:pointer; transition:width .35s cubic-bezier(.3,1.3,.5,1),background .3s; }
  .ukhm-mdots button.on{ width:24px; background:#FF7A89; }
  .ukabi-light-page .ukl-hm-end{ height:auto !important; padding:0 !important; }
  .ukabi-light-page .ukl-hm-end > .fusion-row{ position:relative !important; height:auto !important; padding:96px 20px !important; }
  .ukabi-light-page .ukl-hm-end .ukhm-endbg{ clip-path:none !important; }
  .ukabi-light-page .ukl-hm-end .ukhm-dot{ display:none !important; }
  .ukabi-light-page .ukl-hm-ecol{ opacity:1 !important; transform:none !important; }
  .ukabi-light-page .ukl-hm-blcol .fusion-grid{ display:flex !important; flex-wrap:nowrap !important; gap:12px; margin:0 -16px !important; padding:4px 16px 8px !important; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:0 16px; scrollbar-width:none; }
  .ukabi-light-page .ukl-hm-blcol .fusion-grid::-webkit-scrollbar{ display:none; }
  .ukabi-light-page .ukl-hm-blcol .fusion-grid > li{ flex:0 0 84% !important; width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; scroll-snap-align:start; }
}