PageSourceSearch
Opt out API access

https://www.ecomdroptv.com/assets/HomeLumy-Bh56-9GS.js

js ecomdroptv.com collected 2026-10-02 01:28:09 UTC 71,314 bytes, 307 lines download raw bytes 

1import{j as e,A as Q,B as Y,F as U,W as _,M as K,O as Z,C as J}from"./index-D_T1XJ3U.js";import{r as x,d as ee}from"./vendor-react-Bxgxa9T6.js";import{G as ae,S as se,W as ne,a as oe,V as ie}from"./VideoDeLumy-D9877SGm.js";import{a as te,P as re}from"./PlanesSection-n8rukr3T.js";import{init as le,trackPageView as de}from"./metaPixel-D6fS7O3H.js";import{C as ce}from"./CieloLumy-Br0FDAhQ.js";import{N as pe,a as he}from"./NucleoLumy-C4o1wLT-.js";import{a as ue,u as w,b as me,L as xe}from"./Pricing-DHmyOZ1T.js";import"./empresa-cA-N06k5.js";import"./Banderas-D2N83YVf.js";import"./periodo-plan-NC4xkV1W.js";const ge="#FAFAF7",R="#FFFFFF",W="#E8E6DD",E="#0A0A0A",q="#525252",fe="#6B6B66",z="#0866FF",ye="#16A34A",B="0 1px 2px rgba(10,10,10,.04), 0 8px 24px -8px rgba(10,10,10,.08), inset 0 1px 0 rgba(255,255,255,.9)",be=`
2  .ar-velo{position:fixed;inset:0;z-index:1001;background:rgba(15,23,42,.5);display:flex;align-items:flex-end;justify-content:center;
3    animation:ar-aparece .2s ease both}
4  @media(min-width:760px){.ar-velo{align-items:center;padding:20px}}
5  .ar-hoja{position:relative;overflow:hidden;background:${ge};width:100%;max-width:460px;max-height:94vh;overflow-y:auto;border-radius:26px 26px 0 0;
6    padding:14px 20px calc(22px + env(safe-area-inset-bottom));font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:${E};
7    box-shadow:0 -18px 50px -18px rgba(15,23,42,.45);animation:ar-sube .34s cubic-bezier(.22,1,.36,1) both}
8  @media(min-width:760px){.ar-hoja{border-radius:26px;padding:18px 24px 24px;box-shadow:0 30px 80px -24px rgba(15,23,42,.5)}}
9  .ar-hoja::before{content:'';position:absolute;inset:-40% -20% auto -20%;height:260px;pointer-events:none;
10    background:radial-gradient(closest-side,rgba(8,102,255,.14),transparent),radial-gradient(closest-side at 80% 60%,rgba(22,163,74,.12),transparent)}
11  .ar-hoja>*{position:relative}
12  .ar-asa{width:40px;height:4px;border-radius:4px;background:#D6D3C8;margin:0 auto 12px}
13  @media(min-width:760px){.ar-asa{display:none}}
14  .ar-disp{font-family:Poppins,Inter,system-ui,sans-serif}
15  .ar-titulo{text-wrap:balance}
16  .ar-op{display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;background:${R};border:1px solid ${W};
17    border-radius:16px;padding:15px 14px 15px 15px;box-shadow:${B};font-family:inherit;color:${E};
18    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
19  .ar-op:hover{transform:translateY(-2px);border-color:${z}66;box-shadow:0 2px 4px rgba(10,10,10,.05),0 16px 32px -16px rgba(8,102,255,.28)}
20  .ar-op:focus-visible{outline:3px solid ${z};outline-offset:2px}
21  .ar-ic{flex:none;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}
22  .ar-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
23  .ar-tx b{font-size:16px;font-weight:700;letter-spacing:-0.01em;line-height:1.3}
24  .ar-tx span{font-size:13.5px;line-height:1.45;color:${q}}
25  .ar-flecha{flex:none;color:#A8A69C}
26  @keyframes ar-aparece{from{opacity:0}to{opacity:1}}
27  @keyframes ar-sube{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}
28  @media (prefers-reduced-motion: reduce){.ar-velo,.ar-hoja{animation:none}}
29`,P=()=>e.jsx("svg",{className:"ar-flecha",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"m9 6 6 6-6 6"})});function je({abierto:a,onCerrar:s,onCrearCuenta:n,onWhatsApp:o}){var c;const t=x.useRef(null),r=x.useRef(s);if(r.current=s,x.useEffect(()=>{var p;if(!a)return;const h=k=>{k.key==="Escape"&&r.current()};return window.addEventListener("keydown",h),(p=t.current)==null||p.focus(),()=>window.removeEventListener("keydown",h)},[a]),!a)return null;const l=(c=te.find(h=>h.id==="starter"))==null?void 0:c.price;return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:be}),e.jsx("div",{className:"ar-velo",onClick:s,children:e.jsxs("div",{className:"ar-hoja",role:"dialog","aria-modal":"true","aria-labelledby":"ar-titulo",onClick:h=>h.stopPropagation(),children:[e.jsx("div",{className:"ar-asa","aria-hidden":"true"}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,marginBottom:14},children:[e.jsx("img",{src:"/logos/iconoF.png",alt:"",width:30,height:30,style:{borderRadius:9,background:"#fff",padding:3,boxShadow:B}}),e.jsx("span",{className:"ar-disp",style:{fontWeight:700,fontSize:16,letterSpacing:"-0.01em"},children:"Lumy"}),e.jsx("span",{style:{flex:1}}),e.jsx("button",{type:"button","aria-label":"Cerrar",onClick:s,style:{width:34,he

29ight:34,borderRadius:"50%",border:`1px solid ${W}`,background:R,cursor:"pointer",color:q,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.4",strokeLinecap:"round",children:e.jsx("path",{d:"M18 6 6 18M6 6l12 12"})})})]}),e.jsx("h2",{id:"ar-titulo",className:"ar-disp ar-titulo",style:{margin:"0 0 4px",fontSize:22,fontWeight:800,letterSpacing:"-0.02em",lineHeight:1.2},children:"Estás a punto de registrarte en Lumy"}),e.jsx("p",{style:{margin:"0 0 16px",fontSize:14,color:q},children:"¿Cómo quieres empezar?"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:10},children:[e.jsxs("button",{ref:t,type:"button",className:"ar-op",onClick:n,children:[e.jsx("span",{className:"ar-ic",style:{background:`linear-gradient(140deg,${z},#2b86ff)`,boxShadow:`0 8px 18px -8px ${z}aa`},children:e.jsxs("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"}),e.jsx("circle",{cx:"9",cy:"7",r:"4"}),e.jsx("path",{d:"M19 8v6M22 11h-6"})]})}),e.jsxs("span",{className:"ar-tx",children:[e.jsx("b",{className:"ar-disp",children:"Crear mi cuenta ahora"}),e.jsx("span",{children:"Y ves un demo de cómo funciona Lumy por dentro."})]}),e.jsx(P,{})]}),e.jsxs("button",{type:"button",className:"ar-op",onClick:o,children:[e.jsx("span",{className:"ar-ic",style:{background:"linear-gradient(140deg,#2BD96B,#1DA851)",boxShadow:`0 8px 18px -8px ${ye}aa`},children:e.jsx(ae,{size:26})}),e.jsxs("span",{className:"ar-tx",children:[e.jsx("b",{className:"ar-disp",children:"Pedir asesoría por WhatsApp"}),e.jsx("span",{children:"Te ayudamos a elegir tu plan antes de registrarte."})]}),e.jsx(P,{})]})]}),l?e.jsxs("p",{style:{margin:"14px 0 0",textAlign:"center",fontSize:12.5,fontWeight:600,color:fe},children:["Planes desde ",l," USD al mes · sin permanencia"]}):null]})})]})}const C="#FAFAF7",j="#FFFFFF",m="#E8E6DD",f="#0A0A0A",y="#525252",N="#6B6B66",i="#0866FF",u="#16A34A",O="#B45309",ve="#0F172A",$="0 1px 2px rgba(10,10,10,.04), 0 8px 24px -8px rgba(10,10,10,.08), inset 0 1px 0 rgba(255,255,255,.9)";function g({size:a=18,children:s}){return e.jsx("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:s})}const V=({size:a=18})=>e.jsx(g,{size:a,children:e.jsx("path",{d:"m20 6-11 11-5-5"})}),we=({size:a=18})=>e.jsxs(g,{size:a,children:[e.jsx("circle",{cx:"9",cy:"20",r:"1.3"}),e.jsx("circle",{cx:"18",cy:"20",r:"1.3"}),e.jsx("path",{d:"M2.5 3.5h2.8l2.3 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1l1.6-6.3H6.3"})]}),ke=({size:a=18})=>e.jsxs(g,{size:a,children:[e.jsx("path",{d:"M3.5 13.5 6 5.2A1.5 1.5 0 0 1 7.4 4h9.2A1.5 1.5 0 0 1 18 5.2l2.5 8.3V19a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 19v-5.5Z"}),e.jsx("path",{d:"M3.5 13.5h4.8l1.4 2.5h4.6l1.4-2.5h4.8"})]}),M=({size:a=18})=>e.jsxs(g,{size:a,children:[e.jsx("path",{d:"M2.5 6.5h11v9.5h-11zM13.5 10h4l3 3.2V16h-7"}),e.jsx("circle",{cx:"6.5",cy:"17.5",r:"1.8"}),e.jsx("circle",{cx:"17",cy:"17.5",r:"1.8"})]}),H=({size:a=18})=>e.jsxs(g,{size:a,children:[e.jsx("circle",{cx:"12",cy:"12",r:"8.5"}),e.jsx("path",{d:"M12 7.2v9.6M14.6 9.4c-.5-.8-1.5-1.3-2.6-1.3-1.5 0-2.7.9-2.7 2s1.2 1.8 2.7 1.9c1.5.1 2.7.8 2.7 1.9s-1.2 2-2.7 2c-1.1 0-2.1-.5-2.6-1.3"})]}),Ne=({size:a=18})=>e.jsx(g,{size:a,children:e.jsx("path",{d:"M4 20V10M10 20V4M16 20v-7M22 20H2"})}),Ae=({size:a=18})=>e.jsx(g,{size:a,children:e.jsx("path",{d:"M5 4.5v15l13-7.5-13-7.5Z"})}),Ce=({size:a=18})=>e.jsx(g,{size:a,children:e.jsx("path",{d:"m6 9 6 6 6-6"})}),$e=({size:a=18})=>e.jsxs(g,{size:a,children:[e.jsx("path",{d:"M3 17.5 9 11.5l4 4 8-8"}),e.jsx("path",{d:"M15 7.5h6v6"})]}),G=({size:a=18})=>e.jsxs(g,{size:a,children:[e.jsx("path",{d:"M2.5 9 12 4.5 21.5 9 12 13.5 2.5 9Z"}),e.jsx("path",{d:"M6.5 11v5c0 1.4 2.5 2.8 5.5 2.8s5.5-1.4 5.5-2.8v-5M21.5 9v5.5"})]}),ze=({size:a=18})=>e.jsxs(g,{size:a,children:[e.jsx("circle",{cx:"9",cy:"8",r:"3.2"}),e.jsx("path",{d:"M3 19.5c.6-3.3 3-5.2 6-5.2s5.4 1.9 6 5.2"}),e.jsx("circle",{cx:"17",cy:"9",r:"2.6"}),e.jsx("path",{d:"M16.5 14.3c2.4.2 4.1 1.8 4.5 4.4"})]}),Se=({size:a=18})=>e.jsxs(g,{size:a,children:[e.jsx("rect",{x:"3.5",y:"4",width:"17",height:"16",rx:"2.5"}),e.jsx("path",{d:"M3.5 8.5h17M7 12.5h6M7 15.5h9"})]}),Le=({size:a=18})=>e.jsxs(g,{size:a,children:[e.jsx("rect",{x:"3.5",y:"3.5",width:"17",height:"4.5",rx:"1.6"}),e.jsx("rect",{x:"3.5",y:"10",width:"17",height:"4.5",rx:"1.6"}),e.jsx("rect",{x:"3.5",y:"16.5",width:"9",height:"4",rx:"1.6"})]}),Te=({size:a=18})=>e.jsxs(g,{size:a,children:[e.jsx("path",{d:"M12 3.5l1.9 5.1 5.1 1.9-5.1 1.9L12 17.5l-1.9-5.1L5 10.5l5.1-1.9Z"}),e.jsx("path",{d:"M18.5 16v4M16.5 18h4"})]}),qe=({size:a=18})=>e.jsxs(g,{size:a,children:[e.jsx("path",{d:"M4.5 13.5V12a7.5 7.5 0 0 1 15 0v1.5"}),e.jsx("rect",{x:"3.5",y:"13",width:"4",height:"6",rx:"1.5"}),e.jsx("rect",{x:"16.5",y:"13",width:"4",height:"6",rx:"1.5"}),e.jsx("path",{d:"M18.5 19c0 1.4-1.8 2.2-4.5 2.2"})]});function I({src:a,bg:s,alt:n,size:o=26}){return e.jsx("span",{style:{width:o,height:o,borderRadius:"50%",background:s,display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",flexShrink:0},children:e.jsx("img",{src:a,alt:n,width:o,height:o,loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover"}})})}const d={lumy:(a=22)=>e.jsx("img",{src:"/logos/iconoF.png",alt:"Lumy",width:a,height:a,style:{width:a,height:a,objectFit:"contain"}}),meta:(a=20)=>e.jsx(K,{size:a}),tiktok:(a=18)=>e.jsx(xe,{size:a}),whatsapp:(a=20)=>e.jsx(_,{size:a}),dropi:(a=20)=>

29e.jsx(I,{src:"/logos/adropi.png",bg:"#FF6A00",alt:"Dropi",size:a}),mastershop:(a=20)=>e.jsx(I,{src:"/logos/amastershop.jpg",bg:"#111",alt:"Mastershop",size:a}),envios99:(a=20)=>e.jsx("img",{src:"/logos/a99envios.png",alt:"99 Envíos",width:a,height:a,loading:"lazy",style:{width:a,height:a,borderRadius:5}})},S={background:"#fff",border:`1px solid ${m}`,boxShadow:$};function Me(){return e.jsx("style",{children:`
30      .hl-root{position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:${f};
31        -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:${C};overflow-x:hidden;min-height:100vh}
32      .hl-root *{box-sizing:border-box}
33      .hl-capa{position:relative;z-index:1}
34      .hl-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
35      .hl-sec{padding:clamp(40px,5.5vw,76px) 0;position:relative}
36      .hl-sec-suave{background:rgba(244,244,240,.62)}
37      .hl-display{font-family:Poppins,Inter,-apple-system,system-ui,sans-serif}
38      .hl-h1{font-family:Poppins,Inter,system-ui,sans-serif;font-size:clamp(34px,6.4vw,62px);font-weight:800;letter-spacing:-0.03em;line-height:1.04;margin:0;text-wrap:balance}
39      .hl-h2{font-family:Poppins,Inter,system-ui,sans-serif;font-size:clamp(27px,4.6vw,42px);font-weight:800;letter-spacing:-0.024em;line-height:1.1;margin:0;text-wrap:balance}
40      .hl-lead{font-size:clamp(15.5px,2.3vw,19px);color:${y};line-height:1.55;margin:0}
41      .hl-eyebrow{font-family:Poppins,Inter,system-ui,sans-serif;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:${i};margin:0 0 10px}
42
43      @keyframes hl-grad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
44      .hl-grad{background:linear-gradient(110deg,${i} 0%,${u} 50%,${i} 100%);background-size:220% auto;
45        -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
46        animation:hl-grad 7s ease infinite;filter:drop-shadow(0 0 22px rgba(8,102,255,.18));padding-bottom:.14em;margin-bottom:-.14em}
47
48      /* Botones */
49      @keyframes hl-shine{0%{left:-120%}24%{left:130%}100%{left:130%}}
50      .hl-btn{position:relative;overflow:hidden;border:none;cursor:pointer;font-family:inherit;font-weight:800;border-radius:13px;
51        letter-spacing:-0.01em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;
52        transition:transform .18s ease,filter .18s ease,border-color .18s ease}
53      .hl-btn-pri{color:#fff;background:linear-gradient(110deg,${i},#2b86ff 45%,${i});background-size:220% 100%;
54        animation:hl-grad 7s ease infinite;box-shadow:0 10px 26px -10px ${i}aa}
55      .hl-btn-pri::before{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;transform:skewX(-18deg);pointer-events:none;
56        background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:hl-shine 4.2s ease-in-out infinite}
57      .hl-btn-pri:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.06)}
58      .hl-btn-sec{background:${j};color:${f};border:1px solid ${m};font-weight:700}
59      .hl-btn-sec:hover{border-color:${i};transform:translateY(-1px)}
60      .hl-btn:focus-visible{outline:3px solid ${f};outline-offset:2px}
61
62      /* Nav */
63      .hl-nav{position:sticky;top:0;z-index:50;border-bottom:1px solid ${m};background:${C}}
64      .hl-menu{display:flex;gap:2px;margin-left:18px}
65      .hl-menu a{font-size:14px;font-weight:600;color:${y};text-decoration:none;padding:8px 12px;border-radius:9px;transition:background .18s,color .18s}
66      .hl-menu a:hover{background:rgba(10,10,10,.05);color:${f}}
67      @media(max-width:900px){.hl-menu{display:none}}
68      @media(max-width:520px){.hl-nav .hl-btn{padding:9px 12px !important;font-size:13px !important}}
69      /* Menú de celular: las secciones y "Entrar" viven en la hamburguesa (en la barra no caben los tres) */
70      .hl-hamb{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;flex:none;
71        border:1px solid ${m};background:${j};cursor:pointer;padding:0;color:${f}}

72      .hl-menu-movil{position:absolute;top:100%;left:0;right:0;background:${C};border-bottom:1px solid ${m};
73        box-shadow:0 18px 40px -20px rgba(10,10,10,.35);padding:6px 20px 18px;display:grid;gap:2px;animation:hl-entra .3s cubic-bezier(.22,1,.36,1) both}
74      .hl-menu-movil a{display:block;padding:14px 4px;border-bottom:1px solid ${m};color:${f};font-size:16px;font-weight:600;text-decoration:none}
75      @media(max-width:900px){.hl-hamb{display:inline-flex}}
76      @media(max-width:520px){.hl-nav-entrar{display:none !important}}
77
78      /* Aurora del hero (la misma deriva lenta de lumy.casa) */
79      .hl-aurora{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
80      .hl-aurora b{position:absolute;width:54vw;height:54vw;max-width:620px;max-height:620px;border-radius:50%;filter:blur(72px);opacity:.8;
81        will-change:transform;transform:translate3d(0,0,0)}
82      @media(max-width:600px){.hl-aurora b{filter:blur(50px);opacity:.75}}
83      .hl-aurora .a1{top:-18%;left:-12%;background:radial-gradient(circle,rgba(8,102,255,.5),rgba(8,102,255,0) 66%);animation:hl-aur-a 30s ease-in-out infinite}
84      .hl-aurora .a2{top:-4%;right:-16%;background:radial-gradient(circle,rgba(22,163,74,.42),rgba(22,163,74,0) 66%);animation:hl-aur-b 38s ease-in-out infinite}
85      .hl-aurora .a3{bottom:-30%;left:28%;width:46vw;height:46vw;background:radial-gradient(circle,rgba(34,211,238,.4),rgba(34,211,238,0) 68%);animation:hl-aur-c 44s ease-in-out infinite}
86      @keyframes hl-aur-a{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(8vw,6vh,0) scale(1.15)}}
87      @keyframes hl-aur-b{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-7vw,5vh,0) scale(1.2)}}
88      @keyframes hl-aur-c{0%,100%{transform:translate3d(0,0,0) scale(1.05)}50%{transform:translate3d(5vw,-6vh,0) scale(.9)}}
89
90      /* Portada: texto a la izquierda y el núcleo de Lumy a la derecha. En celular va primero el
91         texto (con el botón en la primera pantalla) y debajo el núcleo, sin huecos. */
92      .hl-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,4vw,40px);align-items:center}
93      .hl-hero-txt{text-align:center}
94      .hl-hero-txt .hl-lead{margin-left:auto;margin-right:auto}
95      .hl-hero-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}
96      .hl-hero-h1{font-size:clamp(34px,5vw,64px)}
97      /* Entrada del título: palabra por palabra, solo desvanecido y subida corta (sin desenfoque ni escala, 9-sep) */
98      @keyframes hl-palabra{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
99      .hl-palabra{display:inline-block;margin-right:.26em;animation:hl-palabra .7s cubic-bezier(.22,1,.36,1) both}
100      /* Prueba social bajo los botones */
101      .hl-prueba{display:flex;align-items:center;gap:9px;justify-content:center;margin:20px 0 0;font-size:13.5px;color:${y}}
102      .hl-prueba .yt{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:6px;background:#FF0000;color:#fff;flex:none;
103        box-shadow:0 6px 14px -6px rgba(239,68,68,.7)}
104      .hl-prueba b{color:${f};font-weight:800}
105      /* PARA QUIÉN ES (Andrés 2026-09-29): «algo alusivo a los nuevos o los que ya saben de dropshipping, de montar
106         campañas… TikTok Ads, Meta Ads, con sus logos, acompañamiento, en un estilo único». Un aro con el degradado del
107         titular que se mueve despacio; sin neón ni vidrio. */
108      .hl-para-caja{margin:0 0 20px}
109      .hl-para-sobre{margin:0 0 9px;font-size:11.5px}
110      .hl-para{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:6px 18px 6px 6px;border-radius:999px;
111        border:1.5px solid transparent;text-align:left;
112        background:linear-gradient(${j},${j}) padding-box,linear-gradient(110deg,${i},#22B8CF,${u},#22B8CF,${i}) border-box;
113        background-size:100% 100%,300% 100%;animation:hl-aro 9s linear infinite;box-shadow:0 12px 30px -16px rgba(8,102,255,.45)}
114      .hl-para .lgs{display:flex;flex:none}
115      .hl-para .lg{width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;
116        border:1px solid ${m};box-shadow:0 3px 10px -4px rgba(15,23,42,.25)}
117      .hl-para .lg + .lg{margin-left:-9px}
118      .hl-para b{font-size:14.5px;font-weight:700;color:${f};letter-spacing:-0.01em;white-space:nowrap}
119      .hl-para-nota{margin:9px 0 0;font-size:13px;color:${y};text-wrap:balance}
120      .hl-para-nota b{color:${f};font-weight:600}
121      /* «DESDE CERO Y CON ACOMPAÑAMIENTO» (Andrés 2026-09-29: «ponle una animación, eso que se note»): el degradado de
122         la marca corriendo por la frase y un subrayado que se dibuja de izquierda a derecha, se queda, se borra y vuelve
123         a empezar («que sea continua, que se repita por si la primera vez no la ve»). Sin movimiento
124         (prefers-reduced-motion), la frase queda con su degradado y el subrayado entero y quieto. */
125      .hl-resalta{position:relative;display:inline-block;white-space:nowrap;font-weight:700;
126        background:linear-gradient(110deg,${i} 0%,${u} 45%,${i} 90%);background-size:220% auto;
127        -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
128        animation:hl-grad 4.5s ease infinite}
129      .hl-resalta::after{content:'';position:absolute;

129left:0;right:0;bottom:-3px;height:2.5px;border-radius:3px;
130        background:linear-gradient(90deg,${i},${u});clip-path:inset(0 100% 0 0);
131        animation:hl-subraya 3.2s cubic-bezier(.65,0,.35,1) .8s infinite}
132      @keyframes hl-subraya{0%{clip-path:inset(0 100% 0 0)}30%{clip-path:inset(0 0 0 0)}75%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}
133      @keyframes hl-aro{from{background-position:0 0,0% 50%}to{background-position:0 0,300% 50%}}
134      /* Celular (Andrés 2026-09-29, con captura: «optimizar de ahí para arriba»): lo corto se ve en celular y lo
135         largo en computador. La pastilla: logos y título en una fila, la frase debajo, con letra normal. */
136      .hl-hero-movil{display:none}
137      @media(max-width:640px){
138        .hl-hero-pc{display:none !important}
139        .hl-hero-movil{display:inline}
140        .hl-hero-txt .hl-lead{font-size:17px}
141        .hl-para-nota{font-size:12.5px}
142        .hl-para{border-radius:22px;padding:7px 16px 7px 7px}
143        .hl-para b{white-space:normal;text-wrap:balance;font-size:14px;line-height:1.3}
144      }
145      @media(min-width:980px){
146        .hl-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
147        .hl-hero-txt{text-align:left}
148        .hl-hero-txt .hl-lead{margin-left:0}
149        .hl-hero-txt .hl-ctas,.hl-hero-chips,.hl-prueba{justify-content:flex-start}
150      }
151
152      .hl-chip{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px;padding:6px 12px;border-radius:999px;white-space:nowrap}
153      @media(max-width:600px){.hl-chip{font-size:11px;padding:5px 10px}}
154      .hl-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
155      /* Celular: botones a lo ancho y del mismo tamaño (apilados y de anchos distintos se veían sueltos) */
156      @media(max-width:600px){
157        .hl-ctas{flex-direction:column;align-items:stretch;max-width:380px;margin-left:auto;margin-right:auto}
158        .hl-ctas .hl-btn{width:100%}
159      }
160
161      /* Tarjeta en vivo */
162      .hl-card{background:${j};border:1px solid ${m};border-radius:20px;box-shadow:${$}}
163      /* LO QUE MÁS NOS PREGUNTAN (Andrés 2026-09-29): arriba de todo, con íconos, una idea por tarjeta. */
164      .hl-incluye{display:grid;grid-template-columns:1fr;gap:12px;max-width:1040px;margin:0 auto}
165      @media(min-width:640px){.hl-incluye{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
166      @media(min-width:980px){.hl-incluye{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
167      .hl-inc{display:flex;gap:14px;align-items:flex-start;padding:16px 18px}
168      .hl-inc .hl-ic{width:46px;height:46px;border-radius:14px}
169      .hl-inc h3{margin:1px 0 3px;font-size:16.5px;font-weight:700;letter-spacing:-0.01em;color:${f}}
170      .hl-inc p{margin:0;font-size:14.5px;line-height:1.45;color:${y}}
171      .hl-lift{transition:transform .22s ease,box-shadow .22s ease}
172      .hl-lift:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(10,10,10,.05),0 22px 44px -16px rgba(8,102,255,.22)}
173      .hl-vivo{display:grid;gap:26px;align-items:center;grid-template-columns:minmax(0,1fr)}
174      @media(min-width:900px){.hl-vivo{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px}}
175      @keyframes hl-entra{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}}

176      .hl-evento{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid transparent}
177      .hl-evento.nuevo{animation:hl-entra .55s cubic-bezier(.22,1,.36,1) both;background:rgba(8,102,255,.05);border-color:rgba(8,102,255,.14)}
178      .hl-evento-ic{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:none;color:#fff}
179      @keyframes hl-punto{0%{box-shadow:0 0 0 0 rgba(22,163,74,.6)}100%{box-shadow:0 0 0 8px rgba(22,163,74,0)}}
180      .hl-punto{width:8px;height:8px;border-radius:50%;background:${u};animation:hl-punto 1.6s ease-out infinite;display:inline-block}
181
182      /* Qué hace Lumy */
183      .hl-pilares{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
184      @media(min-width:760px){.hl-pilares{grid-template-columns:repeat(2,minmax(0,1fr))}}
185      .hl-ic{width:44px;height:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:none}
186      .hl-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:${f};background:rgba(10,10,10,.04);
187        border:1px solid ${m};padding:5px 10px;border-radius:999px}
188
189      /* Así viaja un pedido: el punto recorre la línea y cada paso se enciende cuando llega */
190      .hl-ruta{position:relative;display:grid;gap:22px;grid-template-columns:minmax(0,1fr);max-width:1000px;margin:0 auto}
191      /* CALIBRADO (Andrés 11-sep: «me gustaba, solo estaba un poquito descalibrada»). El punto pasa
192         por el centro REAL de cada ícono: ComoViaja los mide y los deja en --y0..--y4 (celular) y
193         --x0..--x4 (computador). Va a velocidad constante, 1,5 s por tramo (20% del ciclo de 7,5 s),
194         que es justo cuando cada paso se enciende. Antes usaba una curva que aceleraba y frenaba, y en
195         celular recorría la línea completa a ritmo parejo aunque los pasos miden distinto. */
196      .hl-ruta::before{content:'';position:absolute;left:25px;top:var(--y0,26px);height:calc(var(--y4,100%) - var(--y0,26px));width:2px;border-radius:2px;
197        background:linear-gradient(${i}40,${u}40)}
198      /* z-index 0: el punto pasa POR DETRÁS de los íconos (z-index 1). Calibrado, llega justo al centro,
199         y por encima tapaba el logo del paso que se enciende. */
200      .hl-ruta-punto{position:absolute;left:20px;top:var(--y0,26px);width:12px;height:12px;margin-top:-6px;border-radius:50%;z-index:0;background:${i};
201        box-shadow:0 0 0 5px rgba(8,102,255,.16),0 0 18px ${i};animation:hl-viaje-v 7.5s linear infinite}
202      @keyframes hl-viaje-v{
203        0%{top:var(--y0,22px);opacity:1;background:${i}}
204        20%{top:var(--y1,22px)}
205        40%{top:var(--y2,22px)}
206        60%{top:var(--y3,22px)}
207        80%{top:var(--y4,22px);opacity:1;background:${u}}
208        100%{top:var(--y4,22px);opacity:0;background:${u}}}
209      @keyframes hl-viaje-h{
210        0%{left:var(--x0,10%);opacity:1;background:${i}}
211        20%{left:var(--x1,30%)}
212        40%{left:var(--x2,50%)}
213        60%{left:var(--x3,70%)}
214        80%{left:var(--x4,90%);opacity:1;background:${u}}
215        100%{left:var(--x4,90%);opacity:0;background:${u}}}
216      .hl-paso{position:relative;display:flex;gap:16px;align-items:flex-start}
217      .hl-paso-logos{display:flex;align-items:center;gap:6px;margin-top:8px}
218      @media(min-width:860px){.hl-paso-logos{justify-content:center}}
219      /* Número del paso y título que se pinta de azul mientras el paso está encendido */
220      .hl-paso-n{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:${i};color:#fff;
221        font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px ${C}}
222      .hl-paso-t{animation:hl-paso-t 7.5s ease infinite}
223      @keyframes hl-paso-t{0%,12%{color:${i}}19%,100%{color:${f}}}
224      /* Todo quieto hasta que la sección entra en pantalla: ahí ComoViaja pone .on y arranca desde el paso 1 */
225      .hl-ruta:not(.on) .hl-ruta-punto,.hl-ruta:not(.on) .hl-paso-ic,.hl-ruta:not(.on) .hl-paso-t{animation:none !important}
226      .hl-ruta:not(.on) .hl-ruta-punto{opacity:0}

226
227      .hl-paso-ic{width:52px;height:52px;border-radius:16px;flex:none;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;
228        background:${j};border:1px solid ${m};color:${y};box-shadow:${$};animation:hl-enciende 7.5s ease infinite}
229      @keyframes hl-enciende{
230        0%{background:${j};color:${i};border-color:${i};transform:scale(1.12);box-shadow:0 0 0 4px rgba(8,102,255,.16),0 10px 24px -8px ${i}}
231        12%{background:${j};color:${i};border-color:${i};transform:scale(1);box-shadow:0 0 0 4px rgba(8,102,255,.16),0 10px 24px -8px ${i}}
232        19%,100%{background:${j};color:${y};border-color:${m};transform:scale(1);box-shadow:${$}}}
233      @media(min-width:860px){
234        .hl-ruta{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
235        .hl-ruta::before{left:10%;right:10%;top:25px;height:2px;width:auto;background:linear-gradient(90deg,${i}40,${u}40)}
236        .hl-ruta-punto{top:26px;left:var(--x0,10%);margin-left:-6px;animation-name:hl-viaje-h}
237        .hl-paso{flex-direction:column;align-items:center;text-align:center;gap:12px}
238      }
239
240      /* Páginas reales: fila de teléfonos que desfila sola */
241      @keyframes hl-desfile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
242      .hl-fila{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
243      .hl-fila-pista{display:flex;gap:20px;width:max-content;padding:22px 10px 26px;animation:hl-desfile 46s linear infinite}
244      .hl-fila:hover .hl-fila-pista{animation-play-state:paused}
245      .hl-tel{position:relative;flex:0 0 auto;display:block;width:clamp(160px,42vw,196px);aspect-ratio:390/812;background:#0A0A0A;border-radius:30px;padding:6px;
246        text-decoration:none;box-shadow:0 24px 50px -24px rgba(8,102,255,.55),0 0 0 1px rgba(0,0,0,.05);transition:transform .25s ease}
247      .hl-tel:hover{transform:translateY(-8px)}
248      .hl-tel img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:24px;display:block;background:#fff}
249      .hl-tel-tag{position:absolute;left:50%;top:-11px;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:5px;
250        background:${i};color:#fff;font-size:10.5px;font-weight:800;padding:5px 10px;border-radius:999px;box-shadow:0 8px 18px -6px ${i}88}
251      .hl-tel-ver{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
252        background:rgba(10,10,10,.78);color:#fff;font-size:11.5px;font-weight:700;padding:7px 12px;border-radius:999px;opacity:0;transition:opacity .2s}
253      .hl-tel:hover .hl-tel-ver,.hl-tel:focus-visible .hl-tel-ver{opacity:1}
254      @media(hover:none){.hl-tel-ver{opacity:1}}
255
256      /* Reseñas: mosaico por columnas, como en lumy.casa */
257      .hl-resenas{columns:2;column-gap:10px}
258      .hl-resena{margin:0 0 10px;padding:6px;border-radius:14px;break-inside:avoid;cursor:zoom-in;display:block;width:100%}
259      .hl-resena img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid ${m}}
260      @media(min-width:860px){.hl-resenas{columns:3;column-gap:12px}.hl-resena{padding:8px;margin-bottom:12px}}
261      /* Celular: carrusel deslizable. En dos columnas, seis capturas de alturas tan distintas siempre
262         dejaban un hueco grande en una de las dos (probado reordenándolas, 11-sep). */
263      .hl-solo-movil{display:none}
264      @media(max-width:600px){
265        .hl-resenas{columns:auto;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
266          margin:0 -20px !important;padding:6px 20px 14px;scrollbar-width:none}
267        .hl-resenas::-webkit-scrollbar{display:none}
268        .hl-resena{flex:0 0 80%;margin:0;scroll-snap-align:center}
269        .hl-resena img{height:420px;object-fit:cover;object-position:top}
270        .hl-solo-movil{display:block}
271      }
272
273      /* Preguntas */
274      .hl-faq{border-bottom:1px solid ${m}}
275      .hl-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 4px;font-weight:700;font-size:15.5px}
276      .hl-faq summary::-webkit-details-marker{display:none}
277      .hl-faq .chev{transition:transform .25s ease;color:${N};flex-shrink:0;display:inline-flex}
278      .hl-faq[open] .chev{transform:rotate(180deg)}
279      .hl-faq p{margin:0 4px 17px;color:${y};font-size:14.5px;line-height:1.55}
280
281      /* Cierre oscuro con estrellas que titilan (el guiño a alieninvasion, en azul y verde) */
282      .hl-cierre{position:relative;overflow:hidden;border-radius:28px;background:${ve};padding:clamp(40px,7vw,72px) clamp(22px,5vw,56px);text-align:center;
283        box-shadow:0 40px 90px -40px rgba(8,102,255,.55)}
284      /* OJO (11-sep): estas manchas llevaban filter:blur(60px) y eso pintaba un RECUADRO NEGRO
285         arriba, en la portada, en el navegador de iPhone — una capa desenfocada grande fuera de
286         pantalla le corrompe un trozo del dibujo en otra zona. Salía a los pocos segundos, no al
287         cargar. Ahora el difuminado lo hace el propio degradado: mismo aspecto, sin capa aparte. */
288      .hl-cierre .aur{position:absolute;border-radius:50%;pointer-events:none}
289      @keyframes hl-titila{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
290      .hl-estrella{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;animation:hl-titila 3s ease-in-out infinite;pointer-events:none}
291

292      /* Aparición al hacer scroll: solo desvanecido y subida corta (sin escala ni desenfoque, 9-sep) */
293      .hl-js .hl-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}
294      .hl-js .hl-reveal.hl-in{opacity:1;transform:none}
295
296      @media(prefers-reduced-motion:reduce){
297        .hl-grad,.hl-btn-pri,.hl-btn-pri::before,.hl-aurora b,.hl-centro,.hl-onda,.hl-giro,.hl-giro-contra,.hl-evento.nuevo,.hl-punto,
298        .hl-paso-ic,.hl-paso-t,.hl-fila-pista,.hl-estrella,.hl-aviso-c,.hl-giro-chip,.hl-rayo,.hl-palabra,.hl-paquete,.hl-para{animation:none !important}
299        .hl-onda,.hl-ruta-punto,.hl-paquete{display:none}
300        /* Sin movimiento: solo el primer aviso, quieto */
301        .hl-aviso-c{opacity:0}
302        .hl-aviso.a0 .hl-aviso-c{opacity:1}
303        .hl-js .hl-reveal{opacity:1;transform:none;transition:none}
304        .hl-resalta,.hl-resalta::after{animation:none !important}
305        .hl-resalta::after{clip-path:none}
306      }
307    `})}function v({eyebrow:a,titulo:s,sub:n}){return e.jsxs("div",{className:"hl-reveal",style:{textAlign:"center",maxWidth:720,margin:"0 auto 34px"},children:[a&&e.jsx("p",{className:"hl-eyebrow",children:a}),e.jsx("h2",{className:"hl-h2",children:s}),n&&e.jsx("p",{className:"hl-lead",style:{margin:"14px auto 0",maxWidth:600},children:n})]})}function Ee({onLogin:a,onRegister:s}){const[n,o]=x.useState(!1),t=w(),r=[["#que-hace","Qué hace"],["#lo-nuevo","Lo nuevo"],["#como-funciona","Cómo funciona"],["#paginas","Páginas reales"],["#planes","Planes"]];return e.jsxs("nav",{className:"hl-nav",children:[n&&e.jsxs("div",{className:"hl-menu-movil",children:[r.map(([l,c])=>e.jsx("a",{href:l,onClick:()=>o(!1),children:c},l)),e.jsx("button",{onClick:()=>{o(!1),a()},className:"hl-btn hl-btn-sec",style:{padding:"13px 16px",fontSize:15,marginTop:12},children:"Entrar a mi cuenta"})]}),e.jsxs("div",{className:"hl-wrap",style:{padding:"11px 20px",display:"flex",alignItems:"center",gap:10},children:[e.jsxs("a",{href:"/",style:{display:"flex",alignItems:"center",gap:9,textDecoration:"none"},children:[e.jsx("img",{src:"/logos/iconoF.png",alt:"Lumy",width:30,height:30,style:{borderRadius:8}}),e.jsx("span",{className:"hl-display",style:{fontWeight:700,fontSize:19,color:f,letterSpacing:"-0.02em"},children:"Lumy"})]}),e.jsxs("div",{className:"hl-menu","aria-label":"Secciones",children:[e.jsx("a",{href:"#que-hace",children:"Qué hace"}),e.jsx("a",{href:"#lo-nuevo",children:"Lo nuevo"}),e.jsx("a",{href:"#como-funciona",children:"Cómo funciona"}),e.jsx("a",{href:"#paginas",children:"Páginas reales"}),e.jsx("a",{href:"#planes",children:"Planes"})]}),e.jsx("span",{style:{flex:1}}),e.jsx("button",{onClick:a,className:"hl-btn hl-btn-sec hl-nav-entrar",style:{padding:"10px 16px",fontSize:14},children:"Entrar"}),e.jsx("button",{onClick:s,className:"hl-btn hl-btn-pri",style:{padding:"10px 17px",fontSize:14},children:t("Empieza hoy","Crear mi cuenta")}),e.jsx("button",{type:"button",className:"hl-hamb","aria-label":n?"Cerrar menú":"Abrir menú","aria-expanded":n,onClick:()=>o(l=>!l),children:e.jsx("svg",{width:"19",height:"19",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.4",strokeLinecap:"round",children:n?e.jsx("path",{d:"M18 6 6 18M6 6l12 12"}):e.jsx("path",{d:"M3 6h18M3 12h18M3 18h18"})})})]})]})}const Pe=[{ic:e.jsx(G,{size:22}),tono:u,t:"Academia incluida",d:"Aprendes dropshipping, Meta y TikTok desde cero, en videos."},{ic:e.jsx(Se,{size:22}),tono:i,t:"Landings ilimitadas",d:"Tu landing es tu página de ventas. Crea todas las que quieras."},{ic:e.jsx(Le,{size:22}),tono:"#7C3AED",t:"Formularios sin límite",d:"Es donde tu cliente deja sus datos para pedir."},{ic:e.jsx(Te,{size:22}),tono:"#F59E0B",t:"Sin saber programar",d:"Armas tu página eligiendo opciones. La IA te ayuda con los textos."},{ic:d.whatsapp(24),t:"Confirmas por WhatsApp",d:"Conectas tu WhatsApp y cada pedido se confirma desde tu propio número."},{ic:e.jsx(qe,{size:22}),tono:"#0EA5E9",t:"Te acompañamos",d:"Si te enredas, nos escribes por WhatsApp y lo resolvemos contigo.",dTt:"Si te enredas, nos escribes desde la ayuda de Lumy y lo resolvemos contigo."}];function Ie(){const a=w();return e.jsx("section",{id:"incluye",className:"hl-sec",style:{paddingTop:"clamp(8px,2vw,24px)"},children:e.jsxs("div",{className:"hl-wrap",children:[e.jsx(v,{eyebrow:"Lo que más nos preguntan",titulo:a(e.jsxs(e.Fragment,{children:["Todo incluido, ",e.jsx("span",{className:"hl-grad",children:"desde 15 USD al mes."})]}),e.jsxs(e.Fragment,{children:["Lo que traen todos los planes, ",e.jsx("span",{className:"hl-grad",children:"desde 15 USD al mes."})]}))}),e.jsx("div",{className:"hl-incluye",children:Pe.map((s,n)=>e.jsxs("div",{className:"hl-card hl-lift hl-reveal hl-inc",style:{transitionDelay:`${n*60}ms`},children:[e.jsx("span",{className:"hl-ic",style:s.tono?{background:`linear-gradient(140deg, ${s.tono}, ${s.tono}c8)`,boxShadow:`0 8px 18px -6px ${s.tono}88`}:S,children:s.ic}),e.jsxs("div",{children:[e.jsx("h3",{className:"hl-display",children:s.t}),e.jsx("p",{children:a(s.d,s.dTt??s.d)})]})]},s.t))})]})})}function De({hasta:a,decimales:s=1,sufijo:n=""}

307){const[o,t]=x.useState(a);return x.useEffect(()=>{try{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return}catch{return}if(typeof requestAnimationFrame!="function")return;let r=0;const l=performance.now(),c=h=>{const p=Math.min(1,(h-l)/1200);t(a*(1-Math.pow(1-p,3))),p<1&&(r=requestAnimationFrame(c))};return t(0),r=requestAnimationFrame(c),()=>cancelAnimationFrame(r)},[a]),e.jsx("b",{style:{fontVariantNumeric:"tabular-nums"},children:o.toFixed(s)+n})}function Fe({onLogin:a,onRegister:s}){const n=w();return e.jsxs("header",{style:{position:"relative",overflow:"hidden",padding:"clamp(26px,4.5vw,60px) 0 clamp(30px,4.5vw,56px)"},children:[e.jsxs("div",{className:"hl-aurora","aria-hidden":"true",children:[e.jsx("b",{className:"a1"}),e.jsx("b",{className:"a2"}),e.jsx("b",{className:"a3"})]}),e.jsx("div",{className:"hl-wrap",style:{position:"relative",zIndex:2},children:e.jsxs("div",{className:"hl-hero-grid",children:[e.jsxs("div",{className:"hl-hero-txt",children:[e.jsxs("div",{className:"hl-para-caja",children:[e.jsx("p",{className:"hl-eyebrow hl-para-sobre",children:"Ya seas nuevo o experto"}),e.jsxs("div",{className:"hl-para",children:[e.jsxs("span",{className:"lgs","aria-hidden":"true",children:[e.jsx("span",{className:"lg",children:d.meta(17)}),e.jsx("span",{className:"lg",children:d.tiktok(14)})]}),e.jsx("b",{children:"Aprende a montar campañas en Meta Ads y TikTok Ads"})]}),e.jsxs("p",{className:"hl-para-nota",children:["Para ",e.jsx("b",{children:"dropshipping, ecommerce o servicios"}),", ",e.jsx("span",{className:"hl-resalta",children:"desde cero y con acompañamiento"})]})]}),e.jsxs("h1",{className:"hl-h1 hl-hero-h1",style:{margin:"0 0 18px"},children:[["Vende,","confirma","y","despacha"].map((o,t)=>e.jsx("span",{className:"hl-palabra",style:{animationDelay:`${.1+t*.09}s`},children:o},o)),e.jsx("span",{className:"hl-grad",style:{display:"inline-block",whiteSpace:"nowrap",animation:"hl-palabra .7s cubic-bezier(.22,1,.36,1) .5s both, hl-grad 7s ease infinite"},children:"en un solo lugar."})]}),e.jsxs("p",{className:"hl-lead",style:{maxWidth:560,marginBottom:26},children:[e.jsx("span",{className:"hl-hero-pc",children:n("Creas tu página de ventas en Lumy, un agente de IA atiende y confirma a tus clientes por WhatsApp, los pedidos salen a tu transportadora y ves lo que de verdad te queda.","Creas tu página de ventas en Lumy, un agente de IA atiende y confirma a tus clientes por WhatsApp, los pedidos salen a tu transportadora y ves una estimación de lo que te queda.")}),e.jsx("span",{className:"hl-hero-movil",children:"Tu página de ventas, la confirmación por WhatsApp y tus envíos."})]}),e.jsxs("div",{className:"hl-ctas",children:[e.jsx("button",{onClick:s,className:"hl-btn hl-btn-pri",style:{padding:"16px 30px",fontSize:17},children:n("Empieza hoy","Crear mi cuenta")}),e.jsx("button",{onClick:a,className:"hl-btn hl-btn-sec hl-hero-pc",style:{padding:"16px 24px",fontSize:16},children:"Ya tengo cuenta"})]}),e.jsxs("div",{className:"hl-prueba",children:[n(e.jsx("span",{className:"yt","aria-hidden":"true",children:e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M8 5v14l11-7z"})})}),null),e.jsxs("span",{children:["Hecho por ",e.jsx("b",{children:"EcomDropTV"})," · ",e.jsx(De,{hasta:30.9,sufijo:"k"}),n(" en YouTube"," suscriptores en YouTube (ago. 2026)")]})]})]}),e.jsx("div",{children:e.jsx(he,{})})]})})]})}const D=[{ic:e.jsx(we,{size:17}),tono:i,t:"Nuevo pedido",d:"Faja moldeadora · Medellín",dTt:"Organizador de relojes · Medellín"},{ic:d.whatsapp(20),tono:"",t:"Confirmado por WhatsApp",d:"El cliente respondió que sí"},{ic:d.dropi(22),tono:"",t:"Guía creada en Dropi",d:"Sale hoy con la transportadora"},{ic:e.jsx(M,{size:17}),tono:O,t:"En reparto",d:"Llega hoy a Cali"},{ic:e.jsx(V,{size:17}),tono:u,t:"Entregado",d:"Cepillo para mascotas · Bogotá"},{ic:e.jsx(H,{size:17}),tono:u,t:"Tu día hasta ahora",d:"$ 412.000 después de pauta y envíos",dTt:"Lo vendido, menos pauta y envíos"}],Re=["ahora","hace 2 min","hace 6 min","hace 11 min"];function We(){const[a,s]=x.useState(0),n=w();x.useEffect(()=>{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;const t=window.setInterval(()=>s(r=>r+1),2600);return()=>window.clearInterval(t)},[]);const o=[3,2,1,0].map((t,r)=>({idx:a+t,pos:r}));return e.jsxs("div",{className:"hl-card",style:{padding:8,boxShadow:"0 30px 70px -30px rgba(8,102,255,.4), inset 0 1px 0 rgba(255,255,255,.9)"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"10px 12px 12px",borderBottom:`1px solid ${m}`},children:[e.jsx("img",{src:"/logos/iconoF.png",alt:"",width:20,height:20,style:{borderRadius:5}}),e.jsx("span",{className:"hl-display",style:{fontWeight:700,fontSize:14.5},children:"Tu día en Lumy"}),e.jsxs("span",{style:{marginLeft:"auto",display:"inline-flex",alignItems:"center",gap:6,fontSize:11.5,fontWeight:800,color:u},children:[n(e.jsx("span",{className:"hl-punto"}),null),n("en vivo","ejemplo")]})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"minmax(0,1fr)",gap:4,padding:"8px 4px 4px"},children:o.map(({idx:t,pos:r})=>{const l=D[t%D.length];return e.jsxs("div",{className:"hl-evento"+(r===0&&a>0?" nuevo":""),style:{opacity:1-r*.16},children:[e.jsx("span",{className:"hl-evento-ic",style:l.tono?{background:`linear-gradient(140deg, ${l.tono}, ${l.tono}cc)`,boxShadow:`0 7px 16px -6px ${l.tono}99`}:S,children:l.ic}),e.jsxs("span",{style:{minWidth:0,flex:1},children:[e.jsx("span",{style:{display:"block",fontSize:14,fontWeight:800,color:f},children:l.t}),e.jsx("span",{style:{display:"block",fontSize:12.8,color:y,lineHeight:1.4},children:n(l.d,l.dTt??l.d)})]}),e.jsx("span",{style:{fontSize:11,color:N,whiteSpace:"nowrap"},children:Re[r]})]},t)})}),e.jsx("p",{style:{margin:"6px 12px 8px",fontSize:11,color:N,textAlign:"right"},children:"Datos de ejemplo"})]})}function Be(){const a=w();return e.jsx("section",{className:"hl-sec",style:{paddingTop:"clamp(10px,2vw,20px)"},children:e.jsx("div",{className:"hl-wrap",children:e.jsxs("div",{className:"hl-vivo",children:[e.jsxs("div",{className:"hl-reveal",children:[e.jsx("p",{className:"hl-eyebrow",children:"Mientras tú vendes"}),e.jsx("h2",{className:"hl-h2",style:{marginBottom:14},children:a(e.jsxs(e.Fragment,{children:["Cada pedido avanza ",e.jsx("span",{className:"hl-grad",children:"sin que lo persigas."})]}),e.jsxs(e.Fragment,{children:["Sigue cada pedido ",e.jsx("span",{className:"hl-grad",children:"en un solo lugar."})]}))}),e.jsx("p",{className:"hl-lead",style:{marginBottom:20},children:"Lumy te avisa cuando entra un pedido, cuando el cliente lo confirma, cuando sale la guía y cuando se entrega. Tú decides con todo a la vista."}),e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:["Avisos en el celular","Todo el historial del pedido","Sin copiar y pegar datos"].map(s=>e.jsxs("span",{className:"hl-tag",children:[e.jsx("span",{style:{color:u,display:"inline-flex"},children:e.jsx(V,{size:13})}),s]},s))})]}),e.jsx("div",{className:"hl-reveal",children:e.jsx(We,{})})]})})})}const Oe=e.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:6,flexWrap:"wrap"},children:[[["/pay/nequi.jpg","Nequi"],["/pay/pse.jpg","PSE"],["/pay/mercadopago.webp","Mercado Pago"],["/pay/paypal.png","PayPal"]].map(([a,s])=>e.jsx("img",{src:a,alt:s,title:s,width:40,height:26,loading:"lazy",style:{width:40,height:26,borderRadius:7,objectFit:"contain",padding:"2px 4px",border:`1px solid ${m}`,background:"#fff"}},s)),e.jsx("span",{style:{fontSize:11.5,fontWeight:700,color:N},children:"Nequi · PSE · Mercado Pago · PayPal"})]}),Ve=e.jsxs("div",{children:[e.jsx("p",{style:{margin:"0 0 8px",fontSize:11.5,fontWeight:700,color:N},children:"Guías con transportadoras como"}),e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:[["/logos/t-servientrega.svg","Servientrega"],["/logos/t-envia.png","Envía"],["/logos/t-interrapidisimo.svg","Interrapidísimo"],["/logos/t-coordinadora.png","Coordinadora"],["/logos/t-tcc.svg","TCC"]].map(([a,s])=>e.jsx("span",{title:s,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,minWidth:64,padding:"0 10px",background:"#fff",border:`1px solid ${m}`,borderRadius:10},children:e.jsx("img",{src:a,alt:s,height:16,loading:"lazy",style:{height:16,width:"auto",maxWidth:88,objectFit:"contain"}})}

307,s))})]}),He=[{ic:d.lumy(28),blanco:!0,tono:i,t:"Tu página y tu tienda",d:"Las armas desde el celular con ayuda de IA, o en código si quieres el control total, y las publicas sin Shopify ni WordPress. Tu inventario y tus páginas de servicios, en el mismo lugar.",dTt:"Las armas desde el celular con ayuda de IA, o en código si quieres el control total, y las publicas desde Lumy. Tu inventario y tus páginas de servicios, en el mismo lugar.",tags:["Landing de producto","Tienda","Modo código","Inventario","Píxeles sin código","Pago anticipado si quieres"],extra:Oe},{ic:d.whatsapp(26),blanco:!0,tono:"#25D366",t:"Tu agente de ventas en WhatsApp",d:"Atiende a quien te escribe desde tus anuncios: responde sus dudas, le muestra fotos, le toma los datos y deja el pedido en tu CRM. Y a cada pedido le confirma los datos, se lo recuerda y le avisa el envío con su guía.",tags:["CRM","Agente de IA que vende",["API oficial de Meta",d.meta(15)],"Avisos de envío"],tagsTt:["CRM","Agente de IA para ventas",["API oficial de Meta",d.meta(15)],"Avisos de envío"]},{ic:e.jsx(M,{size:21}),tono:"#FF6A00",t:"Tu logística",d:"Con Dropi el pedido se crea solo, en cada país donde tengas cuenta; a Mastershop lo subes con un clic y con 99 Envíos sigues cada guía hasta la entrega.",dTt:"Con Dropi el pedido se crea automáticamente en cada país donde tengas cuenta; a Mastershop lo subes con un clic y con 99 Envíos sigues cada guía hasta la entrega.",tags:[["Dropi",d.dropi(16)],["Mastershop",d.mastershop(16)],["99 Envíos",d.envios99(16)],"Mensajería propia"],extra:Ve},{ic:e.jsx(Ne,{size:21}),tono:u,t:"Tus números",d:"Conectas Meta y TikTok y ves qué anuncios traen pedidos y cuánto te queda después de pauta y envíos. La IA te arma anuncios listos para copiar y tus reglas pausan o escalan campañas solas.",dTt:"Conectas Meta y TikTok y ves qué anuncios traen pedidos y una estimación de lo que te queda después de pauta y envíos. La IA te propone textos para tus anuncios y puedes configurar reglas que pausan o escalan campañas.",tags:[["Meta Ads",d.meta(15)],["TikTok Ads",d.tiktok(14)],"Ganancia estimada","Análisis de creativos","Reglas automáticas"]}];function Ge(){const a=w();return e.jsx("section",{id:"que-hace",className:"hl-sec hl-sec-suave",children:e.jsxs("div",{className:"hl-wrap",children:[e.jsx(v,{eyebrow:"Qué hace Lumy",titulo:a(e.jsxs(e.Fragment,{children:["Todo lo que mueve tu venta, ",e.jsx("span",{className:"hl-grad",children:"conectado."})]}),e.jsxs(e.Fragment,{children:["Lo que mueve tu venta, ",e.jsx("span",{className:"hl-grad",children:"conectado."})]})),sub:"Dejas de saltar entre pestañas: la página, el pedido, la confirmación, la guía y la plata viven en el mismo lugar."}),e.jsx("div",{className:"hl-pilares",style:{maxWidth:960,margin:"0 auto"},children:He.map((s,n)=>e.jsxs("div",{className:"hl-card hl-lift hl-reveal",style:{padding:24,transitionDelay:`${n*70}ms`,background:`linear-gradient(180deg, #fff 0%, ${s.tono}0A 100%)`},children:[e.jsxs("div",{style:{display:"flex",gap:14,alignItems:"center",marginBottom:12},children:[e.jsx("span",{className:"hl-ic",style:s.blanco?S:{background:`linear-gradient(140deg, ${s.tono}, ${s.tono}c8)`,boxShadow:`0 8px 18px -6px ${s.tono}88`},children:s.ic}),e.jsx("p",{className:"hl-display",style:{margin:0,fontWeight:700,fontSize:19,letterSpacing:"-0.01em"},children:s.t})]}),e.jsx("p",{style:{margin:"0 0 16px",fontSize:14.5,color:y,lineHeight:1.55},children:a(s.d,s.dTt??s.d)}),e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:7},children:a(s.tags,s.tagsTt??s.tags).map(o=>typeof o=="string"?e.jsx("span",{className:"hl-tag",children:o},o):e.jsxs("span",{className:"hl-tag",children:[o[1],o[0]]},o[0]))}),s.extra&&e.jsx("div",{style:{marginTop:14},children:s.extra})]},s.t))})]})})}const Xe=[{ic:e.jsx($e,{size:21}),tono:u,t:"Crecimiento",d:"Vuelve a venderle a quien ya te compró. Lumy te dice a quién escribirle hoy, como a quien ya debería reponer, a los clientes que no volvieron o a tus mejores clientes, y le manda tu plantilla aprobada por WhatsApp.",tags:["Recompra","Clientes inactivos","Mejores clientes","Respeta a quien no quiere recibir"]},{ic:e.jsx(G,{size:21}),tono:i,t:"Academia Lumy",d:"Dropshipping de cero a avanzado, con cursos de Meta, TikTok y Lumy. Incluida en todos los planes.",tags:["Dropshipping desde cero",["Meta Ads",d.meta(15)],["TikTok Ads",d.tiktok(14)],"Tus notas"]},{ic:e.jsx(J,{size:24}),blanco:!0,tono:"#D97757",t:"Lumy desde tu Claude",d:"Conecta tu Claude a Lumy y pregúntale por tus ventas como le escribirías a alguien de tu equipo, o pídele que ajuste tus landings. No publica ni toca tus campañas.",tags:["Claude",["ChatGPT en cuentas de empresa",e.jsx(Z,{size:14})],"Pregúntale por tus ventas","Ajusta tus landings"]},{ic:e.jsx(ze,{size:21}),tono:O,t:"Tu equipo",d:"Cada persona entra con su propia cuenta y tú decides qué ve: el CRM, los anuncios, la logística o el WhatsApp.",tags:["Permisos por módulo","Desde el plan Pro"]}];function Qe(){return e.jsx("section",{id:"lo-nuevo",className:"hl-sec",children:e.jsxs("div",{className:"hl-wrap",children:[e.jsx(v,{eyebrow:"Lo nuevo en Lumy",titulo:e.jsxs(e.Fragment,{children:["Más formas de vender, ",e.jsx("span",{className:"hl-grad",children:"desde el mismo lugar."})]}),sub:"Lo último que sumamos a Lumy, sin instalar nada aparte."}),e.jsx("div",{className:"hl-pilares",style:{maxWidth:960,margin:"0 auto"},children:Xe.map((a,s)=>e.jsxs("div",{className:"hl-card hl-lift hl-reveal",style:{padding:24,transitionDelay:`${s*70}ms`,background:`linear-gradient(180deg, #fff 0%, ${a.tono}0A 100%)`},children:[e.jsxs("div",{style:{display:"flex",gap:14,alignItems:"center",marginBottom:12},children:[e.jsx("span",{className:"hl-ic",style:a.blanco?S:{background:`linear-gradient(140deg, ${a.tono}, ${a.tono}c8)`,boxShadow:`0 8px 18px -6px ${a.tono}88`},children:a.ic}),e.jsx("p",{className:"hl-display",style:{margin:0,fontWeight:700,fontSize:19,letterSpacing:"-0.01em"},children:a.t})]}),e.jsx("p",{style:{margin:"0 0 16px",fontSize:14.5,color:y,lineHeight:1.55},children:a.d}),e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:7},children:a.tags.map(n=>typeof n=="string"?e.jsx("span",{className:"hl-tag",children:n},n):e.jsxs("span",{className:"hl-tag",children:[n[1],n[0]]},n[0]))})]},a.t))})]})})}const Ye=[{ic:d.lumy(24),t:"Creas tu landing en Lumy",d:"El cliente hace el pedido ahí."},{ic:e.jsx(ke,{size:20}),t:"Queda en tu CRM",d:"Con la dirección completa y revisada."}

307,{ic:d.whatsapp(22),t:"Confirmación por WhatsApp",d:"Conectas tu WhatsApp con la API oficial de Meta y el pedido se confirma desde tu número."},{ic:e.jsx(M,{size:20}),t:"Sale la guía",d:"A Dropi, Mastershop o 99 Envíos.",logos:e.jsxs(e.Fragment,{children:[d.dropi(18),d.mastershop(18),d.envios99(18)]})},{ic:e.jsx(H,{size:20}),t:"Ves lo que te queda",d:"Después de pauta y envíos.",logos:e.jsxs(e.Fragment,{children:[d.meta(18),d.tiktok(16)]})}];function Ue(){const a=x.useRef(null);return x.useEffect(()=>{const s=a.current;if(!s)return;const n=()=>{const r=s.getBoundingClientRect();s.querySelectorAll(".hl-paso-ic").forEach((l,c)=>{const h=l.getBoundingClientRect();s.style.setProperty(`--x${c}`,`${(h.left+h.width/2-r.left).toFixed(1)}px`),s.style.setProperty(`--y${c}`,`${(h.top+h.height/2-r.top).toFixed(1)}px`)})};n();const o=new ResizeObserver(n);o.observe(s);const t=new IntersectionObserver(([r])=>{r.isIntersecting&&(s.classList.add("on"),t.disconnect())},{threshold:.35});return t.observe(s),()=>{o.disconnect(),t.disconnect()}},[]),e.jsx("section",{id:"como-funciona",className:"hl-sec",children:e.jsxs("div",{className:"hl-wrap",children:[e.jsx(v,{eyebrow:"Cómo funciona",titulo:e.jsxs(e.Fragment,{children:["Así viaja un pedido ",e.jsx("span",{className:"hl-grad",children:"dentro de Lumy."})]})}),e.jsxs("div",{className:"hl-ruta hl-reveal",ref:a,children:[e.jsx("span",{className:"hl-ruta-punto","aria-hidden":"true"}),Ye.map((s,n)=>e.jsxs("div",{className:"hl-paso",children:[e.jsxs("span",{className:"hl-paso-ic",style:{animationDelay:`${n*1.5}s`},children:[s.ic,e.jsx("span",{className:"hl-paso-n",children:n+1})]}),e.jsxs("div",{children:[e.jsx("p",{className:"hl-display hl-paso-t",style:{margin:"0 0 4px",fontWeight:700,fontSize:16,animationDelay:`${n*1.5}s`},children:s.t}),e.jsx("p",{style:{margin:0,fontSize:13.5,color:y,lineHeight:1.5},children:s.d}),s.logos&&e.jsx("div",{className:"hl-paso-logos",children:s.logos})]})]},s.t))]})]})})}const A=[{img:"/mockups/demo-fajas.webp",path:"/l/mi-producto-15",nombre:"Faja moldeadora",fueraEnTikTok:!0},{img:"https://pub-fe9a685817b74328ab21351d5ffb968a.r2.dev/landing/1/imp-1782518644595-0.webp",path:"/l/hh-3",nombre:"Zapatos que giran"},{img:"/mockups/demo-mascotas.webp",path:"/l/mi-producto-17",nombre:"Cepillo para mascotas"},{img:"/mockups/demo-compresor.jpg",path:"/l/compresor-6",nombre:"Organizador de relojes"},{img:"/mockups/demo-bermuda.jpg",path:"/l/casco",nombre:"Venta por WhatsApp",fueraEnTikTok:!0}];function _e(){if(me()==="tiktok"){const a=A.filter(s=>!s.fueraEnTikTok);return e.jsxs("section",{id:"paginas",className:"hl-sec hl-sec-suave",children:[e.jsx("div",{className:"hl-wrap",children:e.jsx(v,{eyebrow:"Hecho con Lumy",titulo:e.jsxs(e.Fragment,{children:["Páginas reales, ",e.jsx("span",{className:"hl-grad",children:"hechas en Lumy."})]}),sub:"Las armas por país y con su moneda."})}),e.jsx("div",{className:"hl-fila hl-reveal",children:e.jsx("div",{className:"hl-fila-pista",children:[...a,...a].map((s,n)=>e.jsxs("div",{className:"hl-tel","aria-hidden":n>=a.length,children:[e.jsx("img",{src:s.img,alt:`Página de ventas de ${s.nombre} hecha en Lumy`,loading:"lazy",width:184,height:384}),e.jsxs("span",{className:"hl-tel-tag",children:[e.jsx("img",{src:"/logos/iconoF.png",alt:"",width:12,height:12,style:{borderRadius:3,width:12,height:12}}),s.nombre]})]},n))})})]})}return e.jsxs("section",{id:"paginas",className:"hl-sec hl-sec-suave",children:[e.jsx("div",{className:"hl-wrap",children:e.jsx(v,{eyebrow:"Hecho con Lumy",titulo:e.jsxs(e.Fragment,{children:["Páginas reales, ",e.jsx("span",{className:"hl-grad",children:"listas para vender."})]}),sub:"Toca una para verla funcionando. Las armas por país y con su moneda."})}),e.jsx("div",{className:"hl-fila hl-reveal",children:e.jsx("div",{className:"hl-fila-pista",children:[...A,...A].map((a,s)=>e.jsxs("a",{className:"hl-tel",href:a.path+"?demo=1",target:"_blank",rel:"noopener noreferrer","aria-hidden":s>=A.length,tabIndex:s>=A.length?-1:0,"aria-label":`Ver la página de ${a.nombre}`,children:[e.jsx("img",{src:a.img,alt:`Página de ventas de ${a.nombre} hecha en Lumy`,loading:"lazy",width:184,height:384}),e.jsxs("span",{className:"hl-tel-tag",children:[e.jsx("img",{src:"/logos/iconoF.png",alt:"",width:12,height:12,style:{borderRadius:3,width:12,height:12}}),a.nombre]}),e.jsxs("span",{className:"hl-tel-ver",children:[e.jsx(Ae,{size:12}),"Ver en vivo"]})]},s))})})]})}const Ke=[["/resenas/chat-checkout.jpg",640,1043,"Cliente ajustando su página con el equipo"],["/resenas/chat-escalar.jpg",640,607,"Mensaje real: ya recuperaste con Lumy, ahora a escalar"],["/resenas/chat-bella.jpg",640,413,"Mensaje real: la plataforma está muy bella, mi segundo producto testado y estos resultados"],["/resenas/chat-fulllumy.jpg",640,692,"Mensaje real: lancé campaña hoy y ya llegaron dos ventas"],["/resenas/panel-837.jpg",1e3,563,"Panel de Lumy con ventas del día"],["/resenas/panel-314.jpg",1e3,563,"Panel de Lumy con ventas y ticket promedio del día"]];function Ze(){const[a,s]=x.useState(null);return x.useEffect(()=>{if(!a)return;const n=o=>{o.key==="Escape"&&s(null)};return window.addEventListener("keydown",n),()=>window.removeEventListener("keydown",n)},[a]),e.jsxs("section",{className:"hl-sec",children:[e.jsxs("div",{className:"hl-wrap",children:[e.jsx(v,{eyebrow:"Comunidad",titulo:e.jsxs(e.Fragment,{children:["Así le va a quien ya usa Lumy. ",e.jsx("span",{className:"hl-grad",children:"Sin maquillar."})]}),sub:"Mensajes y capturas de la comunidad. Toca una para ampliarla."}),e.jsx("div",{className:"hl-resenas",style:{maxWidth:980,margin:"0 auto"},children:Ke.map(([n,o,t,r],l)=>e.jsx("figure",{className:"hl-card hl-lift hl-reveal hl-resena",style:{transitionDelay:`${l*60}ms`},role:"button",tabIndex:0,onClick:()=>s({src:n,alt:r}),onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),s({src:n,alt:r}))},children:e.jsx("img",{src:n,width:o,height:t,alt:r,loading:"lazy",decoding:"async"})},n))}),e.jsx("p",{className:"hl-solo-movil",style:{textAlign:"center",fontSize:12.5,fontWeight:700,color:i,margin:"4px 0 0"},children:"Desliza para ver más"}),e.jsx("p",{style:{textAlign:"center",fontSize:12.5,color:N,margin:"18px auto 0",maxWidth:680,lineHeight:1.6},children:"Capturas y mensajes compartidos por personas de la comunidad, publicados con su permiso. No son resultados típicos ni garantizados: dependen de tu producto, tu inversión y tu operación."})]}),a&&e.jsx("div",{onClick:()=>s(null),role:"dialog","aria-modal":"true","aria-label":"Captura ampliada",style:{position:"fixed",inset:0,zIndex:1e3,background:"rgba(10,10,10,.9)",display:"flex",alignItems:"center",justifyContent:"center",padding:16,cursor:"zoom-out"},children:e.jsx("img",{src:a.src,alt:a.alt,style:{maxWidth:"96vw",maxHeight:"86vh",borderRadius:12}})})]})}function Je(){return e.jsx("section",{id:"video",className:"hl-sec",children:e.jsxs("div",{className:"hl-wrap",style:{maxWidth:860},children:[e.jsx(v,{eyebrow:"Mira cómo funciona",titulo:e.jsxs(e.Fragment,{children:["Lumy por dentro, ",e.jsx("span",{className:"hl-grad",children:"en 10 minutos."})]}),sub:"El lanzamiento oficial, de principio a fin. Míralo antes de elegir tu plan."}),e.jsx("div",{className:"hl-reveal",children:e.jsx(ie,{cargaDiferida:!0})})]})})}const F=[["¿Cuánto cuesta usar Lumy?","Crear tu cuenta y armar un borrador no cuesta nada. Para publicar y recibir pedidos eliges un plan: Starter a 15, Pro a 29 o MAX a 50 dólares al mes, y si pagas 3 meses de una, ahorras. Sin permanencia: cancelas cuando quieras. Tu pasarela de pagos cobra sus tarifas aparte."],["Empiezo de cero, ¿por dónde arranco?","Por la Academia Lumy, incluida en todos los planes: aprendes a elegir producto y a pautar en Meta y TikTok. Con Dropi vendes sin inventario, armas tu página sin saber programar y te acompañamos por WhatsApp."],["¿Qué plan me conviene?","Starter si estás empezando: una plataforma de anuncios y una logística. Pro si ya vendes y quieres más cuentas de Meta y TikTok, tu tienda de Shopify y una persona más de tu equipo. MAX si quieres todo ilimitado y que te acompañemos: te armamos tu primera landing y tienes soporte por línea directa de WhatsApp."],["¿Qué necesito para confirmar pedidos por WhatsApp?","Conectar tu número de WhatsApp con la API oficial de Meta. Viene en todos los planes y lo haces desde Lumy, paso a paso. Des

307de ahí, a tu cliente le llega desde tu propio número el mensaje para confirmar su pedido."],["¿El agente de IA vende por mí?","Sí. Cuando alguien te escribe por WhatsApp desde tus anuncios o tu página, el agente responde sus dudas con la información de tu producto, le muestra fotos, le pide los datos y, cuando el cliente confirma el resumen con el total, deja el pedido en tu CRM. Tú decides cómo habla, qué ofrece y cuándo pasa el chat a una persona. Necesitas conectar tu propia clave de IA; ese consumo lo pagas directo a tu proveedor."],["¿Qué es Crecimiento?","Es la parte de Lumy que te ayuda a volver a venderle a quien ya te compró. Te muestra a quién puedes escribirle hoy, como a quien ya debería reponer o a los clientes que no han vuelto, y le manda por WhatsApp tu plantilla aprobada por Meta. A quien pidió que no le escribieran no le llega nada."],["¿Qué trae la Academia?","Cursos en video de dropshipping de cero a avanzado: productos, tu página, Meta, TikTok y Lumy, con buscador y tus notas. Incluida en todos los planes, con acceso inmediato."],["¿Puedo usar Lumy desde Claude o ChatGPT?","Sí. Conectas tu Claude a Lumy, funciona incluso con su plan gratis, y le preguntas por tus ventas, tus pedidos o tu pauta, o le pides que ajuste tus landings. ChatGPT también sirve en cuentas de empresa. Tiene los mismos límites de tu plan y no publica ni toca tus campañas."],["No sé de tecnología ni de diseño. ¿Puedo con esto?","Sí. La página se arma eligiendo opciones, la IA te ayuda con los textos y no tocas una sola línea de código. Dentro de Lumy tienes una guía que te lleva directo a la opción que buscas, y nuestro equipo te acompaña por WhatsApp."],["¿Necesito Shopify, WordPress o pagar otra plataforma?","No. La página y la tienda las creas y las publicas dentro de Lumy, sin nada que instalar. Si ya vendes en Shopify, con el plan Pro o MAX sus pedidos también entran a tu CRM."],["¿Cómo le llegan los pedidos a mi transportadora?","Con Dropi el pedido se crea solo apenas alguien compra. Con Mastershop lo subes con un clic desde tu CRM. Con 99 Envíos Lumy trae el estado de tus guías para que veas qué se entregó. En el plan MAX conectas las tres a la vez."],["¿Puedo trabajar con mi equipo?","Sí, desde el plan Pro: trae 1 usuario de equipo y MAX no tiene tope, así cada persona entra con su propia cuenta y tú decides qué ve."],["¿Funciona en mi país?","La página, el CRM y el WhatsApp funcionan en varios países de Latinoamérica, con moneda local en los que están soportados. La entrega depende del proveedor que uses."],["¿Puedo cobrar por adelantado?","Sí. Puedes activar el pago en línea con Nequi, PSE, Mercado Pago o PayPal. Lumy no te cobra comisión por venta; tu pasarela cobra la suya."]],ea={"¿Cuánto cuesta usar Lumy?":["¿Cuánto cuesta usar Lumy?","Crear tu cuenta y armar un borrador es gratis. Para publicar y recibir pedidos eliges un plan: Starter a 15, Pro a 29 o MAX a 50 dólares al mes, y si pagas 3 meses de una, ahorras. El plan se renueva cada mes (o cada 3 meses) hasta que lo canceles, sin permanencia. Tu pasarela de pagos cobra sus tarifas aparte."],"Empiezo de cero, ¿por dónde arranco?":["Empiezo de cero, ¿por dónde arranco?","Por la Academia Lumy, incluida en todos los planes: aprendes a elegir producto y a pautar en Meta y TikTok. Con Dropi vendes sin inventario, armas tu página sin saber programar y te orientamos desde la ayuda de Lumy."],"¿Qué plan me conviene?":["¿Qué plan me conviene?","Starter si estás empezando: una plataforma de anuncios y una logística. Pro si ya vendes y quieres más cuentas de Meta y TikTok, tu tienda de Shopify y una persona más de tu equipo. MAX si quieres más cuentas y acompañamiento: te armamos tu primera landing y tienes soporte por WhatsApp con el equipo de Lumy."],"¿El agente de IA vende por mí?":["¿Qué hace el agente de IA?","Cuando alguien te escribe por WhatsApp desde tus anuncios o tu página, el agente responde sus dudas con la información de tu producto, le muestra fotos, le pide los datos y, cuando el cliente confirma el resumen con el total, deja el pedido en tu CRM. Tú decides cómo habla, qué ofrece y cuándo pasa el chat a una persona. Necesitas conectar tu propia clave de IA; ese consumo lo pagas directo a tu proveedor."],"¿Qué trae la Academia?":["¿Qué trae la Academia?","Curs

307os en video de dropshipping de cero a avanzado: productos, tu página, Meta, TikTok y Lumy, con buscador y tus notas. Incluida en todos los planes: entras al activar tu plan."],"No sé de tecnología ni de diseño. ¿Puedo con esto?":["No sé de tecnología ni de diseño. ¿Puedo con esto?","Sí. La página se arma eligiendo opciones, la IA te ayuda con los textos y no tocas una sola línea de código. Dentro de Lumy tienes una guía que te lleva directo a la opción que buscas, y te orientamos desde la ayuda de Lumy."],"¿Cómo le llegan los pedidos a mi transportadora?":["¿Cómo le llegan los pedidos a mi transportadora?","Con Dropi el pedido se crea automáticamente cuando alguien compra. Con Mastershop lo subes con un clic desde tu CRM. Con 99 Envíos Lumy trae el estado de tus guías para que veas qué se entregó. En el plan MAX conectas las tres a la vez."],"¿Necesito Shopify, WordPress o pagar otra plataforma?":["¿Necesito otra plataforma para publicar mi página?","No. La página y la tienda las creas y las publicas dentro de Lumy, sin nada que instalar. Si ya vendes en Shopify, con el plan Pro o MAX sus pedidos también entran a tu CRM."]};function aa(){const s=w()(F,F.map(([n,o])=>ea[n]??[n,o]));return e.jsx("section",{className:"hl-sec hl-sec-suave",children:e.jsxs("div",{className:"hl-wrap",style:{maxWidth:760},children:[e.jsx(v,{eyebrow:"Dudas",titulo:"Preguntas frecuentes"}),e.jsx("div",{className:"hl-card hl-reveal",style:{padding:"4px 20px"},children:s.map(([n,o],t)=>e.jsxs("details",{className:"hl-faq",style:t===s.length-1?{borderBottom:"none"}:void 0,children:[e.jsxs("summary",{children:[n,e.jsx("span",{className:"chev",children:e.jsx(Ce,{})})]}),e.jsx("p",{children:o})]},n))})]})})}const sa=[[8,18,0],[16,72,1.2],[24,34,2.1],[31,86,.6],[42,12,1.7],[53,64,2.6],[61,26,.3],[69,80,1.9],[77,44,1.1],[86,16,2.3],[92,70,.9],[12,52,2.8],[47,92,1.4],[83,90,.2]];function na({onRegister:a,onLogin:s}){const n=w();return e.jsx("section",{className:"hl-sec",children:e.jsx("div",{className:"hl-wrap",style:{maxWidth:900},children:e.jsxs("div",{className:"hl-cierre hl-reveal",children:[e.jsx("span",{className:"aur",style:{width:460,height:460,top:"-46%",left:"-18%",background:"radial-gradient(circle, rgba(8,102,255,.5) 0%, rgba(8,102,255,.24) 42%, rgba(8,102,255,0) 72%)"}}),e.jsx("span",{className:"aur",style:{width:420,height:420,bottom:"-52%",right:"-16%",background:"radial-gradient(circle, rgba(22,163,74,.42) 0%, rgba(22,163,74,.2) 42%, rgba(22,163,74,0) 72%)"}}),sa.map(([o,t,r],l)=>e.jsx("span",{className:"hl-estrella",style:{left:`${o}%`,top:`${t}%`,animationDelay:`${r}s`}},l)),e.jsxs("div",{style:{position:"relative",zIndex:1},children:[e.jsx("img",{src:"/logos/iconoF.png",alt:"",width:52,height:52,style:{borderRadius:14,background:"#fff",padding:6,boxShadow:"0 0 0 6px rgba(255,255,255,.08), 0 0 40px rgba(8,102,255,.6)",marginBottom:20}}),e.jsx("h2",{className:"hl-h2",style:{color:"#fff",marginBottom:14},children:n("Empieza hoy a vender con todo en orden.","Tu operación, en orden y en un solo lugar.")}),e.jsx("p",{className:"hl-lead",style:{color:"#CBD5E1",maxWidth:560,margin:"0 auto 28px"},children:n("Arma tu primera página, conecta tu logística y deja que Lumy confirme tus pedidos por WhatsApp. Desde 15 USD al mes, sin permanencia.","Arma tu primera página, conecta tu logística y confirma tus pedidos por WhatsApp desde tu número. Desde 15 USD al mes, sin permanencia.")}),e.jsxs("div",{className:"hl-ctas",children:[e.jsx("button",{onClick:a,className:"hl-btn hl-btn-pri",style:{padding:"16px 32px",fontSize:17},children:"Crear mi cuenta"}),e.jsx("button",{onClick:s,className:"hl-btn",style:{padding:"16px 24px",fontSize:16,color:"#fff",background:"rgba(255,255,255,.08)",border:"1px solid rgba(255,255,255,.2)"},children:"Ya tengo cuenta"})]})]})]})})})}function xa({modo:a="meta"}={}){const s=ee(),n=x.useRef(null),o=p=>{const k=Y(p);if(k){U(k);return}s(p)},t=()=>o("/login"),r=p=>o(p?`/registro?plan=${p==="plus"?"max":p}`:"/registro"),[l,c]=x.useState(!1),h=()=>c(!0);return x.useEffect(()=>{Q()||(le(),de())},[]),x.useEffect(()=>{const p=n.current;

307if(!p)return;const k=Array.from(p.querySelectorAll(".hl-reveal"));k.forEach(b=>{b.getBoundingClientRect().top<window.innerHeight&&b.classList.add("hl-in")}),p.classList.add("hl-js");const L=new IntersectionObserver(b=>{b.forEach(T=>{T.isIntersecting&&(T.target.classList.add("hl-in"),L.unobserve(T.target))})},{threshold:.08,rootMargin:"0px 0px -8% 0px"});k.forEach(b=>{b.classList.contains("hl-in")||L.observe(b)});const X=window.setTimeout(()=>p.querySelectorAll(".hl-reveal:not(.hl-in)").forEach(b=>b.classList.add("hl-in")),2200);return()=>{L.disconnect(),window.clearTimeout(X)}},[]),e.jsx(ue,{value:a,children:e.jsxs("div",{className:"hl-root",ref:n,children:[e.jsx(Me,{}),e.jsx(pe,{}),e.jsx(ce,{}),e.jsxs("div",{className:"hl-capa",children:[e.jsx(Ee,{onLogin:t,onRegister:h}),e.jsx(Fe,{onLogin:t,onRegister:h}),e.jsx(Ie,{}),e.jsx(Ue,{}),e.jsx(_e,{}),e.jsx(Be,{}),e.jsx(Ge,{}),e.jsx(Qe,{}),a!=="tiktok"&&e.jsx(Ze,{}),e.jsx(re,{onElegir:p=>r(p)}),a!=="tiktok"&&e.jsx(Je,{}),e.jsx(aa,{}),e.jsx(na,{onRegister:h,onLogin:t}),e.jsx(se,{onLogin:t,onRegister:h,minimo:a==="tiktok"}),e.jsx(ne,{}),e.jsx(je,{abierto:l,onCerrar:()=>c(!1),onCrearCuenta:()=>{c(!1),r()},onWhatsApp:()=>{c(!1),oe()}})]})]})})}export{xa as HomeLumy};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.