Actualización: Cambio a modelo Llama 3.1 8B

main.py

@@ -0,0 +1,422 @@
+import os, re, time, asyncio, threading, httpx
+from fastapi import FastAPI, Request, BackgroundTasks
+from fastapi.responses import HTMLResponse, JSONResponse
+from fastapi.middleware.cors import CORSMiddleware
+
+app = FastAPI()
+app.add_middleware(CORSMiddleware, allow_origins=["*"], allow_methods=["*"], allow_headers=["*"])
+
+HF_TOKEN   = os.environ.get("HF_TOKEN", "")
+HF_USER    = os.environ.get("HF_USER", "Cristobal299")
+GROQ_KEY   = os.environ.get("GROQ_KEY", "")
+PEXELS_KEY = os.environ.get("PEXELS_KEY", "")
+STRIPE_KEY = os.environ.get("STRIPE_KEY", "")
+
+CLIENTES = {}
+
+# ══════════════════════════════════════════
+#  CREAR SPACE EN HUGGING FACE
+# ══════════════════════════════════════════
+async def crear_space(nicho: str, email: str) -> str:
+    space_id = f"tb-{re.sub(r'[^a-z0-9]','', nicho.lower()[:12])}-{int(time.time())%9999}"
+    repo_id  = f"{HF_USER}/{space_id}"
+    headers  = {"Authorization": f"Bearer {HF_TOKEN}", "Content-Type": "application/json"}
+
+    main_code = f'''
+import os, asyncio, time, random, requests, threading
+import gradio as gr
+from groq import Groq
+import edge_tts
+from moviepy.editor import VideoFileClip, AudioFileClip, TextClip, CompositeVideoClip
+
+NICHO      = "{nicho}"
+GROQ_KEY   = "{GROQ_KEY}"
+PEXELS_KEY = "{PEXELS_KEY}"
+LOGS       = []
+STATUS     = "Iniciando..."
+
+def log(msg):
+    t = time.strftime("%H:%M:%S")
+    LOGS.append(f"[{{t}}] {{msg}}")
+    if len(LOGS) > 40: LOGS.pop(0)
+    print(msg, flush=True)
+
+def generar_guion():
+    client = Groq(api_key=GROQ_KEY)
+    res = client.chat.completions.create(
+        messages=[{{"role":"user","content":f"Crea un guion de video de 60 segundos sobre {{NICHO}}. Directo, sin simbolos ni hashtags."}}],
+        model="llama-3.3-70b-versatile", temperature=0.82
+    )
+    return res.choices[0].message.content.strip()
+
+async def pipeline():
+    global STATUS
+    while True:
+        try:
+            STATUS = "Generando guion..."
+            log(f"🎬 Nuevo video: {{NICHO}}")
+            guion = generar_guion()
+            log("✅ Guion listo")
+
+            STATUS = "Generando voz..."
+            await edge_tts.Communicate(guion, "es-ES-AlvaroNeural").save("voz.mp3")
+            log("✅ Voz lista")
+
+            STATUS = "Descargando fondo..."
+            h = {{"Authorization": PEXELS_KEY}}
+            r = requests.get(f"https://api.pexels.com/videos/search?query={{NICHO}}&per_page=10", headers=h)
+            vids = r.json().get("videos", [])
+            if vids:
+                url = random.choice(vids)["video_files"][0]["link"]
+                with open("fondo.mp4","wb") as f: f.write(requests.get(url).content)
+            log("✅ Fondo listo")
+
+            STATUS = "Renderizando video..."
+            from moviepy.editor import AudioFileClip as AC, VideoFileClip as VC
+            voz  = AC("voz.mp3")
+            clip = VC("fondo.mp4").resize(width=1920).loop(duration=voz.duration)
+            palabras = guion.split()
+            frases = [" ".join(palabras[i:i+6]) for i in range(0,len(palabras),6)]
+            t_f = voz.duration / max(len(frases),1)
+            txts = [TextClip(t.upper(), fontsize=48, color="#D4AF37", font="DejaVu-Sans-Bold",
+                             stroke_color="black", stroke_width=2, method="caption",
+                             size=(clip.w*0.8,None)).set_start(i*t_f).set_duration(t_f).set_pos(("center",880))
+                    for i,t in enumerate(frases)]
+            final = CompositeVideoClip([clip]+txts).set_audio(voz)
+            final.write_videofile("out.mp4", fps=20, codec="libx264", preset="ultrafast", logger=None)
+            log("✅ Video renderizado")
+
+            STATUS = "Esperando siguiente ciclo..."
+            log("⏳ Esperando 4 horas...")
+            await asyncio.sleep(14400)
+
+        except Exception as e:
+            log(f"❌ Error: {{e}}")
+            STATUS = f"Error: {{str(e)[:40]}}"
+            await asyncio.sleep(600)
+
+def start():
+    loop = asyncio.new_event_loop()
+    asyncio.set_event_loop(loop)
+    loop.run_until_complete(pipeline())
+
+threading.Thread(target=start, daemon=True).start()
+
+with gr.Blocks(css="body{{background:#0a0a0a!important;}} .gradio-container{{background:#0a0a0a!important;color:#D4AF37!important;}}") as demo:
+    gr.Markdown(f"# 🤖 TubeBot — {{NICHO.upper()}}")
+    gr.Markdown("Tu canal está generando videos automáticamente 24/7")
+    gr.Textbox(label="📜 Logs en tiempo real", lines=18, every=4,
+               value=lambda: "\\n".join(LOGS[-18:]) if LOGS else "Iniciando sistema...")
+    gr.Textbox(label="⚡ Estado actual", every=3, value=lambda: STATUS)
+
+demo.launch()
+'''
+
+    req = "gradio\ngroq\nedge-tts\nmoviepy\nrequests\nhttpx"
+
+    async with httpx.AsyncClient(timeout=30) as client:
+        # Crear repo
+        r = await client.post("https://huggingface.co/api/repos/create",
+            headers=headers,
+            json={"name": space_id, "type": "space", "sdk": "gradio", "private": False})
+        if r.status_code not in [200, 201]:
+            print(f"Error repo: {r.text}")
+            return None
+
+        # Subir main.py
+        await client.put(
+            f"https://huggingface.co/api/repos/{repo_id}/upload/main/main.py",
+            headers={"Authorization": f"Bearer {HF_TOKEN}"},
+            content=main_code.encode())
+
+        # Subir requirements.txt
+        await client.put(
+            f"https://huggingface.co/api/repos/{repo_id}/upload/main/requirements.txt",
+            headers={"Authorization": f"Bearer {HF_TOKEN}"},
+            content=req.encode())
+
+    url = f"https://huggingface.co/spaces/{repo_id}"
+    CLIENTES[email] = {"nicho": nicho, "url": url}
+    return url
+
+# ══════════════════════════════════════════
+#  PÁGINA PRINCIPAL — VENTAS
+# ══════════════════════════════════════════
+VENTAS_HTML = """<!DOCTYPE html>
+<html lang="es">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>TubeBot — Canal de YouTube Automático</title>
+<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@300;400;700;800&display=swap" rel="stylesheet">
+<style>
+:root{--r:#ff2d2d;--bg:#080808;--card:#111;--b:#1e1e1e;--t:#f0f0f0;--m:#666;}
+*{box-sizing:border-box;margin:0;padding:0;}
+html{scroll-behavior:smooth;}
+body{background:var(--bg);color:var(--t);font-family:'Manrope',sans-serif;overflow-x:hidden;}
+.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:radial-gradient(ellipse 80% 50% at 50% 0%,#2a0000,transparent 70%);}
+.badge{display:inline-block;background:#1a0000;border:1px solid var(--r);color:var(--r);font-size:.7rem;letter-spacing:3px;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:28px;animation:fd .6s ease both;}
+h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,12vw,8rem);line-height:.9;animation:fd .6s .1s ease both;opacity:0;}
+h1 span{color:var(--r);}
+.sub{font-size:clamp(1rem,2.5vw,1.3rem);color:#aaa;font-weight:300;max-width:560px;margin:24px auto 0;line-height:1.6;animation:fd .6s .2s ease both;opacity:0;}
+.hero-cta{margin-top:40px;animation:fd .6s .3s ease both;opacity:0;}
+.btn{display:inline-block;background:var(--r);color:#fff;font-family:'Manrope',sans-serif;font-weight:800;font-size:1.1rem;padding:18px 44px;border-radius:6px;text-decoration:none;cursor:pointer;border:none;transition:all .2s;}
+.btn:hover{background:#cc0000;transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,45,45,.4);}
+.price-note{display:block;margin-top:14px;color:var(--m);font-size:.85rem;}
+.price-note strong{color:var(--t);}
+.stats{display:flex;justify-content:center;gap:clamp(20px,5vw,60px);flex-wrap:wrap;padding:60px 20px;border-top:1px solid var(--b);border-bottom:1px solid var(--b);background:#0d0d0d;}
+.stat-n{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,4rem);color:var(--r);line-height:1;}
+.stat-l{font-size:.8rem;color:var(--m);letter-spacing:2px;text-transform:uppercase;margin-top:4px;}
+.sec{padding:80px 20px;max-width:900px;margin:0 auto;}
+.sec-label{font-size:.72rem;letter-spacing:4px;text-transform:uppercase;color:var(--r);margin-bottom:16px;font-weight:700;}
+.sec h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;margin-bottom:48px;}
+.steps{display:flex;flex-direction:column;gap:16px;}
+.step{display:flex;align-items:flex-start;gap:20px;background:var(--card);border:1px solid var(--b);border-radius:12px;padding:24px;}
+.step-n{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--r);line-height:1;min-width:48px;}
+.step-title{font-weight:700;margin-bottom:6px;}
+.step-desc{color:#888;font-size:.9rem;line-height:1.6;}
+.feats{padding:80px 20px;background:#0d0d0d;border-top:1px solid var(--b);border-bottom:1px solid var(--b);}
+.feats-inner{max-width:900px;margin:0 auto;}
+.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:48px;}
+.feat{background:var(--bg);border:1px solid var(--b);border-radius:12px;padding:24px;}
+.feat-icon{font-size:1.8rem;margin-bottom:12px;}
+.feat-title{font-weight:700;margin-bottom:6px;}
+.feat-desc{color:#777;font-size:.88rem;line-height:1.5;}
+.price-sec{padding:80px 20px;max-width:480px;margin:0 auto;text-align:center;}
+.price-card{background:var(--card);border:2px solid var(--r);border-radius:16px;padding:40px 32px;margin-top:48px;position:relative;overflow:hidden;}
+.price-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--r),#ff6b6b);}
+.price-amount{font-family:'Bebas Neue',sans-serif;font-size:5rem;color:var(--r);line-height:1;}
+.price-period{color:var(--m);font-size:.9rem;margin-bottom:28px;}
+.price-feats{list-style:none;text-align:left;margin-bottom:32px;}
+.price-feats li{padding:10px 0;border-bottom:1px solid var(--b);font-size:.9rem;display:flex;align-items:center;gap:10px;}
+.price-feats li:last-child{border-bottom:none;}
+.chk{color:var(--r);}
+.faq-sec{padding:80px 20px;max-width:700px;margin:0 auto;}
+.faq-item{border-bottom:1px solid var(--b);padding:20px 0;cursor:pointer;}
+.faq-q{font-weight:700;display:flex;justify-content:space-between;font-size:.95rem;}
+.faq-a{color:#888;font-size:.88rem;line-height:1.6;margin-top:12px;display:none;}
+.faq-item.open .faq-a{display:block;}
+.faq-arr{transition:transform .2s;color:var(--r);}
+.faq-item.open .faq-arr{transform:rotate(180deg);}
+.fcta{padding:100px 20px;text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 100%,#2a0000,transparent 70%);}
+.fcta h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,7vw,5rem);line-height:1;margin-bottom:24px;}
+.fcta h2 span{color:var(--r);}
+footer{text-align:center;padding:24px;color:var(--m);font-size:.8rem;border-top:1px solid var(--b);}
+@keyframes fd{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}
+</style>
+</head>
+<body>
+
+<section class="hero">
+  <div class="badge">🤖 100% Automático — Sin grabar</div>
+  <h1>TUBE<span>BOT</span></h1>
+  <p class="sub">Tu canal de YouTube publica solo cada día mientras tú duermes. Sin grabar. Sin editar. Sin tocar nada.</p>
+  <div class="hero-cta">
+    <a href="#precio" class="btn">🚀 QUIERO MI CANAL AUTOMÁTICO</a>
+    <span class="price-note">Pago único de <strong>$49</strong> — Acceso de por vida</span>
+  </div>
+</section>
+
+<div class="stats">
+  <div class="stat"><div class="stat-n">24/7</div><div class="stat-l">Publica solo</div></div>
+  <div class="stat"><div class="stat-n">0h</div><div class="stat-l">Sin grabar</div></div>
+  <div class="stat"><div class="stat-n">∞</div><div class="stat-l">Videos infinitos</div></div>
+  <div class="stat"><div class="stat-n">5min</div><div class="stat-l">Para activarlo</div></div>
+</div>
+
+<div class="sec">
+  <div class="sec-label">Cómo funciona</div>
+  <h2>EN 3 PASOS Y LISTO</h2>
+  <div class="steps">
+    <div class="step"><div class="step-n">01</div><div><div class="step-title">Pagas una sola vez</div><div class="step-desc">Pago seguro de $49. Sin mensualidades ni sorpresas.</div></div></div>
+    <div class="step"><div class="step-n">02</div><div><div class="step-title">Eliges tu nicho</div><div class="step-desc">Fitness, crypto, mascotas, finanzas... Tú decides el tema y la IA hace el resto.</div></div></div>
+    <div class="step"><div class="step-n">03</div><div><div class="step-title">Tu canal publica solo</div><div class="step-desc">El sistema crea videos completos con IA y los sube a YouTube automáticamente cada día.</div></div></div>
+  </div>
+</div>
+
+<div class="feats">
+  <div class="feats-inner">
+    <div class="sec-label">Qué incluye</div>
+    <h2 style="font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;margin-bottom:48px;">TODO INCLUIDO</h2>
+    <div class="feat-grid">
+      <div class="feat"><div class="feat-icon">🧠</div><div class="feat-title">Guión con IA</div><div class="feat-desc">Guión nuevo cada día adaptado a tu nicho automáticamente.</div></div>
+      <div class="feat"><div class="feat-icon">🎙️</div><div class="feat-title">Voz humana</div><div class="feat-desc">Narración en español con voz natural de alta calidad.</div></div>
+      <div class="feat"><div class="feat-icon">🎬</div><div class="feat-title">Vídeo cinematográfico</div><div class="feat-desc">Fondos HD seleccionados automáticamente según el tema.</div></div>
+      <div class="feat"><div class="feat-icon">✍️</div><div class="feat-title">Subtítulos automáticos</div><div class="feat-desc">Subtítulos sincronizados en cada vídeo.</div></div>
+      <div class="feat"><div class="feat-icon">📺</div><div class="feat-title">Subida automática</div><div class="feat-desc">Publica en tu canal con título y descripción optimizados.</div></div>
+      <div class="feat"><div class="feat-icon">♾️</div><div class="feat-title">Sin límite</div><div class="feat-desc">Publica todos los días para siempre sin coste adicional.</div></div>
+    </div>
+  </div>
+</div>
+
+<div class="price-sec" id="precio">
+  <div class="sec-label" style="text-align:center;">Precio</div>
+  <h2 style="font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;text-align:center;">UN SOLO PAGO.<br>PARA SIEMPRE.</h2>
+  <div class="price-card">
+    <div class="price-amount">$49</div>
+    <div class="price-period">Pago único — Sin mensualidades</div>
+    <ul class="price-feats">
+      <li><span class="chk">▶</span> Canal de YouTube 100% automático</li>
+      <li><span class="chk">▶</span> Vídeos diarios con IA</li>
+      <li><span class="chk">▶</span> Voz + subtítulos + vídeo incluidos</li>
+      <li><span class="chk">▶</span> Activación en minutos</li>
+      <li><span class="chk">▶</span> Soporte por WhatsApp</li>
+      <li><span class="chk">▶</span> Acceso de por vida</li>
+    </ul>
+    <a href="https://buy.stripe.com/test_6oUdR82014SPg4Z7UKdQQ01?success_url=https://YOUR_APP_URL/activar-canal&cancel_url=https://YOUR_APP_URL" class="btn" style="display:block;text-align:center;">💳 COMPRAR AHORA — $49</a>
+    <p style="color:var(--m);font-size:.78rem;margin-top:12px;">Pago seguro · Activación inmediata</p>
+  </div>
+</div>
+
+<div class="faq-sec">
+  <div class="sec-label" style="text-align:center;">FAQ</div>
+  <h2 style="font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;text-align:center;margin-bottom:32px;">PREGUNTAS</h2>
+  <div class="faq-item" onclick="this.classList.toggle('open')"><div class="faq-q">¿Necesito saber programar? <span class="faq-arr">▼</span></div><div class="faq-a">No. Solo eliges tu nicho y listo. Todo lo técnico es automático.</div></div>
+  <div class="faq-item" onclick="this.classList.toggle('open')"><div class="faq-q">¿Cuántos vídeos publica? <span class="faq-arr">▼</span></div><div class="faq-a">Un video cada 4 horas automáticamente, todos los días.</div></div>
+  <div class="faq-item" onclick="this.classList.toggle('open')"><div class="faq-q">¿En qué idioma publica? <span class="faq-arr">▼</span></div><div class="faq-a">En español por defecto. Configurable a cualquier idioma.</div></div>
+  <div class="faq-item" onclick="this.classList.toggle('open')"><div class="faq-q">¿Cuándo se activa? <span class="faq-arr">▼</span></div><div class="faq-a">Inmediatamente después del pago. En minutos tienes tu sistema funcionando.</div></div>
+</div>
+
+<div class="fcta">
+  <h2>TU CANAL PUBLICA<br><span>MIENTRAS DUERMES</span></h2>
+  <a href="#precio" class="btn">🚀 ACTIVAR TUBEBOT — $49</a>
+</div>
+
+<footer>© 2026 TubeBot · Todos los derechos reservados</footer>
+</body>
+</html>"""
+# ══════════════════════════════════════════
+#  PÁGINA DE ACTIVACIÓN — DESPUÉS DEL PAGO
+# ══════════════════════════════════════════
+ACTIVAR_HTML = """<!DOCTYPE html>
+<html lang="es">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>TubeBot — Activa tu canal</title>
+<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@400;700;800&display=swap" rel="stylesheet">
+<style>
+*{box-sizing:border-box;margin:0;padding:0;}
+body{background:#080808;color:#f0f0f0;font-family:'Manrope',sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;}
+.card{background:#111;border:1px solid #222;border-radius:20px;padding:40px 32px;max-width:480px;width:100%;text-align:center;}
+.check-icon{font-size:3rem;margin-bottom:16px;}
+h1{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:#ff2d2d;margin-bottom:8px;}
+.sub{color:#888;font-size:.95rem;margin-bottom:32px;line-height:1.6;}
+label{display:block;text-align:left;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:#ff2d2d;margin-bottom:6px;margin-top:16px;}
+input,select{width:100%;background:#0a0a0a;border:1px solid #222;color:#f0f0f0;padding:14px 16px;border-radius:10px;font-family:'Manrope',sans-serif;font-size:.95rem;outline:none;}
+input:focus,select:focus{border-color:#ff2d2d;}
+.btn{width:100%;background:#ff2d2d;color:#fff;border:none;padding:16px;border-radius:10px;font-family:'Manrope',sans-serif;font-size:1rem;font-weight:800;cursor:pointer;margin-top:24px;transition:all .2s;}
+.btn:hover{background:#cc0000;}
+.btn:disabled{opacity:.5;cursor:not-allowed;}
+.loading{display:none;margin-top:20px;color:#ff2d2d;font-size:.9rem;line-height:1.6;}
+.result{display:none;margin-top:24px;background:#0a0a0a;border:1px solid #ff2d2d;border-radius:12px;padding:24px;text-align:left;}
+.result h3{color:#ff2d2d;margin-bottom:12px;font-size:1.1rem;}
+.result p{color:#888;font-size:.85rem;margin-bottom:8px;line-height:1.5;}
+.url-box{background:#111;border:1px solid #333;border-radius:8px;padding:12px;word-break:break-all;font-size:.85rem;margin:12px 0;}
+.url-box a{color:#fff;text-decoration:none;}
+.copy-btn{background:transparent;border:1px solid #ff2d2d;color:#ff2d2d;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.8rem;font-family:'Manrope',sans-serif;font-weight:700;width:100%;margin-top:8px;transition:all .2s;}
+.copy-btn:hover{background:#ff2d2d;color:#fff;}
+</style>
+</head>
+<body>
+<div class="card">
+  <div class="check-icon">✅</div>
+  <h1>¡PAGO CONFIRMADO!</h1>
+  <p class="sub">Ahora configura tu canal. Solo tienes que elegir tu nicho y en minutos tendrás tu sistema funcionando.</p>
+
+  <label>Tu email</label>
+  <input type="email" id="email" placeholder="tu@email.com"/>
+
+  <label>Elige el nicho de tu canal</label>
+  <select id="nicho">
+    <option value="fitness y salud">💪 Fitness y Salud</option>
+    <option value="finanzas personales">💰 Finanzas Personales</option>
+    <option value="criptomonedas">₿ Criptomonedas</option>
+    <option value="tecnologia e inteligencia artificial">🤖 Tecnología e IA</option>
+    <option value="motivacion y exito personal">🔥 Motivación y Éxito</option>
+    <option value="mascotas">🐾 Mascotas</option>
+    <option value="recetas de cocina">🍳 Cocina y Recetas</option>
+    <option value="viajes y aventura">✈️ Viajes</option>
+    <option value="emprendimiento y negocios">🚀 Emprendimiento</option>
+  </select>
+
+  <button class="btn" id="btn" onclick="activar()">⚡ CREAR MI CANAL AUTOMÁTICO</button>
+  
+  <div class="loading" id="loading">
+    ⚡ Creando tu sistema en Hugging Face...<br>
+    <small style="color:#666;">Esto puede tardar 1-2 minutos</small>
+  </div>
+
+  <div class="result" id="result">
+    <h3>🎉 ¡Tu canal está listo!</h3>
+    <p>Accede aquí para ver tu sistema funcionando en tiempo real:</p>
+    <div class="url-box"><a id="url-link" href="#" target="_blank">Cargando...</a></div>
+    <button class="copy-btn" onclick="copiar()">📋 Copiar enlace</button>
+    <p style="margin-top:16px;color:#666;font-size:.8rem;">El sistema puede tardar unos minutos en arrancar la primera vez. ¡Es normal!</p>
+  </div>
+</div>
+
+<script>
+async function activar(){
+  const email = document.getElementById('email').value.trim();
+  const nicho = document.getElementById('nicho').value;
+  if(!email){alert('Por favor pon tu email');return;}
+  document.getElementById('btn').disabled = true;
+  document.getElementById('loading').style.display = 'block';
+  try{
+    const r = await fetch('/crear', {
+      method:'POST',
+      headers:{'Content-Type':'application/json'},
+      body: JSON.stringify({email, nicho})
+    });
+    const d = await r.json();
+    if(d.url){
+      document.getElementById('result').style.display = 'block';
+      document.getElementById('url-link').href = d.url;
+      document.getElementById('url-link').textContent = d.url;
+      window._url = d.url;
+    } else {
+      alert('Error: ' + (d.error||'Inténtalo de nuevo'));
+      document.getElementById('btn').disabled = false;
+    }
+  }catch(e){
+    alert('Error de conexión');
+    document.getElementById('btn').disabled = false;
+  }
+  document.getElementById('loading').style.display = 'none';
+}
+function copiar(){
+  navigator.clipboard.writeText(window._url||'').then(()=>alert('¡Copiado!'));
+}
+</script>
+</body>
+</html>"""
+
+# ══════════════════════════════════════════
+#  RUTAS
+# ══════════════════════════════════════════
+@app.get("/", response_class=HTMLResponse)
+async def home():
+    return VENTAS_HTML
+
+@app.get("/activar-canal", response_class=HTMLResponse)
+async def activar_canal():
+    return ACTIVAR_HTML
+
+@app.post("/crear")
+async def crear(request: Request):
+    data  = await request.json()
+    email = data.get("email","")
+    nicho = data.get("nicho","tecnologia")
+    url   = await crear_space(nicho, email)
+    if url:
+        return {"success": True, "url": url}
+    return JSONResponse({"error": "No se pudo crear el Space"}, status_code=500)
+
+@app.get("/clientes")
+async def ver_clientes():
+    return CLIENTES
+
+if __name__ == "__main__":
+    import uvicorn
+    uvicorn.run(app, host="0.0.0.0", port=7860)