https://www.ecomdroptv.com/assets/CommunityPage-Dd6hY1jW.js

1import{j as e,W as t}from"./index-D_T1XJ3U.js";import"./vendor-react-Bxgxa9T6.js";const c="https://chat.whatsapp.com/I011MeEVtrKKH3UPhEDyly",d="#0866FF",m="#25D366";function r({d:n,size:s=16}){return e.jsx("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:n})})}const a={grupo:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75",chispa:"M12 3v4M12 17v4M3 12h4M17 12h4M6.3 6.3l2.5 2.5M15.2 15.2l2.5 2.5M17.7 6.3l-2.5 2.5M8.8 15.2l-2.5 2.5",casos:"M3 3v18h18M7 15l4-4 3 3 5-6",dudas:"M21 12a9 9 0 1 1-4-7.5M21 4v5h-5M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01",escudo:"M12 3 5 6v6c0 4.4 3 7.6 7 9 4-1.4 7-4.6 7-9V6l-7-3Z",check:"m20 6-11 11-5-5",no:"M18 6 6 18M6 6l12 12",flecha:"M5 12h14M12 5l7 7-7 7",reloj:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM12 7v5l3 2"},x=[[a.chispa,"Creativos que están funcionando","Anuncios y ofertas que otros vendedores ya probaron."],[a.casos,"Casos reales","Qué le funcionó a cada uno, con números y sin maquillar."],[a.dudas,"Dudas respondidas","Andrés y el equipo de Lumy responden directo en el grupo."]],g=[[!0,"Ayudamos al que pregunta"],[!1,"Sin spam ni enlaces sospechosos"],[!1,"Sin venta de cursos"],[!0,"La cuidamos entre todos: quien rompe las reglas, sale"]];function h(){return e.jsx("style",{children:`
2      .cm-cab{display:flex;align-items:center;gap:14px;margin-bottom:22px}
3      .cm-cab-ic{width:48px;height:48px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center;
4        color:${d};background:var(--bg-card);border:1px solid rgba(8,102,255,.25);box-shadow:0 8px 20px -14px rgba(8,102,255,.6)}
5      .cm-h1{font-family:Poppins,Inter,system-ui,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--text-primary)}
6      .cm-sub{font-size:13.5px;color:var(--text-secondary);margin:4px 0 0;line-height:1.55;max-width:620px}
7      /* Celular: la cabecera se apila (el ícono al lado de un párrafo largo quedaba flotando). */
8      @media(max-width:600px){.cm-cab{flex-direction:column;align-items:flex-start;gap:12px}}
9      .cm-tarjeta{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;overflow:hidden}
10      .cm-tarjeta + .cm-tarjeta{margin-top:14px}
11      .cm-grupo-cab{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border);
12        background:linear-gradient(180deg,rgba(37,211,102,.13),rgba(37,211,102,.03))}
13      .cm-grupo-ic{width:48px;height:48px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center;
14        background:var(--bg-card);border:1px solid rgba(37,211,102,.45)}
15      .cm-t{font-family:Poppins,Inter,system-ui,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--text-primary)}
16      .cm-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#16A34A;margin-top:2px}
17      .cm-chip i{width:7px;height:7px;border-radius:50%;background:${m};box-shadow:0 0 0 3px rgba(37,211,102,.2)}
18      .cm-cuerpo{padding:18px 20px 20px}
19      .cm-dentro{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin:0 0 18px}
20      @media(min-width:760px){.cm-dentro{grid-template-columns:repeat(3,minmax(0,1fr))}}
21      .cm-item{display:flex;gap:11px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--border)}
22      .cm-item-ic{width:30px;height:30px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center;color:${d};
23        background:var(--bg-card);border:1px solid var(--border)}
24      .cm-item b{display:block;font-size:13px;color:var(--text-primary);margin-bottom:2px}
25      .cm-item span{display:block;font-size:12px;color:var(--text-secondary);line-height:1.45}
26      .cm-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14px;
27        color:#fff;background:#16A34A;box-shadow:0 10px 22px -12px rgba(22,163,74,.8);transition:transform .15s ease,filter .15s ease}
28      .cm-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
29      .cm-btn .cm-btn-logo{width:24px;height:24px;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center}
30      .cm-pie{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
31      .cm-nota{font-size:12px;color:var(--text-muted)}
32      .cm-tg{display:flex;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;color:inherit;transition:background .15s ease}
33      .cm-tg:hover{background:rgba(0,136,204,.05)}
34      .cm-reglas-cab{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border)}

