1import{j as e,W as q,T as M,M as P}from"./index-C6-4kgOT.js";import{u as R,r as x}from"./vendor-react--UDKce57.js";import{S as T}from"./SiteFooter-CRsb_tJY.js";import{P as W}from"./PlanesSection-Bp4C41SV.js";import{init as I,trackPageView as F}from"./metaPixel-DT-a76lA.js";import{C as D}from"./CieloLumy-BgKOSJzh.js";import{N as B,a as O}from"./NucleoLumy-Ducn5x83.js";const j="#FAFAF7",b="#FFFFFF",c="#E8E6DD",h="#0A0A0A",u="#525252",y="#6B6B66",i="#0866FF",d="#16A34A",V="#B45309",H="#0F172A",k="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 f({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 $=({size:a=18})=>e.jsx(f,{size:a,children:e.jsx("path",{d:"m20 6-11 11-5-5"})}),X=({size:a=18})=>e.jsxs(f,{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"})]}),Y=({size:a=18})=>e.jsxs(f,{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"})]}),z=({size:a=18})=>e.jsxs(f,{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"})]}),E=({size:a=18})=>e.jsxs(f,{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"})]}),G=({size:a=18})=>e.jsx(f,{size:a,children:e.jsx("path",{d:"M4 20V10M10 20V4M16 20v-7M22 20H2"})}),Q=({size:a=18})=>e.jsx(f,{size:a,children:e.jsx("path",{d:"M5 4.5v15l13-7.5-13-7.5Z"})}),U=({size:a=18})=>e.jsx(f,{size:a,children:e.jsx("path",{d:"m6 9 6 6 6-6"})});function A({src:a,bg:s,alt:o,size:n=26}){return e.jsx("span",{style:{width:n,height:n,borderRadius:"50%",background:s,display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",flexShrink:0},children:e.jsx("img",{src:a,alt:o,width:n,height:n,loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover"}})})}const l={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(P,{size:a}),tiktok:(a=18)=>e.jsx(M,{size:a}),whatsapp:(a=20)=>e.jsx(q,{size:a}),dropi:(a=20)=>e.jsx(A,{src:"/logos/adropi.png",bg:"#FF6A00",alt:"Dropi",size:a}),mastershop:(a=20)=>e.jsx(A,{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}})},L={background:"#fff",border:`1px solid ${c}`,boxShadow:k};function _(){return e.jsx("style",{children:` 2 .hl-root{position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:${h}; 3 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:${j};overflow-x:hidden;min-height:100vh} 4 .hl-root *{box-sizing:border-box} 5 .hl-capa{position:relative;z-index:1} 6 .hl-wrap{max-width:1200px;margin:0 auto;padding:0 20px} 7 .hl-sec{padding:clamp(40px,5.5vw,76px) 0;position:relative} 8 .hl-sec-suave{background:rgba(244,244,240,.62)} 9 .hl-display{font-family:Poppins,Inter,-apple-system,system-ui,sans-serif} 10 .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} 11 .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} 12 .hl-lead{font-size:clamp(15.5px,2.3vw,19px);color:${u};line-height:1.55;margin:0} 13 .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} 14 15 @keyframes hl-grad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} 16 .hl-grad{background:linear-gradient(110deg,${i} 0%,${d} 50%,${i} 100%);background-size:220% auto; 17 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent; 18 animation:hl-grad 7s ease infinite;filter:drop-shadow(0 0 22px rgba(8,102,255,.18))} 19 20 /* Botones */ 21 @keyframes hl-shine{0%{left:-120%}24%{left:130%}100%{left:130%}} 22 .hl-btn{position:relative;overflow:hidden;border:none;cursor:pointer;font-family:inherit;font-weight:800;border-radius:13px; 23 letter-spacing:-0.01em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap; 24 transition:transform .18s ease,filter .18s ease,border-color .18s ease} 25 .hl-btn-pri{color:#fff;background:linear-gradient(110deg,${i},#2b86ff 45%,${i});background-size:220% 100%; 26 animation:hl-grad 7s ease infinite;box-shadow:0 10px 26px -10px ${i}aa} 27 .hl-btn-pri::before{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;transform:skewX(-18deg);pointer-events:none; 28 background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:hl-shine 4.2s ease-in-out infinite} 29 .hl-btn-pri:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.06)} 30 .hl-btn-sec{background:${b};color:${h};border:1px solid ${c};font-weight:700} 31 .hl-btn-sec:hover{border-color:${i};transform:translateY(-1px)} 32 .hl-btn:focus-visible{outline:3px solid ${h};outline-offset:2px} 33 34 /* Nav */ 35 .hl-nav{position:sticky;top:0;z-index:50;border-bottom:1px solid ${c};background:${j}} 36 .hl-menu{display:flex;gap:2px;margin-left:18px} 37 .hl-menu a{font-size:14px;font-weight:600;color:${u};text-decoration:none;padding:8px 12px;border-radius:9px;transition:background .18s,color .18s} 38 .hl-menu a:hover{background:rgba(10,10,10,.05);color:${h}}
39 @media(max-width:900px){.hl-menu{display:none}} 40 @media(max-width:520px){.hl-nav .hl-btn{padding:9px 12px !important;font-size:13px !important}} 41 /* Menú de celular: las secciones y "Entrar" viven en la hamburguesa (en la barra no caben los tres) */ 42 .hl-hamb{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;flex:none; 43 border:1px solid ${c};background:${b};cursor:pointer;padding:0;color:${h}} 44 .hl-menu-movil{position:absolute;top:100%;left:0;right:0;background:${j};border-bottom:1px solid ${c}; 45 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} 46 .hl-menu-movil a{display:block;padding:14px 4px;border-bottom:1px solid ${c};color:${h};font-size:16px;font-weight:600;text-decoration:none} 47 @media(max-width:900px){.hl-hamb{display:inline-flex}} 48 @media(max-width:520px){.hl-nav-entrar{display:none !important}} 49 50 /* Aurora del hero (la misma deriva lenta de lumy.casa) */ 51 .hl-aurora{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden} 52 .hl-aurora b{position:absolute;width:54vw;height:54vw;max-width:620px;max-height:620px;border-radius:50%;filter:blur(72px);opacity:.8; 53 will-change:transform;transform:translate3d(0,0,0)} 54 @media(max-width:600px){.hl-aurora b{filter:blur(50px);opacity:.75}} 55 .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} 56 .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} 57 .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} 58 @keyframes hl-aur-a{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(8vw,6vh,0) scale(1.15)}} 59 @keyframes hl-aur-b{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-7vw,5vh,0) scale(1.2)}} 60 @keyframes hl-aur-c{0%,100%{transform:translate3d(0,0,0) scale(1.05)}50%{transform:translate3d(5vw,-6vh,0) scale(.9)}} 61 62 /* Portada: texto a la izquierda y el núcleo de Lumy a la derecha. En celular va primero el 63 texto (con el botón en la primera pantalla) y debajo el núcleo, sin huecos. */ 64 .hl-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,4vw,40px);align-items:center} 65 .hl-hero-txt{text-align:center} 66 .hl-hero-txt .hl-lead{margin-left:auto;margin-right:auto} 67 .hl-hero-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px} 68 .hl-hero-h1{font-size:clamp(34px,5vw,64px)} 69 /* Entrada del tÃtulo: palabra por palabra, solo desvanecido y subida corta (sin desenfoque ni escala, 9-sep) */ 70 @keyframes hl-palabra{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}} 71 .hl-palabra{display:inline-block;margin-right:.26em;animation:hl-palabra .7s cubic-bezier(.22,1,.36,1) both} 72 /* Prueba social bajo los botones */ 73 .hl-prueba{display:flex;align-items:center;gap:9px;justify-content:center;margin:20px 0 0;font-size:13.5px;color:${u}} 74 .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; 75 box-shadow:0 6px 14px -6px rgba(239,68,68,.7)} 76 .hl-prueba b{color:${h};font-weight:800} 77 @media(min-width:980px){ 78 .hl-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)} 79 .hl-hero-txt{text-align:left} 80 .hl-hero-txt .hl-lead{margin-left:0} 81 .hl-hero-txt .hl-ctas,.hl-hero-chips,.hl-prueba{justify-content:flex-start} 82 } 83 84 .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} 85 @media(max-width:600px){.hl-chip{font-size:11px;padding:5px 10px}} 86 .hl-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center} 87 /* Celular: botones a lo ancho y del mismo tamaño (apilados y de anchos distintos se veÃan sueltos) */ 88 @media(max-width:600px){ 89 .hl-ctas{flex-direction:column;align-items:stretch;max-width:380px;margin-left:auto;margin-right:auto} 90 .hl-ctas .hl-btn{width:100%} 91 } 92 93 /* Tarjeta en vivo */ 94 .hl-card{background:${b};border:1px solid ${c};border-radius:20px;box-shadow:${k}} 95 .hl-lift{transition:transform .22s ease,box-shadow .22s ease} 96 .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)} 97 .hl-vivo{display:grid;gap:26px;align-items:center;grid-template-columns:minmax(0,1fr)}
98 @media(min-width:900px){.hl-vivo{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px}} 99 @keyframes hl-entra{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}} 100 .hl-evento{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid transparent} 101 .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)} 102 .hl-evento-ic{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:none;color:#fff} 103 @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)}} 104 .hl-punto{width:8px;height:8px;border-radius:50%;background:${d};animation:hl-punto 1.6s ease-out infinite;display:inline-block} 105 106 /* Qué hace Lumy */ 107 .hl-pilares{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)} 108 @media(min-width:760px){.hl-pilares{grid-template-columns:repeat(2,minmax(0,1fr))}} 109 .hl-ic{width:44px;height:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:none} 110 .hl-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:${h};background:rgba(10,10,10,.04); 111 border:1px solid ${c};padding:5px 10px;border-radius:999px} 112 113 /* Asà viaja un pedido: el punto recorre la lÃnea y cada paso se enciende cuando llega */ 114 .hl-ruta{position:relative;display:grid;gap:22px;grid-template-columns:minmax(0,1fr);max-width:1000px;margin:0 auto} 115 /* CALIBRADO (Andrés 11-sep: «me gustaba, solo estaba un poquito descalibrada»). El punto pasa 116 por el centro REAL de cada Ãcono: ComoViaja los mide y los deja en --y0..--y4 (celular) y 117 --x0..--x4 (computador). Va a velocidad constante, 1,5 s por tramo (20% del ciclo de 7,5 s), 118 que es justo cuando cada paso se enciende. Antes usaba una curva que aceleraba y frenaba, y en 119 celular recorrÃa la lÃnea completa a ritmo parejo aunque los pasos miden distinto. */ 120 .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; 121 background:linear-gradient(${i}40,${d}40)} 122 /* z-index 0: el punto pasa POR DETRÃS de los Ãconos (z-index 1). Calibrado, llega justo al centro, 123 y por encima tapaba el logo del paso que se enciende. */ 124 .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}; 125 box-shadow:0 0 0 5px rgba(8,102,255,.16),0 0 18px ${i};animation:hl-viaje-v 7.5s linear infinite} 126 @keyframes hl-viaje-v{ 127 0%{top:var(--y0,22px);opacity:1;background:${i}} 128 20%{top:var(--y1,22px)} 129 40%{top:var(--y2,22px)} 130 60%{top:var(--y3,22px)} 131 80%{top:var(--y4,22px);opacity:1;background:${d}} 132 100%{top:var(--y4,22px);opacity:0;background:${d}}} 133 @keyframes hl-viaje-h{ 134 0%{left:var(--x0,10%);opacity:1;background:${i}} 135 20%{left:var(--x1,30%)} 136 40%{left:var(--x2,50%)} 137 60%{left:var(--x3,70%)} 138 80%{left:var(--x4,90%);opacity:1;background:${d}} 139 100%{left:var(--x4,90%);opacity:0;background:${d}}} 140 .hl-paso{position:relative;display:flex;gap:16px;align-items:flex-start} 141 .hl-paso-logos{display:flex;align-items:center;gap:6px;margin-top:8px} 142 @media(min-width:860px){.hl-paso-logos{justify-content:center}} 143 /* Número del paso y tÃtulo que se pinta de azul mientras el paso está encendido */ 144 .hl-paso-n{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:${i};color:#fff; 145 font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px ${j}} 146 .hl-paso-t{animation:hl-paso-t 7.5s ease infinite} 147 @keyframes hl-paso-t{0%,12%{color:${i}}19%,100%{color:${h}}} 148 /* Todo quieto hasta que la sección entra en pantalla: ahà ComoViaja pone .on y arranca desde el paso 1 */ 149 .hl-ruta:not(.on) .hl-ruta-punto,.hl-ruta:not(.on) .hl-paso-ic,.hl-ruta:not(.on) .hl-paso-t{animation:none !important} 150 .hl-ruta:not(.on) .hl-ruta-punto{opacity:0}
150 151 .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; 152 background:${b};border:1px solid ${c};color:${u};box-shadow:${k};animation:hl-enciende 7.5s ease infinite} 153 @keyframes hl-enciende{ 154 0%{background:${b};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}} 155 12%{background:${b};color:${i};border-color:${i};transform:scale(1);box-shadow:0 0 0 4px rgba(8,102,255,.16),0 10px 24px -8px ${i}} 156 19%,100%{background:${b};color:${u};border-color:${c};transform:scale(1);box-shadow:${k}}} 157 @media(min-width:860px){ 158 .hl-ruta{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} 159 .hl-ruta::before{left:10%;right:10%;top:25px;height:2px;width:auto;background:linear-gradient(90deg,${i}40,${d}40)} 160 .hl-ruta-punto{top:26px;left:var(--x0,10%);margin-left:-6px;animation-name:hl-viaje-h} 161 .hl-paso{flex-direction:column;align-items:center;text-align:center;gap:12px} 162 } 163 164 /* Páginas reales: fila de teléfonos que desfila sola */ 165 @keyframes hl-desfile{from{transform:translateX(0)}to{transform:translateX(-50%)}} 166 .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)} 167 .hl-fila-pista{display:flex;gap:20px;width:max-content;padding:22px 10px 26px;animation:hl-desfile 46s linear infinite} 168 .hl-fila:hover .hl-fila-pista{animation-play-state:paused} 169 .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; 170 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} 171 .hl-tel:hover{transform:translateY(-8px)} 172 .hl-tel img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:24px;display:block;background:#fff} 173 .hl-tel-tag{position:absolute;left:50%;top:-11px;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:5px; 174 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} 175 .hl-tel-ver{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;white-space:nowrap; 176 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} 177 .hl-tel:hover .hl-tel-ver,.hl-tel:focus-visible .hl-tel-ver{opacity:1} 178 @media(hover:none){.hl-tel-ver{opacity:1}} 179 180 /* Reseñas: mosaico por columnas, como en lumy.casa */ 181 .hl-resenas{columns:2;column-gap:10px} 182 .hl-resena{margin:0 0 10px;padding:6px;border-radius:14px;break-inside:avoid;cursor:zoom-in;display:block;width:100%} 183 .hl-resena img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid ${c}} 184 @media(min-width:860px){.hl-resenas{columns:3;column-gap:12px}.hl-resena{padding:8px;margin-bottom:12px}} 185 /* Celular: carrusel deslizable. En dos columnas, seis capturas de alturas tan distintas siempre 186 dejaban un hueco grande en una de las dos (probado reordenándolas, 11-sep). */ 187 .hl-solo-movil{display:none} 188 @media(max-width:600px){ 189 .hl-resenas{columns:auto;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch; 190 margin:0 -20px !important;padding:6px 20px 14px;scrollbar-width:none} 191 .hl-resenas::-webkit-scrollbar{display:none} 192 .hl-resena{flex:0 0 80%;margin:0;scroll-snap-align:center} 193 .hl-resena img{height:420px;object-fit:cover;object-position:top} 194 .hl-solo-movil{display:block} 195 } 196 197 /* Preguntas */ 198 .hl-faq{border-bottom:1px solid ${c}} 199 .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} 200 .hl-faq summary::-webkit-details-marker{display:none} 201 .hl-faq .chev{transition:transform .25s ease;color:${y};flex-shrink:0;display:inline-flex} 202 .hl-faq[open] .chev{transform:rotate(180deg)} 203 .hl-faq p{margin:0 4px 17px;color:${u};font-size:14.5px;line-height:1.55} 204 205 /* Cierre oscuro con estrellas que titilan (el guiño a alieninvasion, en azul y verde) */ 206 .hl-cierre{position:relative;overflow:hidden;border-radius:28px;background:${H};padding:clamp(40px,7vw,72px) clamp(22px,5vw,56px);text-align:center; 207 box-shadow:0 40px 90px -40px rgba(8,102,255,.55)} 208 /* OJO (11-sep): estas manchas llevaban filter:blur(60px) y eso pintaba un RECUADRO NEGRO 209 arriba, en la portada, en el navegador de iPhone â una capa desenfocada grande fuera de 210 pantalla le corrompe un trozo del dibujo en otra zona. SalÃa a los pocos segundos, no al 211 cargar. Ahora el difuminado lo hace el propio degradado: mismo aspecto, sin capa aparte. */ 212 .hl-cierre .aur{position:absolute;border-radius:50%;pointer-events:none} 213 @keyframes hl-titila{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}} 214 .hl-estrella{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;animation:hl-titila 3s ease-in-out infinite;pointer-events:none} 215
216 /* Aparición al hacer scroll: solo desvanecido y subida corta (sin escala ni desenfoque, 9-sep) */ 217 .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)} 218 .hl-js .hl-reveal.hl-in{opacity:1;transform:none} 219 220 @media(prefers-reduced-motion:reduce){ 221 .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, 222 .hl-paso-ic,.hl-paso-t,.hl-fila-pista,.hl-estrella,.hl-aviso-c,.hl-giro-chip,.hl-rayo,.hl-palabra,.hl-paquete{animation:none !important} 223 .hl-onda,.hl-ruta-punto,.hl-paquete{display:none} 224 /* Sin movimiento: solo el primer aviso, quieto */ 225 .hl-aviso-c{opacity:0} 226 .hl-aviso.a0 .hl-aviso-c{opacity:1} 227 .hl-js .hl-reveal{opacity:1;transform:none;transition:none} 228 } 229 `})}function v({eyebrow:a,titulo:s,sub:o}){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}),o&&e.jsx("p",{className:"hl-lead",style:{margin:"14px auto 0",maxWidth:600},children:o})]})}function Z({onLogin:a,onRegister:s}){const[o,n]=x.useState(!1),t=[["#que-hace","Qué hace"],["#como-funciona","Cómo funciona"],["#paginas","Páginas reales"],["#planes","Planes"]];return e.jsxs("nav",{className:"hl-nav",children:[o&&e.jsxs("div",{className:"hl-menu-movil",children:[t.map(([r,m])=>e.jsx("a",{href:r,onClick:()=>n(!1),children:m},r)),e.jsx("button",{onClick:()=>{n(!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:h,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:"#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:"Empieza hoy"}),e.jsx("button",{type:"button",className:"hl-hamb","aria-label":o?"Cerrar menú":"Abrir menú","aria-expanded":o,onClick:()=>n(r=>!r),children:e.jsx("svg",{width:"19",height:"19",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.4",strokeLinecap:"round",children:o?e.jsx("path",{d:"M18 6 6 18M6 6l12 12"}):e.jsx("path",{d:"M3 6h18M3 12h18M3 18h18"})})})]})]})}function K({onLogin:a,onRegister:s}){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-hero-chips hl-reveal",children:[e.jsxs("span",{className:"hl-chip",style:{background:`${d}14`,color:d,border:`1px solid ${d}33`},children:[e.jsx($,{size:12}),"Todo desde Lumy"]}),e.jsx("span",{className:"hl-chip",style:{background:`${i}12`,color:i,border:`1px solid ${i}30`},children:"Varios paÃses de Latinoamérica"})]}),e.jsxs("h1",{className:"hl-h1 hl-hero-h1",style:{margin:"0 0 18px"},children:[["Vende,","confirma","y","despacha"].map((o,n)=>e.jsx("span",{className:"hl-palabra",style:{animationDelay:`${.1+n*.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.jsx("p",{className:"hl-lead hl-reveal",style:{maxWidth:560,marginBottom:26},children:"Creas tu página de ventas en Lumy, los pedidos llegan a tu CRM, Lumy los confirma por WhatsApp y salen a tu transportadora. Y ves lo que de verdad te queda."}),e.jsxs("div",{className:"hl-ctas hl-reveal",children:[e.jsx("button",{onClick:s,className:"hl-btn hl-btn-pri",style:{padding:"16px 30px",fontSize:17},children:"Empieza hoy"}),e.jsx("button",{onClick:a,className:"hl-btn hl-btn-sec",style:{padding:"16px 24px",fontSize:16},children:"Ya tengo cuenta"})]}),e.jsxs("div",{className:"hl-prueba hl-reveal",children:[e.jsx("span",{className:"yt","aria-hidden":"true",children:e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"
229currentColor",children:e.jsx("path",{d:"M8 5v14l11-7z"})})}),e.jsxs("span",{children:["Hecho por ",e.jsx("b",{children:"EcomDropTV"})," · ",e.jsx("b",{children:"30.9k"})," suscriptores en YouTube"]})]}),e.jsx("p",{className:"hl-reveal",style:{fontSize:13,color:y,margin:"16px 0 0"},children:"Desde 15 USD al mes · Sin permanencia · Acompañamiento por WhatsApp"})]}),e.jsx("div",{className:"hl-reveal",children:e.jsx(O,{})})]})})]})}const S=[{ic:e.jsx(X,{size:17}),tono:i,t:"Nuevo pedido",d:"Faja moldeadora · MedellÃn"},{ic:l.whatsapp(20),tono:"",t:"Confirmado por WhatsApp",d:"El cliente respondió que sÃ"},{ic:l.dropi(22),tono:"",t:"GuÃa creada en Dropi",d:"Sale hoy con la transportadora"},{ic:e.jsx(z,{size:17}),tono:V,t:"En reparto",d:"Llega hoy a Cali"},{ic:e.jsx($,{size:17}),tono:d,t:"Entregado",d:"Cepillo para mascotas · Bogotá"},{ic:e.jsx(E,{size:17}),tono:d,t:"Tu dÃa hasta ahora",d:"$ 412.000 después de pauta y envÃos"}],J=["ahora","hace 2 min","hace 6 min","hace 11 min"];function ee(){const[a,s]=x.useState(0);x.useEffect(()=>{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;const n=window.setInterval(()=>s(t=>t+1),2600);return()=>window.clearInterval(n)},[]);const o=[3,2,1,0].map((n,t)=>({idx:a+n,pos:t}));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 ${c}`},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:d},children:[e.jsx("span",{className:"hl-punto"}),"en vivo"]})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"minmax(0,1fr)",gap:4,padding:"8px 4px 4px"},children:o.map(({idx:n,pos:t})=>{const r=S[n%S.length];return e.jsxs("div",{className:"hl-evento"+(t===0&&a>0?" nuevo":""),style:{opacity:1-t*.16},children:[e.jsx("span",{className:"hl-evento-ic",style:r.tono?{background:`linear-gradient(140deg, ${r.tono}, ${r.tono}cc)`,boxShadow:`0 7px 16px -6px ${r.tono}99`}:L,children:r.ic}),e.jsxs("span",{style:{minWidth:0,flex:1},children:[e.jsx("span",{style:{display:"block",fontSize:14,fontWeight:800,color:h},children:r.t}),e.jsx("span",{style:{display:"block",fontSize:12.8,color:u,lineHeight:1.4},children:r.d})]}),e.jsx("span",{style:{fontSize:11,color:y,whiteSpace:"nowrap"},children:J[t]})]},n)})}),e.jsx("p",{style:{margin:"6px 12px 8px",fontSize:11,color:y,textAlign:"right"},children:"Datos de ejemplo"})]})}function ae(){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.jsxs("h2",{className:"hl-h2",style:{marginBottom:14},children:["Cada pedido avanza ",e.jsx("span",{className:"hl-grad",children:"sin que lo persigas."})]}),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(a=>e.jsxs("span",{className:"hl-tag",children:[e.jsx("span",{style:{color:d,display:"inline-flex"},children:e.jsx($,{size:13})}),a]},a))})]}),e.jsx("div",{className:"hl-reveal",children:e.jsx(ee,{})})]})})})}const se=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 ${c}`,background:"#fff"}},s)),e.jsx("span",{style:{fontSize:11.5,fontWeight:700,color:y},children:"Nequi · PSE · Mercado Pago · PayPal"})]}),oe=e.jsxs("div",{children:[e.jsx("p",{style:{margin:"0 0 8px",fontSize:11.5,fontWeight:700,color:y},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 ${c}`,borderRadius:10},children:e.jsx("img",{src:a,alt:s,height:16,loading:"lazy",style:{height:16,width:"auto",maxWidth:88,objectFit:"contain"}})}
229,s))})]}),ne=[{ic:l.lumy(28),blanco:!0,tono:i,t:"Tu página y tu tienda",d:"Las armas desde el celular, con ayuda de IA para los textos, y las publicas sin Shopify ni WordPress.",tags:["Landing de producto","Tienda","PÃxeles sin código","Pago anticipado si quieres"],extra:se},{ic:l.whatsapp(26),blanco:!0,tono:"#25D366",t:"CRM y WhatsApp",d:"Cada pedido cae en tu CRM y el agente de IA de Lumy le pide al cliente confirmar sus datos por WhatsApp antes de despachar.",tags:["CRM","Agente de IA",["API oficial de Meta",l.meta(15)],"Recordatorios"]},{ic:e.jsx(z,{size:21}),tono:"#FF6A00",t:"Tu logÃstica",d:"Con Dropi el pedido se crea solo, a Mastershop lo subes con un clic y con 99 EnvÃos sigues cada guÃa hasta la entrega.",tags:[["Dropi",l.dropi(16)],["Mastershop",l.mastershop(16)],["99 EnvÃos",l.envios99(16)],"MensajerÃa propia"],extra:oe},{ic:e.jsx(G,{size:21}),tono:d,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.",tags:[["Meta Ads",l.meta(15)],["TikTok Ads",l.tiktok(14)],"Ganancia estimada","Avisos"]}];function ie(){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:e.jsxs(e.Fragment,{children:["Todo 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:ne.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?L:{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:u,lineHeight:1.55},children:a.d}),e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:7},children:a.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]))}),a.extra&&e.jsx("div",{style:{marginTop:14},children:a.extra})]},a.t))})]})})}const te=[{ic:l.lumy(24),t:"Creas tu landing en Lumy",d:"El cliente hace el pedido ahÃ."},{ic:e.jsx(Y,{size:20}),t:"Queda en tu CRM",d:"Con la dirección completa y revisada."},{ic:l.whatsapp(22),t:"Confirmación por WhatsApp",d:"Conectas tu WhatsApp con la API oficial de Meta y Lumy confirma el pedido por ti."},{ic:e.jsx(z,{size:20}),t:"Sale la guÃa",d:"A Dropi, Mastershop o 99 EnvÃos.",logos:e.jsxs(e.Fragment,{children:[l.dropi(18),l.mastershop(18),l.envios99(18)]})},{ic:e.jsx(E,{size:20}),t:"Ves lo que te queda",d:"Después de pauta y envÃos.",logos:e.jsxs(e.Fragment,{children:[l.meta(18),l.tiktok(16)]})}];function re(){const a=x.useRef(null);return x.useEffect(()=>{const s=a.current;if(!s)return;const o=()=>{const r=s.getBoundingClientRect();s.querySelectorAll(".hl-paso-ic").forEach((m,g)=>{const p=m.getBoundingClientRect();s.style.setProperty(`--x${g}`,`${(p.left+p.width/2-r.left).toFixed(1)}px`),s.style.setProperty(`--y${g}`,`${(p.top+p.height/2-r.top).toFixed(1)}px`)})};o();const n=new ResizeObserver(o);n.observe(s);const t=new IntersectionObserver(([r])=>{r.isIntersecting&&(s.classList.add("on"),t.disconnect())},{threshold:.35});return t.observe(s),()=>{n.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"}),te.map((s,o)=>e.jsxs("div",{className:"hl-paso",children:[e.jsxs("span",{className:"hl-paso-ic",style:{animationDelay:`${o*1.5}s`},children:[s.ic,e.jsx("span",{className:"hl-paso-n",children:o+1})]}),e.jsxs("div",{children:[e.jsx("p",{className:"hl-display hl-paso-t",style:{margin:"0 0 4px",fontWeight:700,fontSize:16,animationDelay:`${o*1.5}s`},children:s.t}),e.jsx("p",{style:{margin:0,fontSize:13.5,color:u,lineHeight:1.5},children:s.d}),s.logos&&e.jsx("div",{className:"hl-paso-logos",children:s.logos})]})]},s.t))]})]})})}const w=[{img:"/mockups/demo-fajas.webp",path:"/l/mi-producto-15",nombre:"Faja moldeadora"},{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"}];function le(){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:[...w,...w].map((a,s)=>e.jsxs("a",{className:"hl-tel",href:a.path+"?demo=1",target:"_blank",rel:"noopener noreferrer","aria-hidden":s>=w.length,tabIndex:s>=w.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(Q,{size:12}),"Ver en vivo"]})]},s))})})]})}const de=[["/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 ce(){const[a,s]=x.useState(null);return x.useEffect(()=>{if(!a)return;const o=n=>{n.key==="Escape"&&s(null)};return window.addEventListener("keydown",o),()=>window.removeEventListener("keydown",o)},[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:de.map(([o,n,t,r],m)=>e.jsx("figure",{className:"hl-card hl-lift hl-reveal hl-resena",style:{transitionDelay:`${m*60}ms`},role:"button",tabIndex:0,onClick:()=>s({src:o,alt:r}),onKeyDown:g=>{(g.key==="Enter"||g.key===" ")&&(g.preventDefault(),s({src:o,alt:r}))},children:e.jsx("img",{src:o,width:n,height:t,alt:r,loading:"lazy",decoding:"async"})},o))}),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:y,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}})})]})}const C=[["¿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."],["¿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 3 personas de tu equipo. MAX si quieres todo ilimitado y que te acompañemos: te configuramos WhatsApp y te armamos tu primera landing."],["¿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; en el plan MAX te lo configuramos nosotros. Desde ahà Lumy le escribe al cliente y confirma el pedido por ti."],["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Ã, des
229de el plan Pro: trae 3 usuarios 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."]];function pe(){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:C.map(([a,s],o)=>e.jsxs("details",{className:"hl-faq",style:o===C.length-1?{borderBottom:"none"}:void 0,children:[e.jsxs("summary",{children:[a,e.jsx("span",{className:"chev",children:e.jsx(U,{})})]}),e.jsx("p",{children:s})]},a))})]})})}const he=[[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 xe({onRegister:a,onLogin:s}){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%)"}}),he.map(([o,n,t],r)=>e.jsx("span",{className:"hl-estrella",style:{left:`${o}%`,top:`${n}%`,animationDelay:`${t}s`}},r)),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:"Empieza hoy a vender con todo en orden."}),e.jsx("p",{className:"hl-lead",style:{color:"#CBD5E1",maxWidth:560,margin:"0 auto 28px"},children:"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."}),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 je(){const a=R(),s=x.useRef(null),o=()=>a("/login"),n=t=>a(t?`/registro?plan=${t==="plus"?"max":t}`:"/registro");return x.useEffect(()=>{I(),F()},[]),x.useEffect(()=>{const t=s.current;if(!t)return;const r=Array.from(t.querySelectorAll(".hl-reveal"));r.forEach(p=>{p.getBoundingClientRect().top<window.innerHeight*.92&&p.classList.add("hl-in")}),t.classList.add("hl-js");const m=new IntersectionObserver(p=>{p.forEach(N=>{N.isIntersecting&&(N.target.classList.add("hl-in"),m.unobserve(N.target))})},{threshold:.08,rootMargin:"0px 0px -8% 0px"});r.forEach(p=>{p.classList.contains("hl-in")||m.observe(p)});const g=window.setTimeout(()=>t.querySelectorAll(".hl-reveal:not(.hl-in)").forEach(p=>p.classList.add("hl-in")),2200);return()=>{m.disconnect(),window.clearTimeout(g)}},[]),e.jsxs("div",{className:"hl-root",ref:s,children:[e.jsx(_,{}),e.jsx(B,{}),e.jsx(D,{}),e.jsxs("div",{className:"hl-capa",children:[e.jsx(Z,{onLogin:o,onRegister:()=>n()}),e.jsx(K,{onLogin:o,onRegister:()=>n()}),e.jsx(re,{}),e.jsx(le,{}),e.jsx(ae,{}),e.jsx(ie,{}),e.jsx(ce,{}),e.jsx(W,{onElegir:t=>n(t)}),e.jsx(pe,{}),e.jsx(xe,{onRegister:()=>n(),onLogin:o}),e.jsx(T,{onLogin:o,onRegister:()=>n()})]})]})}export{je 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.