/* =====================================================================
   UKABI · Página Vexia Chat Pedidos (inmersiva)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-pe-*;
   piezas que inserta ukabi-light-pe.js: uku-*.
   Toda la página en oscuro; el vídeo es el fondo nativo del hero.
   ===================================================================== */
.ukabi-light-page:has(.ukl-pe-hero){ --uku-dk:#05091F; --uku-dk2:#0A1336; --uku-glass:rgba(15,25,72,.45); --uku-line:rgba(255,255,255,.12); }

/* ---------- Cabecera en blanco sobre fondo oscuro ---------- */
body.ukabi-light-page:has(.ukl-pe-hero){ background:#05091F !important; }
body.ukabi-light-page:has(.ukl-pe-hero) #main,
body.ukabi-light-page:has(.ukl-pe-hero) #wrapper,
body.ukabi-light-page:has(.ukl-pe-hero) .fusion-wrapper,
body.ukabi-light-page:has(.ukl-pe-hero) .fusion-tb-header,
body.ukabi-light-page:has(.ukl-pe-hero) .fusion-tb-header > .fusion-fullwidth{ background:#05091F !important; }
body.ukabi-light-page:has(.ukl-pe-hero) .fusion-tb-header .ukm-logo--blue{ display:none !important; }
body.ukabi-light-page:has(.ukl-pe-hero) .fusion-tb-header .ukm-logo--white{ display:inline-block !important; }
body.ukabi-light-page:has(.ukl-pe-hero) .fusion-tb-header .fusion-image-element:has(> .ukm-logo--blue){ display:none !important; }
body.ukabi-light-page:has(.ukl-pe-hero) .fusion-tb-header .fusion-image-element:has(> .ukm-logo--white){ display:block !important; }
body.ukabi-light-page:has(.ukl-pe-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,.82) !important; }
body.ukabi-light-page:has(.ukl-pe-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-pe-hero) .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li.current-menu-item > .awb-menu__main-a .menu-text,
body.ukabi-light-page:has(.ukl-pe-hero) .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li.current-page-ancestor > .awb-menu__main-a .menu-text{ color:#fff !important; }
body.ukabi-light-page:has(.ukl-pe-hero) .avada-main-menu .awb-menu__open-nav-submenu-hover::before,
body.ukabi-light-page:has(.ukl-pe-hero) .avada-main-menu .awb-menu__open-nav-submenu_click::before{ color:rgba(255,255,255,.6) !important; }
body.ukabi-light-page:has(.ukl-pe-hero) .avada-main-menu .awb-menu__m-toggle{ color:#fff !important; }
body.ukabi-light-page:has(.ukl-pe-hero) .fusion-tb-header .fusion-social-network-icon{ color:#fff !important; }
body.ukabi-light-page:has(.ukl-pe-hero) .avada-main-menu .ukm-cta > .awb-menu__main-a{ border-color:rgba(255,255,255,.6) !important; }
body.ukabi-light-page:has(.ukl-pe-hero) .avada-main-menu .ukm-cta > .awb-menu__main-a .menu-text{ color:#fff !important; }
body.ukabi-light-page:has(.ukl-pe-hero) .avada-main-menu .ukm-cta > .awb-menu__main-a:hover{ background:#fff !important; border-color:#fff !important; }
body.ukabi-light-page:has(.ukl-pe-hero) .avada-main-menu .ukm-cta > .awb-menu__main-a:hover .menu-text{ color:var(--ukl-ink) !important; }
body.ukabi-light-page:has(.ukl-pe-hero) .fusion-tb-header .fusion-sticky-container.fusion-container-stuck{ background:rgba(5,9,31,.82) !important; border-bottom:1px solid rgba(255,255,255,.08) !important; box-shadow:0 8px 30px -16px rgba(0,0,0,.6) !important; }

/* ---------- Base oscura ---------- */
.ukabi-light-page .ukl-pe-dk{ background-color:var(--uku-dk) !important; color:#fff; }
.ukabi-light-page .ukl-pe-dk .ukl-title .fusion-title-heading{ color:#fff !important; }
.ukabi-light-page .ukl-pe-dk .ukl-lead p,.ukabi-light-page .ukl-pe-dk .ukl-lead{ color:rgba(255,255,255,.75) !important; }
.ukabi-light-page .ukl-pe-dk .fusion-text p{ color:rgba(255,255,255,.78); }
.ukabi-light-page .ukl-pe-dk .ukl-pill p{ color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); }
.ukabi-light-page .ukl-pe-dk .ukl-pill p::before{ box-shadow:0 0 0 4px rgba(253,73,92,.25); }
.ukabi-light-page .ukl-pe-k{ margin:0 0 8px !important; font:700 10.5px/1.3 var(--ukl-mono) !important; letter-spacing:.12em; text-transform:uppercase; color:#FF9AA6 !important; }
.ukabi-light-page .ukl-pe-go{ margin:10px 0 0 !important; }
.ukabi-light-page .ukl-pe-go a{ font-weight:700; font-size:14px; color:#fff !important; text-decoration:none; }
.ukabi-light-page .ukl-pe-go a::after{ content:" →"; color:#FF9AA6 !important; }
.ukabi-light-page .fusion-button.ukl-pe-btn-glass{ background:rgba(255,255,255,.08) !important; color:#fff !important; border:1px solid rgba(255,255,255,.25) !important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.ukabi-light-page .fusion-button.ukl-pe-btn-glass:hover{ border-color:#fff !important; }
.ukabi-light-page .fusion-button.ukl-pe-btn-glass .fusion-button-text{ color:#fff !important; }
.ukabi-light-page .fusion-button.ukl-pe-mag{ transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .2s,background .2s !important; }


/* ---------- HERO con vídeo + WhatsApp ---------- */
.ukabi-light-page .ukl-pe-hero{ position:relative; overflow:hidden; min-height:calc(100vh - 120px); display:flex; align-items:center; padding-top:70px !important; padding-bottom:90px !important; }
.ukabi-light-page .ukl-pe-hero .fullwidth-video video{ filter:saturate(1.1) brightness(.55); }
.ukabi-light-page .ukl-pe-hero > .fusion-row{ position:relative; z-index:3; width:100%; align-items:center !important; }
.uku-shade{ position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(5,9,31,.94) 0%,rgba(5,9,31,.72) 45%,rgba(5,9,31,.35) 75%,rgba(5,9,31,.55)),linear-gradient(180deg,rgba(5,9,31,.5),transparent 30%,transparent 70%,#05091F); }
.uku-scan{ position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(100deg,transparent 40%,rgba(253,73,92,.14) 49%,rgba(255,255,255,.18) 50%,rgba(176,75,216,.12) 51%,transparent 60%) 0 0/250% 100% no-repeat; mix-blend-mode:screen; animation:ukuScan 7s cubic-bezier(.6,0,.4,1) infinite; }
@keyframes ukuScan{ 0%{ background-position:130% 0; } 60%,100%{ background-position:-60% 0; } }
.ukabi-light-page .ukl-pe-copy .fusion-column-wrapper{ row-gap:22px; }
.ukabi-light-page .ukl-pe-copy .ukl-pill{ flex:0 1 auto !important; }
.ukabi-light-page .ukl-pe-h1 h1.fusion-title-heading{ display:grid; gap:14px; margin:0 !important; color:#fff !important; font-size:inherit !important; line-height:1 !important; letter-spacing:0 !important; }
.ukabi-light-page .ukl-pe-h1n{ display:block; font-size:clamp(44px,5.6vw,86px); font-weight:800; letter-spacing:-.055em; line-height:.95; padding:0 .12em .08em 0; background:linear-gradient(100deg,#fff 15%,#FFC4CC 50%,var(--ukl-coral) 90%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ukabi-light-page .ukl-pe-h1s{ display:block; max-width:560px; font-size:clamp(20px,2vw,28px); font-weight:700; letter-spacing:-.03em; line-height:1.2; color:rgba(255,255,255,.9); }
.ukabi-light-page .ukl-pe-copy .ukl-lead p{ max-width:580px; font-size:17px !important; color:rgba(255,255,255,.78) !important; }
.ukabi-light-page .ukl-pe-note p{ font:700 11px/1.4 var(--ukl-mono) !important; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.55) !important; }
.ukabi-light-page .ukl-mock--pephone .fusion-column-wrapper{ justify-content:center; perspective:1400px; }
.uku-dev{ position:relative; flex:0 0 auto !important; width:auto !important; display:grid; justify-items:center; }
.uku-dev .ex{ position:absolute; top:-14px; right:0; z-index:3; font:700 9.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.55); background:#05091F; border:1px solid var(--uku-line); border-radius:999px; padding:5px 9px; }
.uku-phone{ width:320px; max-width:100%; height:600px; border-radius:44px; background:#0B1030; padding:12px; box-shadow:0 60px 120px -40px rgba(253,73,92,.4),0 0 0 1px rgba(255,255,255,.1); display:grid; grid-template-rows:auto 1fr auto; overflow:hidden; transform:rotateY(-12deg) rotateX(6deg); transition:transform .6s cubic-bezier(.2,.7,.2,1); will-change:transform; text-align:left; }
.uku-phone .wa-h{ display:flex; align-items:center; gap:10px; padding:14px 14px 12px; background:#0F1B3F; border-radius:32px 32px 0 0; }
.uku-phone .wa-h .bk{ font-size:22px; color:rgba(255,255,255,.6); }
.uku-phone .wa-h i{ width:36px; height:36px; border-radius:50%; display:grid; place-items:center; font-style:normal; font-weight:800; color:#fff; background:linear-gradient(135deg,var(--ukl-coral),#B04BD8); }
.uku-phone .wa-h b{ display:block; font-size:14px; color:#fff; } .uku-phone .wa-h span{ font-size:11.5px; color:#9FE3BE; }
.uku-phone .wa-b{ background:#0A1330 radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/16px 16px; padding:14px 12px; display:flex; flex-direction:column; justify-content:flex-end; gap:8px; overflow:hidden; }
.uku-phone .wa-i{ display:flex; justify-content:space-between; align-items:center; padding:12px 16px; background:#0F1B3F; border-radius:0 0 32px 32px; color:rgba(255,255,255,.5); font-size:13px; }
.uku-msg{ max-width:84%; padding:9px 12px; border-radius:14px; font-size:12.5px; line-height:1.45; color:#fff; animation:ukuMi .4s cubic-bezier(.2,.7,.2,1); }
@keyframes ukuMi{ from{ opacity:0; transform:translateY(10px) scale(.96); } }
.uku-msg.u{ align-self:flex-end; background:#1F6B5C; border-bottom-right-radius:4px; }
.uku-msg.v{ align-self:flex-start; background:#18224F; border-bottom-left-radius:4px; }
.uku-msg.v small{ display:block; font:700 9.5px/1 var(--ukl-mono); color:#FF9AA6; margin-bottom:4px; letter-spacing:.06em; }
.uku-msg.au{ display:flex; align-items:center; gap:8px; } .uku-msg.au em{ display:block; width:110px; height:18px; background:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 2px,transparent 2px 5px); }
.uku-msg.pm{ padding:5px; }
.uku-paper{ position:relative; width:176px; padding:12px 14px 14px; border-radius:10px; background:#FFFDF4 repeating-linear-gradient(180deg,transparent 0 21px,rgba(15,32,108,.12) 21px 22px); color:#1B2A6B; font:400 16px/22px "Segoe Print","Bradley Hand","Comic Sans MS",cursive; transform:rotate(-2deg); overflow:hidden; }
.uku-paper span{ display:block; white-space:nowrap; transition:background .3s,color .3s; }
.uku-paper span.hit{ background:rgba(253,73,92,.18); color:#C0182C; }
.uku-paper::after{ content:""; position:absolute; left:0; right:0; top:-20%; height:14%; background:linear-gradient(180deg,transparent,rgba(253,73,92,.55),transparent); opacity:0; }
.uku-paper.scan::after{ animation:ukuPs 1.6s linear forwards; }
@keyframes ukuPs{ 0%{ top:-15%; opacity:1; } 100%{ top:100%; opacity:1; } }
.uku-lines{ margin-top:6px; display:grid; gap:4px; }
.uku-lines div{ display:flex; justify-content:space-between; gap:10px; font:700 11px/1.3 var(--ukl-mono); padding:5px 7px; border-radius:7px; background:rgba(255,255,255,.06); animation:ukuMi .35s both; }
.uku-lines div i{ font-style:normal; color:#9FE3BE; } .uku-lines div.q i{ color:#F2A93B; }
.uku-typing{ align-self:flex-start; display:flex; gap:4px; padding:12px 14px; background:#18224F; border-radius:14px; }
.uku-typing i{ width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.7); animation:ukuTp 1s infinite; }
.uku-typing i:nth-child(2){ animation-delay:.15s; } .uku-typing i:nth-child(3){ animation-delay:.3s; }
@keyframes ukuTp{ 30%{ transform:translateY(-4px); opacity:1; } 0%,60%,100%{ opacity:.4; } }
.uku-chip{ position:absolute; left:-120px; bottom:70px; z-index:4; display:grid; gap:3px; padding:14px 16px; border-radius:18px; background:#fff; color:var(--ukl-ink); text-align:left; box-shadow:0 30px 60px -20px rgba(0,0,0,.7); opacity:0; transform:translate(40px,20px) scale(.9); transition:opacity .5s,transform .6s cubic-bezier(.3,1.5,.5,1); }
.uku-chip.on{ opacity:1; transform:none; }
.uku-chip small{ font:700 9.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-coral-d); }
.uku-chip b{ font-size:16px; color:var(--ukl-ink); } .uku-chip span{ font-size:12.5px; color:var(--ukl-muted); }
@media (max-width:1024px){
  .ukabi-light-page .ukl-pe-copy .fusion-column-wrapper{ justify-content:center; text-align:center; }
  .ukabi-light-page .ukl-pe-h1 h1.fusion-title-heading{ justify-items:center; text-align:center !important; }
  .ukabi-light-page .ukl-pe-copy .ukl-lead p{ margin-inline:auto !important; }
  .ukabi-light-page .ukl-mock--pephone{ margin-top:50px !important; }
  .uku-phone{ transform:none; height:560px; } .uku-chip{ left:-10px; }
  .uku-shade{ background:linear-gradient(180deg,rgba(5,9,31,.85),rgba(5,9,31,.7) 50%,#05091F); }
}

/* ---------- CINTA de cifras ---------- */
.ukabi-light-page .ukl-pe-tape{ overflow:hidden; padding-top:26px !important; padding-bottom:26px !important; background:linear-gradient(90deg,#0F206C,#3B2F8F 50%,#0F206C) !important; border-block:1px solid var(--uku-line); }
.ukabi-light-page .ukl-pe-stats.uku-js{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.ukabi-light-page .ukl-pe-stats{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.ukabi-light-page .ukl-pe-stats > .fusion-clearfix{ display:none !important; }
.uku-tape{ display:flex; gap:70px; width:max-content; will-change:transform; flex:0 0 auto !important; }
.uku-tape span{ display:flex; align-items:baseline; gap:14px; white-space:nowrap; font:700 13px/1 var(--ukl-mono); letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.72); }
.uku-tape b{ font:800 clamp(34px,4vw,56px)/1 var(--ukl-display); letter-spacing:-.04em; color:#fff; text-transform:none; }
.uku-tape span:nth-child(even) b{ color:#FF9AA6; }

/* ---------- CÓMO FUNCIONA: máquina mensaje → pedido ---------- */
.ukabi-light-page .ukl-pe-como > .fusion-row{ align-items:flex-start !important; }
.ukabi-light-page .ukl-mock--pemach{ align-self:flex-start !important; position:sticky !important; top:calc(50vh - 280px); }
.ukabi-light-page .ukl-mock--pemach .fusion-column-wrapper{ justify-content:center; padding-right:28px; }
.uku-mach{ position:relative; flex:0 0 100% !important; display:grid; gap:14px; text-align:left; }
.uku-mach .m-in{ border-radius:22px; background:#0B1030; border:1px solid var(--uku-line); padding:16px; display:grid; gap:10px; }
.uku-mach .m-lbl{ display:flex; align-items:center; gap:8px; font:700 10.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:#9FE3BE; }
.uku-mach .m-lbl i{ width:8px; height:8px; border-radius:50%; background:#12925B; box-shadow:0 0 0 4px rgba(18,146,91,.25); }
.uku-mach .m-msgs{ position:relative; height:118px; }
.uku-mach .mm{ position:absolute; right:0; top:0; max-width:92%; background:#1F6B5C; border-radius:14px 14px 4px 14px; padding:10px 13px; font-size:14px; line-height:1.45; color:#fff; opacity:0; transform:translateY(12px); transition:opacity .45s,transform .45s; }
.uku-mach .mm.on{ opacity:1; transform:none; }
.uku-mach .mm.a{ display:flex; align-items:center; gap:10px; } .uku-mach .mm.a em{ display:block; width:170px; max-width:40vw; height:22px; background:repeating-linear-gradient(90deg,rgba(255,255,255,.75) 0 2px,transparent 2px 5px); } .uku-mach .mm.a small{ font:700 11px/1 var(--ukl-mono); }
.uku-mach .mm.p{ padding:6px; }
.uku-mach .note{ width:220px; padding:8px 14px; border-radius:9px; background:#FFFDF4 repeating-linear-gradient(180deg,transparent 0 21px,rgba(15,32,108,.12) 21px 22px); color:#1B2A6B; font:400 15px/22px "Segoe Print","Bradley Hand","Comic Sans MS",cursive; transform:rotate(-1.5deg); }
.uku-mach .note span{ display:block; }
.uku-mach .m-ai{ position:relative; display:flex; align-items:center; gap:12px; padding:12px 16px; border-radius:999px; background:linear-gradient(90deg,rgba(253,73,92,.18),rgba(176,75,216,.18)); border:1px solid rgba(253,73,92,.35); overflow:hidden; transition:opacity .4s; }
.uku-mach .m-ai b{ font-size:14px; color:#fff; }
.uku-mach .m-core{ width:14px; height:14px; border-radius:50%; background:var(--ukl-coral); animation:ukuCore 1.6s infinite; }
@keyframes ukuCore{ 0%{ box-shadow:0 0 0 0 rgba(253,73,92,.6); } 70%{ box-shadow:0 0 0 14px rgba(253,73,92,0); } }
.uku-mach .m-ai::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent); transform:translateX(-100%); animation:ukuSw 2.2s infinite; }
@keyframes ukuSw{ to{ transform:translateX(100%); } }
.uku-mach .m-doc{ position:relative; overflow:hidden; border-radius:22px; background:#fff; color:var(--ukl-text); padding:18px 20px; box-shadow:0 60px 120px -50px rgba(253,73,92,.35); display:grid; gap:12px; }
.uku-mach .d-h{ display:flex; justify-content:space-between; align-items:center; } .uku-mach .d-h b{ color:var(--ukl-ink); font-size:15px; }
.uku-mach .d-h span{ font:700 10px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:#fff; background:var(--ukl-ink); border-radius:999px; padding:6px 10px; transition:background .4s; }
.uku-mach .d-c{ display:grid; grid-template-columns:auto 1fr; gap:4px 14px; font-size:13px; } .uku-mach .d-c span{ color:var(--ukl-muted); } .uku-mach .d-c b{ color:var(--ukl-ink); }
.uku-mach table{ width:100%; margin:0; border-collapse:collapse; font-size:13px; border:0; }
.uku-mach th{ text-align:left; font:700 10px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); padding:0 0 8px; border:0; border-bottom:1px solid var(--ukl-line); background:none !important; }
.uku-mach td{ padding:9px 0; border:0; border-bottom:1px solid var(--ukl-line); color:var(--ukl-ink); font-weight:600; background:none !important; }
.uku-mach td:nth-child(n+2),.uku-mach th:nth-child(n+2){ text-align:right; }
.uku-mach tbody tr{ opacity:.15; transition:opacity .45s; }
.uku-mach .ok{ font:700 12px/1 var(--ukl-mono); font-style:normal; color:var(--ukl-green); opacity:0; transition:opacity .4s; }
.uku-mach .d-del{ opacity:0; transition:opacity .4s; }
.uku-mach .d-st{ display:flex; justify-content:flex-end; min-height:30px; }
.uku-mach .stamp{ font:700 11px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-green); border:2px solid var(--ukl-green); border-radius:8px; padding:7px 10px; opacity:0; transform:scale(1.6) rotate(-8deg); transition:opacity .35s,transform .45s cubic-bezier(.3,1.6,.5,1); }
.uku-mach[data-s="0"] .m-ai{ opacity:.45; }
.uku-mach:not([data-s="0"]) tbody tr{ opacity:1; }
.uku-mach[data-s="1"] tbody tr:nth-child(2){ transition-delay:.15s; } .uku-mach[data-s="1"] tbody tr:nth-child(3){ transition-delay:.3s; }
.uku-mach[data-s="2"] .ok,.uku-mach[data-s="3"] .ok,.uku-mach[data-s="2"] .d-del,.uku-mach[data-s="3"] .d-del{ opacity:1; }
.uku-mach[data-s="3"] .stamp{ opacity:1; transform:rotate(-4deg); }
.uku-mach[data-s="3"] .d-h span{ background:var(--ukl-green); }
.ukabi-light-page .ukl-pe-steps{ display:grid !important; grid-template-columns:minmax(0,1fr); gap:22vh !important; padding-block:10vh 30vh; }
.ukabi-light-page .ukl-pe-steps > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-pe-steps .content-box-column{ margin:0 !important; padding:26px !important; border-radius:24px; background:var(--uku-glass) !important; border:1px solid var(--uku-line); opacity:.35; transition:opacity .5s,border-color .5s; }
.ukabi-light-page .ukl-pe-steps .content-box-column.uku-on{ opacity:1; border-color:rgba(253,73,92,.55); }
.ukabi-light-page .ukl-sec .ukl-pe-steps .content-box-heading{ color:#fff !important; font-size:25px !important; font-weight:800 !important; letter-spacing:-.03em !important; line-height:1.15 !important; margin-bottom:10px !important; }
.ukabi-light-page .ukl-sec .ukl-pe-steps .content-container{ color:rgba(255,255,255,.75) !important; font-size:16px !important; }
.ukabi-light-page .ukl-pe-steps .ukl-pe-k{ font-size:13px !important; letter-spacing:0; }
@media (max-width:1024px){
  .ukabi-light-page .ukl-mock--pemach{ position:relative !important; top:0; margin-bottom:30px !important; }
  .ukabi-light-page .ukl-mock--pemach .fusion-column-wrapper{ padding-right:0; }
  .ukabi-light-page .ukl-pe-steps{ gap:14px !important; padding-block:0; }
  .ukabi-light-page .ukl-pe-steps .content-box-column{ opacity:1; }
}

/* ---------- LO QUE PUEDE HACER TU CLIENTE ---------- */
.ukabi-light-page .ukl-pe-cli{ padding-top:40px !important; }
.ukabi-light-page .ukl-pe-asks{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px !important; }
.ukabi-light-page .ukl-pe-asks > .fusion-clearfix,.ukabi-light-page .ukl-pe-bento > .fusion-clearfix,.ukabi-light-page .ukl-pe-need > .fusion-clearfix,.ukabi-light-page .ukl-pe-sect > .fusion-clearfix,.ukabi-light-page .ukl-pe-also > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-pe-asks .content-box-column{ margin:0 !important; padding:22px 20px !important; border-radius:22px; background:var(--uku-dk2) !important; border:1px solid var(--uku-line); transition:border-color .3s,transform .3s; }
.ukabi-light-page .ukl-pe-asks .content-box-column:hover{ border-color:rgba(253,73,92,.6); transform:translateY(-4px); }
.ukabi-light-page .ukl-pe-asks .content-box-wrapper{ display:flex !important; flex-direction:column; }
.ukabi-light-page .ukl-pe-asks .content-container{ flex:1; display:flex; flex-direction:column; }
.ukabi-light-page .ukl-sec .ukl-pe-asks .content-box-heading{ color:#fff !important; font-size:17px !important; font-weight:800 !important; letter-spacing:-.02em !important; line-height:1.25 !important; margin-bottom:12px !important; }
.ukabi-light-page .ukl-pe-asks .ukl-pe-k{ font-size:10px !important; }
.ukabi-light-page .ukl-pe-q{ margin-top:auto !important; min-height:64px; background:#1F6B5C; border-radius:14px 14px 4px 14px; padding:10px 12px; font-size:13px; line-height:1.4; color:#fff !important; }
.ukabi-light-page .ukl-pe-q.uku-typing-now::after{ content:""; display:inline-block; width:2px; height:14px; background:#fff; margin-left:2px; vertical-align:middle; animation:ukuBl 1s steps(2) infinite; }
@keyframes ukuBl{ 50%{ opacity:0; } }
.ukabi-light-page .ukl-pe-blind{ margin-top:34px !important; }
.ukabi-light-page .ukl-pe-blind p{ text-align:center; font-size:clamp(20px,2.2vw,28px) !important; font-weight:700; letter-spacing:-.02em; line-height:1.3 !important; color:rgba(255,255,255,.8) !important; }
.ukabi-light-page .ukl-pe-blind strong{ color:#FF9AA6; }
@media (max-width:1100px){ .ukabi-light-page .ukl-pe-asks{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px){ .ukabi-light-page .ukl-pe-asks{ grid-template-columns:minmax(0,1fr); } }

/* ---------- LO QUE CAMBIA: bento ---------- */
.ukabi-light-page .ukl-pe-ben{ padding-top:40px !important; }
.ukabi-light-page .ukl-pe-bento{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px !important; }
.ukabi-light-page .ukl-pe-bento .content-box-column{ --mx:50%; --my:50%; position:relative; isolation:isolate; margin:0 !important; padding:26px !important; border-radius:24px; background:var(--uku-dk2) !important; }
.ukabi-light-page .ukl-pe-bento .content-box-column::before{ content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; padding:1px; background:radial-gradient(260px circle at var(--mx) var(--my),rgba(253,73,92,.9),rgba(176,75,216,.5) 40%,rgba(255,255,255,.1) 70%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
.ukabi-light-page .ukl-pe-bento .content-box-column:first-child{ grid-row:span 2; background:radial-gradient(500px 300px at 20% 0%,rgba(253,73,92,.22),transparent 70%),linear-gradient(160deg,#16215A,var(--uku-dk2)) !important; }
.ukabi-light-page .ukl-sec .ukl-pe-bento .content-box-heading{ color:#fff !important; font-size:20px !important; font-weight:800 !important; letter-spacing:-.025em !important; line-height:1.2 !important; margin-bottom:10px !important; }
.ukabi-light-page .ukl-sec .ukl-pe-bento .content-container{ color:rgba(255,255,255,.72) !important; font-size:15px !important; }
.ukabi-light-page .ukl-pe-bento .content-container p{ margin:0 0 12px !important; }
.ukabi-light-page .ukl-sec .ukl-pe-bento .content-box-column:first-child .content-box-heading{ font:700 11px/1.3 var(--ukl-mono) !important; letter-spacing:.12em !important; text-transform:uppercase; color:#FF9AA6 !important; }
.ukabi-light-page .ukl-pe-num{ display:flex; align-items:baseline; gap:12px; margin:10px 0 18px !important; font:800 clamp(80px,9vw,140px)/.9 var(--ukl-display); letter-spacing:-.06em; color:#fff !important; font-variant-numeric:tabular-nums; }
.ukabi-light-page .ukl-pe-num::after{ content:"pedidos diarios"; font:700 14px/1.2 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.7); }
.uku-morning{ display:grid; gap:8px; margin-top:22px; }
.uku-mt{ position:relative; height:46px; border-radius:12px; background:rgba(255,255,255,.06); overflow:hidden; }
.uku-mt i{ position:absolute; bottom:6px; width:3px; border-radius:2px; background:linear-gradient(180deg,#FF9AA6,#B04BD8); animation:ukuDrop .5s cubic-bezier(.3,1.4,.5,1) both; }
@keyframes ukuDrop{ from{ transform:translateY(-40px); opacity:0; } }
.uku-ml{ display:flex; justify-content:space-between; font:700 10px/1 var(--ukl-mono); color:rgba(255,255,255,.5); }
@media (max-width:1000px){ .ukabi-light-page .ukl-pe-bento{ grid-template-columns:1fr 1fr; } .ukabi-light-page .ukl-pe-bento .content-box-column:first-child{ grid-column:1/-1; grid-row:auto; } }
@media (max-width:600px){ .ukabi-light-page .ukl-pe-bento{ grid-template-columns:minmax(0,1fr); } }

/* ---------- PARA EMPEZAR ---------- */
.ukabi-light-page .ukl-pe-start{ padding-top:40px !important; }
.ukabi-light-page .ukl-pe-start > .fusion-row{ align-items:stretch !important; }
.ukabi-light-page .ukl-pe-panel{ align-self:stretch !important; margin-top:50px !important; }
.ukabi-light-page .ukl-pe-panel > .fusion-column-wrapper{ height:100%; align-content:flex-start; row-gap:18px; padding:30px !important; margin-inline:9px; border-radius:26px; background:var(--uku-glass) !important; border:1px solid var(--uku-line); }
.ukabi-light-page .ukl-sec .ukl-pe-bt h3.fusion-title-heading{ font-size:22px !important; font-weight:800 !important; letter-spacing:-.03em !important; color:#fff !important; }
.ukabi-light-page .ukl-pe-need{ grid-template-columns:minmax(0,1fr); gap:14px !important; }
.ukabi-light-page .ukl-pe-need .content-box-wrapper{ display:grid !important; grid-template-columns:40px 1fr; column-gap:14px; align-items:start; }
.ukabi-light-page .ukl-pe-need .content-box-wrapper > *{ grid-column:2; }
.ukabi-light-page .ukl-pe-need .content-box-wrapper > .ukl-pe-k{ grid-column:1; grid-row:1 / span 3; width:40px; height:40px; border-radius:12px; display:grid !important; place-items:center; margin:0 !important; font-size:12px !important; letter-spacing:0; color:#fff !important; background:linear-gradient(135deg,var(--ukl-coral),#B04BD8); }
.ukabi-light-page .ukl-sec .ukl-pe-need .content-box-heading{ color:#fff !important; font-size:15.5px !important; margin-bottom:2px !important; }
.ukabi-light-page .ukl-sec .ukl-pe-need .content-container{ color:rgba(255,255,255,.72) !important; font-size:15px !important; }
.ukabi-light-page .ukl-pe-sect{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px !important; }
.ukabi-light-page .ukl-pe-sect .content-box-column{ margin:0 !important; padding:18px !important; border-radius:18px; background:var(--uku-dk2) !important; border:1px solid var(--uku-line); transition:border-color .3s,transform .3s; }
.ukabi-light-page .ukl-pe-sect .content-box-column:hover{ border-color:rgba(253,73,92,.6); transform:translateY(-3px); }
.ukabi-light-page .ukl-sec .ukl-pe-sect .heading .icon{ background:rgba(253,73,92,.14) !important; color:#FF9AA6 !important; }
.ukabi-light-page .ukl-sec .ukl-pe-sect .content-box-heading{ color:#fff !important; font-size:15px !important; line-height:1.3 !important; margin:0 !important; }
.ukabi-light-page .ukl-pe-sect .content-container:empty{ display:none; }
@media (max-width:1024px){ .ukabi-light-page .ukl-pe-panel + .ukl-pe-panel{ margin-top:18px !important; } .ukabi-light-page .ukl-pe-panel > .fusion-column-wrapper{ margin-inline:0; } }
@media (max-width:460px){ .ukabi-light-page .ukl-pe-sect{ grid-template-columns:minmax(0,1fr); } .ukabi-light-page .ukl-pe-panel > .fusion-column-wrapper{ padding:22px !important; } }

/* ---------- CUÁNDO LO NOTAS: barrido de luz + relacionados ---------- */
.ukabi-light-page .ukl-pe-when-sec{ padding-top:40px !important; }
.ukabi-light-page .ukl-pe-when .fusion-column-wrapper{ justify-content:center; text-align:center; row-gap:16px; padding:60px 20px !important; border-radius:32px; background:radial-gradient(600px 300px at 50% 120%,rgba(253,73,92,.35),transparent 70%),linear-gradient(135deg,#0F206C,#26379E 60%,#3B2F8F); }
.ukabi-light-page .ukl-pe-wk p{ text-align:center; font:700 12px/1.4 var(--ukl-mono) !important; letter-spacing:.16em; text-transform:uppercase; color:#FF9AA6 !important; }
.ukabi-light-page .ukl-sec .ukl-pe-wt h2.fusion-title-heading{ text-align:center !important; font-size:clamp(40px,6vw,90px) !important; font-weight:800 !important; letter-spacing:-.05em !important; line-height:1 !important; color:#fff !important; }
.ukabi-light-page .ukl-pe-when.uku-js .ukl-pe-wt h2.fusion-title-heading{ background:linear-gradient(100deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.35) 40%,#fff 50%,rgba(255,255,255,.35) 60%) 0 0/250% 100%; -webkit-background-clip:text; background-clip:text; color:transparent !important; transition:background-position 1.8s cubic-bezier(.2,.7,.2,1); }
.ukabi-light-page .ukl-pe-when.uku-in .ukl-pe-wt h2.fusion-title-heading{ background-position:-100% 0; }
.ukabi-light-page .ukl-pe-when.uku-done .ukl-pe-wt h2.fusion-title-heading{ background:none; color:#fff !important; }
.ukabi-light-page .ukl-pe-when .ukl-lead p{ max-width:620px; margin-inline:auto !important; text-align:center; color:rgba(255,255,255,.8) !important; }
.ukabi-light-page .ukl-pe-alsocol{ margin-top:26px !important; }
.ukabi-light-page .ukl-pe-also{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px !important; }
.ukabi-light-page .ukl-pe-also .content-box-column{ position:relative; margin:0 !important; padding:20px 22px !important; border-radius:20px; background:var(--uku-dk2) !important; border:1px solid var(--uku-line); transition:border-color .3s,transform .3s; cursor:pointer; }
.ukabi-light-page .ukl-pe-also .content-box-column:hover{ border-color:rgba(253,73,92,.6); transform:translateY(-3px); }
.ukabi-light-page .ukl-pe-also .content-box-wrapper,.ukabi-light-page .ukl-pe-also .content-container{ position:static !important; }
.ukabi-light-page .ukl-sec .ukl-pe-also .content-box-heading{ color:#fff !important; font-size:18px !important; margin-bottom:4px !important; }
.ukabi-light-page .ukl-sec .ukl-pe-also .content-container{ color:rgba(255,255,255,.65) !important; font-size:14px !important; }
.ukabi-light-page .ukl-pe-also .ukl-pe-k{ font-size:10px !important; }
.ukabi-light-page .ukl-pe-go a::after{ color:#FF9AA6 !important; }
.ukabi-light-page .ukl-pe-also .ukl-pe-go a::before{ content:""; position:absolute; inset:0; z-index:4; border-radius:inherit; }
@media (max-width:900px){ .ukabi-light-page .ukl-pe-also,.ukabi-light-page .ukl-pe-stats{ grid-template-columns:minmax(0,1fr); } }

/* ---------- FAQ oscura ---------- */
.ukabi-light-page .ukl-pe-faq{ padding-top:40px !important; }
.ukabi-light-page .ukl-pe-faq .ukl-faq .fusion-panel{ background:var(--uku-dk2) !important; border-color:var(--uku-line) !important; }
.ukabi-light-page .ukl-pe-faq .ukl-faq .fusion-panel:has(.collapse.in){ border-color:rgba(253,73,92,.6) !important; }
.ukabi-light-page .ukl-pe-faq .ukl-faq .panel-title a,.ukabi-light-page .ukl-pe-faq .ukl-faq .panel-title a .fusion-toggle-heading{ color:#fff !important; }
.ukabi-light-page .ukl-pe-faq .ukl-faq .toggle-content,.ukabi-light-page .ukl-pe-faq .ukl-faq .toggle-content p{ color:rgba(255,255,255,.72) !important; }

/* ---------- FINAL con halo ---------- */
.ukabi-light-page .ukl-pe-final{ overflow:hidden; padding-top:130px !important; padding-bottom:130px !important; }
.ukabi-light-page .ukl-pe-final::before{ content:""; position:absolute; left:50%; top:60%; z-index:1; width:900px; max-width:140%; height:500px; translate:-50% -50%; border-radius:50%; background:radial-gradient(closest-side,rgba(253,73,92,.35),rgba(176,75,216,.2) 50%,transparent 75%); filter:blur(20px); pointer-events:none; animation:ukuPulse 6s ease-in-out infinite; }
@keyframes ukuPulse{ 50%{ transform:scale(1.12); opacity:.8; } }
.ukabi-light-page .ukl-pe-fcol .fusion-column-wrapper{ justify-content:center; text-align:center; row-gap:18px; }
.ukabi-light-page .ukl-pe-fk p{ text-align:center; font:700 12px/1.4 var(--ukl-mono) !important; letter-spacing:.16em; text-transform:uppercase; color:#FF9AA6 !important; }
.ukabi-light-page .ukl-sec .ukl-pe-ft h2.fusion-title-heading{ max-width:860px; margin-inline:auto !important; text-align:center !important; font-size:clamp(34px,5vw,64px) !important; letter-spacing:-.045em !important; line-height:1.05 !important; text-wrap:balance; }
.ukabi-light-page .ukl-pe-fcol .ukl-lead p{ max-width:620px; margin-inline:auto !important; text-align:center; }

@media (prefers-reduced-motion:reduce){ .ukabi-light-page .ukl-pe-final::before,.uku-typing i,.uku-scan,.uku-mach .m-core,.uku-mach .m-ai::after{ animation:none !important; } }