35      .cm-reglas-cab .cm-cab-ic{width:34px;height:34px;border-radius:10px;box-shadow:none}
36      .cm-reglas{display:grid;gap:8px;grid-template-columns:minmax(0,1fr);padding:16px 20px 18px;margin:0;list-style:none}
37      @media(min-width:760px){.cm-reglas{grid-template-columns:repeat(2,minmax(0,1fr))}}
38      .cm-regla{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-primary)}
39      .cm-regla span.m{width:24px;height:24px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center}
40      .cm-regla span.si{color:#16A34A;background:rgba(22,163,74,.12)}
41      .cm-regla span.nop{color:#DC2626;background:rgba(220,38,38,.10)}
42      .cm-pronto{padding:36px 20px;text-align:center}
43      .cm-pronto .cm-cab-ic{margin:0 auto 12px}
44    `})}function f(){const n=c.length>5,s=!1,l=n||s;return e.jsxs("div",{"data-guia":"comunidad",style:{padding:"24px",maxWidth:880,margin:"0 auto"},children:[e.jsx(h,{}),e.jsxs("div",{className:"cm-cab",children:[e.jsx("span",{className:"cm-cab-ic",children:e.jsx(r,{d:a.grupo,size:22})}),e.jsxs("div",{children:[e.jsx("h1",{className:"cm-h1",children:"Comunidad"}),e.jsx("p",{className:"cm-sub",children:"Únete al grupo privado de vendedores de Lumy. Compartimos creativos que funcionan, aprendemos de los casos de otros y Andrés responde dudas directo."})]})]}),l?e.jsxs(e.Fragment,{children:[n&&e.jsxs("div",{className:"cm-tarjeta",children:[e.jsxs("div",{className:"cm-grupo-cab",children:[e.jsx("span",{className:"cm-grupo-ic",children:e.jsx(t,{size:26})}),e.jsxs("div",{style:{minWidth:0},children:[e.jsx("div",{className:"cm-t",children:"Grupo de WhatsApp"}),e.jsxs("div",{className:"cm-chip",children:[e.jsx("i",{}),"Comunidad activa · respondemos rápido"]})]})]}),e.jsxs("div",{className:"cm-cuerpo",children:[e.jsx("div",{className:"cm-dentro",children:x.map(([o,i,p])=>e.jsxs("div",{className:"cm-item",children:[e.jsx("span",{className:"cm-item-ic",children:e.jsx(r,{d:o})}),e.jsxs("div",{children:[e.jsx("b",{children:i}),e.jsx("span",{children:p})]})]},i))}),e.jsxs("div",{className:"cm-pie",children:[e.jsx("span",{className:"cm-nota",children:"Se abre en WhatsApp. Conversación informal entre vendedores."}),e.jsxs("a",{"data-guia":"comunidad.whatsapp",className:"cm-btn",href:c,target:"_blank",rel:"noopener noreferrer",children:[e.jsx("span",{className:"cm-btn-logo",children:e.jsx(t,{size:16})}),"Entrar al grupo",e.jsx(r,{d:a.flecha})]})]})]})]}),s]}):e.jsxs("div",{className:"cm-tarjeta cm-pronto",children:[e.jsx("span",{className:"cm-cab-ic",children:e.jsx(r,{d:a.reloj,size:22})}),e.jsx("div",{className:"cm-t",style:{marginBottom:6},children:"Próximamente"}),e.jsx("div",{style:{fontSize:13,color:"var(--text-secondary)",maxWidth:420,margin:"0 auto",lineHeight:1.55},children:"Estamos terminando de armar el grupo. Te avisamos por WhatsApp apenas esté abierto."})]}),e.jsxs("div",{className:"cm-tarjeta",style:{marginTop:14},children:[e.jsxs("div",{className:"cm-reglas-cab",children:[e.jsx("span",{className:"cm-cab-ic",children:e.jsx(r,{d:a.escudo,size:18})}),e.jsx("div",{className:"cm-t",style:{fontSize:15},children:"Reglas de la comunidad"})]}),e.jsx("ul",{className:"cm-reglas",children:g.map(([o,i])=>e.jsxs("li",{className:"cm-regla",children:[e.jsx("span",{className:"m "+(o?"si":"nop"),children:e.jsx(r,{d:o?a.check:a.no,size:13})}),i]},i))})]})]})}export{f as CommunityPage};