JeCabrera commited on
Commit
69b208d
·
verified ·
1 Parent(s): 7f940c0

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +948 -24
app.py CHANGED
@@ -1,24 +1,948 @@
1
- import streamlit as st
2
- import sys
3
- import os
4
-
5
- # Add the project root to Python path
6
- sys.path.append(os.path.dirname(__file__))
7
-
8
- from src.components.sidebar import render_sidebar
9
- from src.components.story_form import render_story_form
10
-
11
- # Configure the page
12
- st.set_page_config(
13
- page_title="Story Genius Maker",
14
- page_icon=":pencil:",
15
- layout="wide"
16
- )
17
-
18
- # Load CSS
19
- with open("src/styles/main.css") as f:
20
- st.markdown(f"<style>{f.read()}</style>", unsafe_allow_html=True)
21
-
22
- # Render the app components
23
- render_sidebar()
24
- render_story_form()
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ from dotenv import load_dotenv
2
+ import streamlit as st
3
+ import os
4
+ import google.generativeai as genai
5
+ import random
6
+
7
+ load_dotenv()
8
+ genai.configure(api_key=os.getenv("GOOGLE_API_KEY"))
9
+
10
+ story_formulas = {
11
+ "PASA": {
12
+ "description": """
13
+ La fórmula P.A.S.A. es una de las estructuras más efectivas en copywriting, diseñada para crear una conexión emocional profunda que lleva a la acción.
14
+
15
+ TEORÍA:
16
+ Esta fórmula se basa en la psicología del dolor y el alivio, siguiendo el principio de que las personas están más motivadas a evitar el dolor que a buscar el placer.
17
+
18
+ ESTRUCTURA:
19
+ 1. Problema:
20
+ - Identifica un dolor específico y real
21
+ - Debe ser inmediatamente reconocible por la audiencia
22
+ - Se presenta desde la perspectiva del lector
23
+ - Usa lenguaje empático y comprensivo
24
+
25
+ 2. Agitación:
26
+ - Profundiza en las consecuencias emocionales
27
+ - Explora ramificaciones futuras
28
+ - Aumenta la tensión psicológica
29
+ - Crea un punto de inflexión emocional
30
+
31
+ 3. Solución:
32
+ - Presenta la respuesta de forma natural
33
+ - Enfoca en beneficios transformacionales
34
+ - Construye credibilidad gradualmente
35
+ - Demuestra el cambio positivo
36
+
37
+ 4. Acción:
38
+ - Propone el siguiente paso lógico
39
+ - Minimiza la fricción y resistencia
40
+ - Crea sentido de urgencia
41
+ """,
42
+ "examples": [
43
+ {
44
+ "title": "Mentoría para Emprendedores que Quieren Vender desde su Autenticidad",
45
+ "target": "Emprendedores y profesionales que ofrecen servicios",
46
+ "action": "Reserva tu sesión de 45 minutos y duplica tus ventas siendo tú mismo",
47
+ "story": """
48
+ Me quedaba sin palabras en cada llamada de ventas. No porque no supiera de mi trabajo - era porque cada frase sonaba prestada, artificial, como si estuviera leyendo el guion de otra persona.
49
+
50
+ Los potenciales clientes lo sentían. Sus respuestas eran educadas pero distantes: "Necesito pensarlo", "No es el momento", "Te escribo después". El silencio que seguía era ensordecedor.
51
+
52
+ Lo que más me dolía era ver cómo otros, con menos experiencia, conectaban instantáneamente con sus clientes. Sus conversaciones fluían con naturalidad, como si estuvieran charlando con un viejo amigo.
53
+
54
+ La revelación llegó cuando entendí que estaba intentando ser alguien más. Las ventas no se tratan de técnicas perfectas o scripts memorizados - se trata de crear conexiones genuinas.
55
+
56
+ Cuando comencé a ser yo mismo, algo mágico sucedió. Las conversaciones se volvieron fluidas, naturales. Los clientes dejaron de poner excusas y comenzaron a preguntar: "¿Cuándo podemos empezar?"
57
+
58
+ Si te sientes atrapado en un ciclo de conversaciones que no llevan a ninguna parte, hay otra manera.
59
+
60
+ Reserva tu sesión de descubrimiento y en solo 45 minutos descubre cómo tu autenticidad puede ser tu mejor herramienta de ventas.
61
+
62
+ Clic aquí en este link para reservar.
63
+
64
+
65
+ """
66
+ },
67
+ {
68
+ "title": "Curso de Escritura que Transforma Seguidores en Comunidad",
69
+ "target": "Emprendedores y creadores de contenido",
70
+ "action": "Descarga la guía 'Escritura que Conecta' y convierte cada post en una máquina de ventas orgánicas",
71
+ "story": """
72
+ Cada publicación se sentía como lanzar palabras al vacío. Dedicaba horas puliendo cada frase, solo para ver cómo se perdía en el infinito scroll de las redes sociales. Un like aquí, un comentario allá, pero la conexión real que buscaba nunca llegaba.
73
+
74
+ Lo más frustrante era observar cómo otros creadores, aparentemente sin esfuerzo, construían comunidades vibrantes alrededor de su contenido. Sus palabras resonaban, creaban movimiento, inspiraban acción.
75
+
76
+ La diferencia no estaba en escribir más, ni en seguir las últimas tendencias. Estaba en algo más profundo: la capacidad de transformar experiencias personales en mensajes que tocan el corazón de quien los lee.
77
+
78
+ Cuando dejé de intentar sonar como "experto" y comencé a escribir desde mi verdad, todo cambió. Mis publicaciones dejaron de ser solo contenido y se convirtieron en conversaciones. Los comentarios pasaron de emojis a historias personales. Los seguidores se transformaron en una comunidad conectada por valores compartidos.
79
+
80
+ Si estás cansado de sentir que tus palabras no llegan a donde deberían, si sabes que tienes algo valioso que compartir pero no encuentras cómo expresarlo, hay un camino diferente.
81
+
82
+ Descarga la guía 'Escritura que Conecta' y convierte cada post en una máquina de ventas orgánicas.
83
+
84
+ Para descagar solo da clic aquí.
85
+ """
86
+ }
87
+ ]
88
+ },
89
+
90
+ "ADP": {
91
+ "description": """
92
+ La fórmula A.D.P. (Antes/Después/Puente) es una estructura persuasiva que crea una conexión emocional mostrando la transformación desde el problema hasta la solución.
93
+
94
+ TEORÍA:
95
+ Esta fórmula se basa en el contraste entre la situación actual y el resultado deseado, usando tu solución como el puente natural entre ambos estados.
96
+
97
+ ESTRUCTURA:
98
+ 1. Antes:
99
+ - Describe vívidamente la situación problemática actual
100
+ - Refleja las frustraciones y miedos de la audiencia
101
+ - Identifica los obstáculos que impiden alcanzar objetivos
102
+ - Usa lenguaje empático y descriptivo
103
+ - Crea conexión inmediata con experiencias cotidianas
104
+
105
+ 2. Después:
106
+ - Pinta el escenario ideal post-solución
107
+ - Describe beneficios tangibles y emocionales
108
+ - Muestra la transformación positiva
109
+ - Enfatiza el contraste con la situación inicial
110
+ - Genera deseo por el resultado prometido
111
+
112
+ 3. Puente:
113
+ - Presenta tu solución como el camino natural
114
+ - Explica el proceso de transformación
115
+ - Demuestra la viabilidad del cambio
116
+ - Minimiza barreras y objeciones
117
+ - Proporciona pasos claros hacia el resultado
118
+ """,
119
+ "examples": [
120
+ {
121
+ "title": "Curso de Cocina Saludable",
122
+ "target": "Profesionales sin tiempo",
123
+ "action": "Reservar clase prueba gratuita",
124
+ "story": """
125
+ Mi nevera era el museo de las buenas intenciones: vegetales marchitos y tuppers con contenido irreconocible. Los deliverys conocían mejor mi dirección que mi familia.
126
+
127
+ El diagnóstico de pre-diabetes fue mi llamada de atención. Entre el trabajo y el gimnasio, cocinar parecía una tarea imposible.
128
+
129
+ Mi nutricionista me recomendó estas clases que cambiaron mi perspectiva. Descubrí que cocinar no requería horas ni ingredientes exóticos.
130
+
131
+ Ahora preparo comidas nutritivas en minutos. Mi energía ha vuelto y mi billetera lo agradece.
132
+
133
+ Únete a nuestra próxima clase gratuita este jueves y descubre cómo preparar comidas saludables que se ajusten a tu ritmo de vida.
134
+
135
+ Haz clic aquí para reservar tu lugar.
136
+ """
137
+ },
138
+ {
139
+ "title": "Mentoría de LinkedIn",
140
+ "target": "Profesionales buscando mejores oportunidades",
141
+ "action": "Agendar sesión estratégica",
142
+ "story": """
143
+ Actualizaba mi perfil de LinkedIn religiosamente, pero las oportunidades seguían esquivándome. Mis publicaciones se perdían en el vacío digital.
144
+
145
+ Un colega con menos experiencia consiguió el puesto que yo anhelaba. Su secreto: su presencia en LinkedIn era magnética.
146
+
147
+ Encontré un mentor que me mostró los puntos ciegos de mi estrategia. No más contenido forzado, sino conexiones genuinas.
148
+
149
+ En dos meses, los reclutadores comenzaron a contactarme. Mis publicaciones generan conversaciones relevantes.
150
+
151
+ Agenda tu sesión estratégica hoy y aprende a convertir tu experiencia en oportunidades reales de crecimiento profesional.
152
+
153
+ Solo tienes que poner tu dedo aquí para agendar.
154
+ """
155
+ },
156
+ {
157
+ "title": "App de Hábitos Matutinos",
158
+ "target": "Personas que luchan con las mañanas",
159
+ "action": "Descargar versión premium",
160
+ "story": """
161
+ El sonido del despertador era mi enemigo número uno. Cinco alarmas y tres cafés después, apenas funcionaba.
162
+
163
+ Las mañanas productivas parecían un privilegio reservado para otros. Mi creatividad y energía siempre llegaban demasiado tarde.
164
+
165
+ Esta app apareció en mi feed en un momento de desesperación.
166
+
167
+ Su enfoque gradual me permitió construir una rutina sin sentirme abrumado.
168
+
169
+ Ahora disfruto del amanecer con una taza de té.
170
+
171
+ Mi día comienza con propósito, no con caos.
172
+
173
+ Descarga la app aquí y transforma tus mañanas en el momento más productivo de tu día.
174
+ """
175
+
176
+ }
177
+ ]
178
+ },
179
+
180
+ "GHA": {
181
+ "description": """
182
+ La fórmula G.H.A. (Gancho-Historia-Acción) es una estructura narrativa poderosa que utiliza el storytelling para crear conexiones emocionales y motivar a la acción.
183
+
184
+ TEORÍA:
185
+ Esta fórmula aprovecha el poder de las historias para captar la atención, generar empatía y motivar el cambio, basándose en la identificación con los problemas y dolores de la audiencia.
186
+
187
+ ESTRUCTURA:
188
+ 1. Gancho:
189
+ - Abre identificando un problema o dolor específico de la audiencia
190
+ - Que conecta emocionalmente con la frustración o necesidad
191
+ - Genera identificación inmediata con la situación
192
+ - Plantea el escenario desde la perspectiva del dolor actual
193
+
194
+ 2. Historia:
195
+ - Desarrolla la narrativa mostrando las consecuencias del problema
196
+ - Explora cómo el dolor afecta diferentes aspectos de la vida
197
+ - Mantiene la tensión emocional sobre el problema
198
+ - Introduce el producto como solución natural al dolor
199
+ - Demuestra la transformación positiva posible
200
+
201
+ 3. Acción:
202
+ - Presenta la acción como el puente hacia el beneficio deseado, como respuesta natural al deseo de eliminar el dolor
203
+ - Enfatiza la urgencia de resolver el problema
204
+ - Minimiza las barreras para tomar acción
205
+ - Refuerza los beneficios específicos que se obtendrán si toman acción
206
+ """,
207
+ "examples": [
208
+ {
209
+ "title": "Programa de Hábitos Productivos",
210
+ "target": "Emprendedores que sienten que el día no les alcanza",
211
+ "action": "Acceder al reto gratuito de 7 días",
212
+ "story": """
213
+ "No me alcanza el tiempo" se había convertido en mi mantra diario.
214
+ Saltaba de tarea en tarea, apagando incendios, pero al final del día sentía que no había avanzado en lo realmente importante.
215
+ Probé agendas, apps, técnicas de productividad… pero siempre volvía a lo mismo: un montón de pendientes y la sensación de estar estancado. Hasta que entendí que el problema no era la falta de tiempo, sino mis hábitos.
216
+ Cuando aprendí a organizar mis días de forma estratégica, todo cambió. Logré enfocarme, trabajar menos horas y sentir que por fin estaba avanzando.
217
+ Si te pasa lo mismo, únete al reto gratuito de 7 días y empieza a transformar tu rutina con pequeños cambios que hacen la diferencia.
218
+
219
+ Haz clic aquí para reservar tu lugar.
220
+ """
221
+ },
222
+ {
223
+ "title": "Curso de Branding Personal",
224
+ "target": "Freelancers y emprendedores que quieren destacar en su industria",
225
+ "action": "Inscribirse hoy y acceder a una auditoría gratuita de perfil",
226
+ "story": """
227
+ Sabía que era bueno en lo que hacía, pero nadie me conocía.
228
+ Mi competencia cobraba el doble, tenía clientes constantes y una marca que se veía sólida.
229
+ Yo seguía dependiendo del boca a boca y esperando que alguien recomendara mi trabajo.
230
+ Todo cambió cuando entendí que no basta con ser bueno, hay que parecerlo.
231
+ Aprendí a construir una marca que reflejara mi valor, a comunicar lo que me hacía único y a atraer clientes sin perseguirlos.
232
+ Si sientes que tu talento no se refleja en lo que cobras o en los clientes que atraes, este curso es para ti.
233
+ Inscríbete aquí hoy y recibe una auditoría gratuita de tu perfil para empezar con el pie derecho.
234
+ """
235
+ },
236
+ {
237
+ "title": "Masterclass: Lanza tu Primer Producto Digital",
238
+ "target": "Emprendedores que quieren generar ingresos pasivos",
239
+ "action": "Registrarse gratis y recibir acceso a la guía de validación",
240
+ "story": """
241
+ Durante meses tuve la idea en la cabeza, pero nunca pasaba de ahí.
242
+
243
+ Pensaba que necesitaba más tiempo, más conocimientos, más perfección.
244
+
245
+ Mientras tanto, otros lanzaban sus productos y generaban ingresos mientras dormían.
246
+
247
+ Cuando finalmente decidí dejar de esperar y actuar con estrategia, todo cambió. No necesitaba un producto perfecto, sino uno que resolviera un problema real.
248
+
249
+ Lo lancé, aprendí en el proceso y hoy es una fuente de ingresos constante.
250
+
251
+ Si tienes una idea, pero no sabes cómo dar el primer paso, esta masterclass es para ti.
252
+
253
+ Regístrate gratis aquí y accede a la guía de validación para lanzar con confianza.
254
+ """
255
+ },
256
+ {
257
+ "title": "Taller de Escritura para Redes Sociales",
258
+ "target": "Creadores y emprendedores que quieren escribir posts que vendan",
259
+ "action": "Reservar lugar con 50% de descuento",
260
+ "story": """
261
+ Publicaba con constancia, pero mis posts pasaban desapercibidos.
262
+
263
+ Likes de amigos, algún comentario de cortesía… pero cero clientes.
264
+
265
+ Veía a otros escribir con naturalidad, conectar y vender sin parecer vendedores. Yo sentía que hablaba al vacío.
266
+
267
+ Hasta que entendí que escribir para redes no es solo contar cosas, es saber cómo contarlas.
268
+
269
+
270
+ Aprendí a estructurar mis mensajes, a tocar emociones y a escribir de forma que la gente quiera leer y actuar. Y cuando apliqué estos cambios, los resultados llegaron solos.
271
+
272
+ Si quieres que tus publicaciones generen impacto real, este taller es para ti.
273
+
274
+ Reserva tu lugar aquí con 50% de descuento y aprende a escribir textos que convierten.
275
+ """
276
+ },
277
+ ]
278
+ }
279
+ }
280
+
281
+ def generate_headline_for_story(story, formula_type, product, target_audience, mood, temperature):
282
+ """Función para generar un titular basado en la historia"""
283
+
284
+ generation_config = {
285
+ "temperature": temperature,
286
+ "top_p": 0.65,
287
+ "top_k": 360,
288
+ "max_output_tokens": 8196,
289
+ }
290
+
291
+ model = genai.GenerativeModel(
292
+ model_name="gemini-2.0-flash",
293
+ generation_config=generation_config
294
+ )
295
+
296
+ system_prompt = """Eres un experto copywriter especializado en crear titulares persuasivos.
297
+ IMPORTANTE:
298
+ - Genera SOLO UN TITULAR
299
+ - No incluyas explicaciones ni etiquetas
300
+ - El titular debe estar entre comillas "titular"
301
+ - No uses números ni viñetas
302
+ - El titular debe fluir naturalmente con la historia
303
+ - El titular DEBE estar directamente relacionado con el contenido de la historia
304
+ - Evita titulares genéricos que podrían aplicar a cualquier historia
305
+ - Extrae elementos específicos de la historia para crear un titular único
306
+ """
307
+
308
+ formula_prompts = {
309
+ "GPS": f"""
310
+ {system_prompt}
311
+
312
+ INSTRUCCIONES PARA TITULAR GPS:
313
+ Crea un titular que combine:
314
+ 1. Meta: Un resultado deseable para {target_audience}
315
+ 2. Periodo: Una situación cotidiana o momento del día
316
+ 3. Superación: Un conector con toque de humor (sin, incluso si, aunque, etc.)
317
+
318
+ ESTRUCTURA REQUERIDA:
319
+ [Meta deseable] + [Momento cotidiano] + [Conector humorístico]
320
+
321
+ EJEMPLOS EFECTIVOS:
322
+ - "Domina el arte de la inversión mientras te cepillas los dientes incluso si confundes Excel con PowerPoint"
323
+ - "Aprende un nuevo idioma durante tus visitas al baño aunque solo sepas decir gracias y por favor"
324
+ - "Conquista el miedo a hablar en público durante el desayuno a pesar de que te tiemblen hasta las pestañas"
325
+ - "Desarrolla músculos preparando café cuando levantar la taza te parece ejercicio extremo"
326
+ - "Domina la fotografía profesional en el supermercado aun con ese celular que sobrevivió tres caídas"
327
+
328
+ VALIDACIONES:
329
+ - ¿Incluye una meta clara y deseable?
330
+ - ¿Menciona un momento cotidiano específico?
331
+ - ¿Usa un conector humorístico natural?
332
+ - ¿Mantiene el humor sin ser ridículo?
333
+ - ¿Es relevante para {target_audience}?
334
+
335
+ Historia a titular:
336
+ {story}
337
+ """,
338
+
339
+ "AIDA": f"""
340
+ {system_prompt}
341
+
342
+ INSTRUCCIONES PARA TITULAR AIDA:
343
+ Crea un titular que combine:
344
+ 1. Atención: Gancho sorprendente o contraintuitivo
345
+ 2. Interés: Desarrollo que intriga
346
+ 3. Deseo: Promesa transformadora
347
+ 4. Acción: Siguiente paso natural
348
+
349
+ ESTRUCTURA REQUERIDA:
350
+ [Gancho sorprendente] + [Desarrollo intrigante] + [Promesa]
351
+
352
+ EJEMPLOS EFECTIVOS:
353
+ - "¿Sabías que el 83% de los emprendedores exitosos dedican menos de 2 horas al día a reuniones?"
354
+ - "La mayoría no sabe que existe una técnica de ventas basada en videojuegos"
355
+ - "Contrario a lo que piensas, el momento más productivo del día no es por la mañana"
356
+ - "Como el bambú japonés, este método crece invisible hasta explotar en resultados"
357
+ - "Los atletas olímpicos entrenan menos horas pero logran más gracias a esta técnica"
358
+
359
+ VALIDACIONES:
360
+ - ¿El gancho genera curiosidad inmediata?
361
+ - ¿El desarrollo mantiene el interés?
362
+ - ¿La promesa es creíble y atractiva?
363
+ - ¿Mantiene coherencia con la historia?
364
+ - ¿Es relevante para {target_audience}?
365
+
366
+ Historia a titular:
367
+ {story}
368
+ """,
369
+
370
+ "4U": f"""
371
+ {system_prompt}
372
+
373
+ INSTRUCCIONES PARA TITULAR 4U:
374
+ Combina estratégicamente:
375
+ 1. Útil: Beneficio práctico y tangible
376
+ 2. Urgente: Motivador de acción inmediata
377
+ 3. Único: Diferenciador memorable
378
+ 4. Ultra-específico: Detalles precisos y medibles
379
+
380
+ ESTRUCTURA REQUERIDA:
381
+ [Beneficio útil] + [Elemento único] + [Detalle ultra-específico] + [Urgencia]
382
+
383
+ EJEMPLOS EFECTIVOS:
384
+ - "Aprende 347 palabras en alemán memorizando solo 12 minutos al día mientras cocinas"
385
+ - "Cultiva 27 tipos de hierbas aromáticas en 1.5 metros cuadrados de balcón"
386
+ - "Automatiza 89% de tus tareas administrativas dedicando 31 minutos cada lunes"
387
+ - "La técnica de un cartero rural ayuda a 1893 personas a organizar su tiempo"
388
+ - "Un bibliotecario retirado genera 12437 euros vendiendo libros antiguos"
389
+
390
+ VALIDACIONES:
391
+ - ¿Incluye un beneficio claro y medible?
392
+ - ¿Tiene un elemento diferenciador único?
393
+ - ¿Usa datos específicos y creíbles?
394
+ - ¿Genera sensación de urgencia natural?
395
+ - ¿Es relevante para {target_audience}?
396
+
397
+ Historia a titular:
398
+ {story}
399
+ """
400
+ }
401
+
402
+ headline_prompt = formula_prompts.get(formula_type, f"""
403
+ {system_prompt}
404
+
405
+ INSTRUCCIONES ESPECÍFICAS:
406
+ Genera un titular persuasivo y memorable que:
407
+ - Conecte directamente con la historia narrada
408
+ - Refleje la transformación o experiencia descrita
409
+ - Use elementos específicos mencionados en el contenido
410
+ - Mantenga un tono {mood} coherente con la narrativa
411
+ - Sea conciso pero impactante
412
+ - No mencione directamente "{product}"
413
+ - Genere curiosidad mientras mantiene la relevancia
414
+
415
+ IMPORTANTE:
416
+ - El titular debe surgir naturalmente de la historia
417
+ - Usa palabras clave y conceptos presentes en la narrativa
418
+ - Evita titulares genéricos que podrían aplicar a cualquier historia
419
+
420
+ Historia a titular:
421
+ {story}
422
+ """)
423
+
424
+ response = model.generate_content([headline_prompt])
425
+ if response and response.parts:
426
+ # Extraer el titular entre comillas si existe
427
+ headline_text = response.parts[0].text.strip()
428
+ import re
429
+ match = re.search(r'"([^"]*)"', headline_text)
430
+ if match:
431
+ return match.group(1)
432
+ return headline_text
433
+ return None
434
+
435
+ def generate_story(formula_type, target_audience, product, action, mood, length, temperature, story_topic=None):
436
+ """Función unificada para generar historias"""
437
+
438
+ # Definir la configuración del modelo
439
+ generation_config = {
440
+ "temperature": temperature,
441
+ "top_p": 0.65,
442
+ "top_k": 360,
443
+ "max_output_tokens": 8196,
444
+ }
445
+
446
+ # Inicializar el modelo con la configuración
447
+ model = genai.GenerativeModel(
448
+ model_name="gemini-2.0-flash",
449
+ generation_config=generation_config
450
+ )
451
+
452
+ if formula_type not in story_formulas:
453
+ raise ValueError("Fórmula no válida")
454
+
455
+ # Añadir instrucciones de naturalidad al inicio del prompt
456
+ natural_instruction = f"""
457
+ IMPORTANTE - NATURALIDAD EN LA HISTORIA:
458
+ - NO menciones "{product}" de forma literal o forzada
459
+ - Introduce el producto/servicio de manera sutil y orgánica en la narrativa
460
+ - Evita que suene como una fórmula publicitaria
461
+ - La solución debe surgir naturalmente de la historia
462
+ - Usa variaciones y descripciones naturales en lugar del nombre exacto
463
+ - La historia debe fluir como una conversación real, no como un anuncio
464
+ """
465
+
466
+ # Análisis del público objetivo
467
+ audience_analysis = f"""
468
+ ANÁLISIS DEL PÚBLICO OBJETIVO: {target_audience}
469
+
470
+ INSTRUCCIONES DE ANÁLISIS:
471
+ 1. Dolores y Problemas:
472
+ - Identifica los problemas cotidianos específicos de {target_audience}
473
+ - Reconoce sus frustraciones y miedos más profundos
474
+ - Analiza las consecuencias emocionales de estos problemas
475
+ - Considera el impacto en su vida diaria
476
+
477
+ 2. Creencias y Valores:
478
+ - Comprende sus creencias limitantes
479
+ - Identifica sus aspiraciones y sueños
480
+ - Reconoce sus valores fundamentales
481
+ - Entiende sus motivaciones principales
482
+
483
+ 3. Situaciones de Vida:
484
+ - Visualiza sus rutinas diarias
485
+ - Identifica momentos de tensión o conflicto
486
+ - Reconoce sus contextos sociales y profesionales
487
+ - Comprende sus responsabilidades y presiones
488
+
489
+ 4. Puntos de Dolor Específicos:
490
+ - Problemas prácticos: [analiza sus dificultades concretas]
491
+ - Dolores emocionales: [identifica sus preocupaciones más profundas]
492
+ - Miedos: [reconoce sus temores principales]
493
+ - Frustraciones: [entiende sus obstáculos recurrentes]
494
+
495
+ CONTEXTO NARRATIVO:
496
+ - Si hay story_topic ("{story_topic if story_topic else 'No especificado'}"),
497
+ úsalo como escenario o contexto para desarrollar la historia
498
+ - El protagonista debe reflejar fielmente las características de {target_audience}
499
+ - Los problemas y situaciones deben ser 100% reconocibles por la audiencia
500
+ - La transformación debe abordar directamente sus dolores específicos
501
+ """
502
+
503
+ # Definir el system prompt dentro de la función
504
+ system_prompt = """You are a world-class copywriter, specialized in crafting persuasive stories that emotionally connect with readers and drive them to action.
505
+
506
+ FORMAT RULES:
507
+ - Story must be structured in short paragraphs (2-4 lines maximum)
508
+ - Number of paragraphs should adjust to requested length
509
+ - Each section must flow naturally into the next
510
+ - No explicit section labels
511
+ - Include smooth transitions between parts
512
+ - Story must feel complete and cohesive
513
+ - Break text for better readability and impact
514
+
515
+ FORMULA APPLICATION:
516
+ - The selected formula MUST be applied to the entire story
517
+ - Review and follow the structure from story_formulas[formula_type]["description"]
518
+ - Use examples in story_formulas[formula_type]["examples"] as inspiration
519
+ - Formula provides framework, tone provides emotional layer
520
+ - Paragraphs can be more or fewer than formula steps
521
+ - Structure should be present but not obvious
522
+
523
+ CONTENT AND AUDIENCE:
524
+ - Focus on relatable, everyday situations
525
+ - Describe specific audience problems and obstacles
526
+ - Use details that generate immediate identification
527
+ - Story must faithfully reflect audience's real life
528
+ - Problems and situations must be 100% recognizable
529
+ - Base narrative on real audience pain points
530
+ - Each story must be unique and memorable
531
+ - Avoid clichés and generic scenarios
532
+
533
+ TONE AND STYLE:
534
+ - Mood only affects emotional tone, not structure
535
+ - Emotions should arise from real situations
536
+ - Keep focus on audience regardless of tone
537
+ - Selected tone must remain consistent
538
+ - Both formula and tone must complement each other
539
+ - Maintain voice appropriate for target audience
540
+
541
+ SPECIAL CONSIDERATIONS FOR GHA:
542
+ - Story must develop around specified topic
543
+ - Topic should be the main thread
544
+ - Integrate product/service naturally within topic context
545
+ - Keep topic as central narrative element
546
+
547
+ IMPORTANT:
548
+ - Each story must be unique and memorable
549
+ - Avoid clichés and generic scenarios
550
+ - Maintain a credible and authentic voice
551
+ - Adapt language to target audience
552
+ - Focus on emotional transformation
553
+ - Follow formula structure while maintaining selected tone
554
+ - Never explicitly label sections
555
+ - Integrate product and call-to-action organically
556
+
557
+ LANGUAGE INSTRUCTIONS:
558
+ - Generate the story in Spanish
559
+ - Use natural, fluent Spanish
560
+ - Maintain cultural relevance for Spanish-speaking audiences
561
+ - Ensure idioms and expressions are appropriate for Spanish
562
+ - Keep all story content in Spanish, only system instructions in English
563
+
564
+ CALL TO ACTION GUIDELINES:
565
+ In the end of each story create a natural and persuasive call to action that:
566
+
567
+ Flows naturally from the story
568
+ Focuses on transformation and benefits
569
+ KEY ELEMENTS IN EVERY CTA:
570
+
571
+ Transformational Benefit → What will change in their life
572
+ Implicit Social Proof → Others have already achieved it
573
+ Simple Next Step → A clear and achievable action
574
+ Natural Urgency → Based on benefits, not scarcity
575
+
576
+ IMPORTANT:
577
+
578
+ The CTA must flow naturally from the story
579
+ Maintain the established emotional tone
580
+ Use language that inspires rather than pressures
581
+ Connect with the transformation described in the story
582
+
583
+ KEY ELEMENTS TO INCLUDE:
584
+ - Relatable situations and characters
585
+ - Sensory details and vivid descriptions
586
+ - Natural problem-solution progression
587
+ - Organic product integration
588
+ - Compelling but subtle call-to-action
589
+ - Focus on transformation and emotional journey
590
+
591
+ STORY DEVELOPMENT:
592
+ - Build tension through real-life scenarios
593
+ - Develop solution naturally within narrative
594
+ - End with clear but organic call to action
595
+ - Maintain emotional consistency throughout
596
+ - Ensure each paragraph serves story progression"""
597
+
598
+ story_instruction = f"{system_prompt}\n\n{audience_analysis}\n\n"
599
+
600
+ # Instrucciones específicas para GHA cuando hay story_topic
601
+ if formula_type == "GHA" and story_topic:
602
+ story_instruction += f"""
603
+ INTEGRACIÓN DEL TEMA CENTRAL EN LA HISTORIA:
604
+
605
+ TEMA PRINCIPAL: "{story_topic}"
606
+
607
+ 1. ESTRUCTURA NARRATIVA:
608
+ - Primer párrafo: Introduce el tema "{story_topic}" de forma cautivadora
609
+ - Desarrollo: Profundiza en la experiencia/situación relacionada con el tema
610
+ - Clímax: Momento de transformación donde el producto se integra naturalmente
611
+ - Cierre: Resolución que conecta el tema con la solución propuesta
612
+
613
+ 2. DESARROLLO DEL TEMA:
614
+ - Usa el tema como hilo conductor de toda la historia
615
+ - Describe situaciones específicas relacionadas con {story_topic}
616
+ - Incluye detalles y experiencias únicas del tema
617
+ - Mantén el foco en la perspectiva de {target_audience} sobre {story_topic}
618
+
619
+ 3. INTEGRACIÓN DEL PRODUCTO:
620
+ - NO menciones {product} hasta haber desarrollado bien el tema
621
+ - El producto debe surgir como solución natural a una situación del tema
622
+ - Conecta los beneficios de {product} con aspectos específicos de {story_topic}
623
+ - Mantén el protagonismo del tema por encima del producto
624
+
625
+ 4. ELEMENTOS OBLIGATORIOS:
626
+ - Mínimo 3 referencias específicas a {story_topic}
627
+ - Al menos 2 situaciones o momentos relacionados con el tema
628
+ - Una conexión clara entre el tema y la necesidad del producto
629
+ - Un cierre que refuerce la relación entre tema y solución
630
+
631
+ 5. VALIDACIONES:
632
+ - ¿La historia gira realmente en torno a {story_topic}?
633
+ - ¿Se mantiene el tema como elemento central?
634
+ - ¿La integración del producto es natural dentro del contexto del tema?
635
+ - ¿El llamado a la acción conecta con el tema desarrollado?
636
+
637
+ RECORDATORIO IMPORTANTE:
638
+ - La historia debe ser 100% sobre {story_topic}
639
+ - El producto es secundario al tema
640
+ - Cada párrafo debe contener elementos del tema
641
+ - La transformación debe estar directamente relacionada con {story_topic}
642
+ """
643
+
644
+ # Añadir ejemplos específicos para el tipo de tema
645
+ story_instruction += f"""
646
+ EJEMPLOS DE INTEGRACIÓN DEL TEMA:
647
+
648
+ Si el tema es una experiencia personal:
649
+ ❌ "Un día cualquiera..."
650
+ ✓ "Aquella mañana en [situación específica del tema]..."
651
+
652
+ Si el tema es una situación:
653
+ ❌ "Las personas suelen..."
654
+ ✓ "En medio de [detalle específico del tema]..."
655
+
656
+ Si el tema es un concepto:
657
+ ❌ "Todos queremos mejorar..."
658
+ ✓ "Cuando te enfrentas a [aspecto específico del tema]..."
659
+
660
+ ESTRUCTURA DEL PÁRRAFO INICIAL:
661
+ 1. Situación específica del {story_topic}
662
+ 2. Conexión emocional con {target_audience}
663
+ 3. Transición hacia el desarrollo
664
+ """
665
+
666
+ # Añadir instrucciones sobre el producto y beneficios
667
+ story_instruction += f"""
668
+ PRODUCT INTEGRATION GUIDELINES:
669
+ - Evita menciones obvias de {product}
670
+ - Enfócate en despertar interés genuino mostrando beneficios transformacionales
671
+ - Integra el producto de manera natural en la narrativa
672
+ - Destaca cómo el producto mejora la vida del protagonista
673
+ - Mantén el tono {mood} al describir los beneficios
674
+
675
+ IMPORTANT REMINDER:
676
+ - The entire story must be written in Spanish
677
+ - Use natural expressions and cultural references appropriate for Spanish-speaking audiences
678
+ - Ensure the story flows naturally in Spanish
679
+ """
680
+
681
+ # Si es GHA y hay story_topic, añadir instrucciones específicas
682
+ if formula_type == "GHA" and story_topic:
683
+ system_prompt += f"""
684
+ INSTRUCCIONES ESPECÍFICAS PARA GHA:
685
+ - El titular DEBE incorporar elementos del story_topic: "{story_topic}"
686
+ - Mantén el enfoque principal en la transformación o experiencia relacionada con el tema
687
+ - Usa palabras clave o conceptos específicos mencionados en la historia
688
+ - Asegúrate de que el titular refleje la esencia del story_topic
689
+ - La conexión entre el titular y el tema debe ser clara y natural
690
+ CALL TO ACTION GUIDELINES:
691
+ In the end of each story create a natural and persuasive call to action that:
692
+
693
+ Flows naturally from the story
694
+ Focuses on transformation and benefits
695
+ KEY ELEMENTS IN EVERY CTA:
696
+
697
+ Transformational Benefit → What will change in their life
698
+ Implicit Social Proof → Others have already achieved it
699
+ Simple Next Step → A clear and achievable action
700
+ Natural Urgency → Based on benefits, not scarcity
701
+
702
+ IMPORTANT:
703
+
704
+ The CTA must flow naturally from the story
705
+ Maintain the established emotional tone
706
+ Use language that inspires rather than pressures
707
+ Connect with the transformation described in the story
708
+ """
709
+
710
+ # Instrucciones de estudio de ejemplos
711
+ story_instruction += f"""
712
+ IMPORTANTE: Estudia cuidadosamente estos ejemplos de la fórmula seleccionada.
713
+ Cada ejemplo representa el estilo y estructura a seguir, adaptados al tono {mood}:
714
+ """
715
+
716
+ # Seleccionar ejemplos aleatorios
717
+ random_examples = random.sample(story_formulas[formula_type]['examples'],
718
+ min(3, len(story_formulas[formula_type]['examples'])))
719
+
720
+ # Agregar ejemplos seleccionados
721
+ story_instruction += "\nEJEMPLOS DE LA FÓRMULA A SEGUIR:\n"
722
+ for i, example in enumerate(random_examples, 1):
723
+ story_instruction += f"""
724
+ Ejemplo {i}:
725
+ Título: {example['title']}
726
+ Audiencia: {example['target']}
727
+ Acción: {example['action']}
728
+ Historia:
729
+ {example['story']}
730
+ """
731
+
732
+ # Agregar instrucciones específicas
733
+ story_instruction += """
734
+ INSTRUCCIONES ESPECÍFICAS:
735
+ 1. Mantén la misma estructura y longitud que los ejemplos anteriores
736
+ 2. Usa el mismo tono y estilo de escritura, adaptado al mood especificado
737
+ 3. Replica los patrones de construcción de frases y transiciones
738
+ 4. Conserva el nivel de especificidad y detalle en las descripciones
739
+ 5. Adapta el contenido para la audiencia manteniendo la esencia de los ejemplos
740
+ 6. Integra los beneficios del producto de manera sutil y convincente
741
+ 7. Asegura que la transformación del protagonista sea creíble y emotiva
742
+ """
743
+
744
+ # Agregar la descripción de la fórmula
745
+ story_instruction += f"\nFÓRMULA A SEGUIR:\n{story_formulas[formula_type]['description']}\n\n"
746
+
747
+ # Recordatorio final
748
+ story_instruction += f"""
749
+ RECORDATORIO FINAL:
750
+ 1. Sigue la estructura de la fórmula seleccionada
751
+ 2. Aplica el tono {mood} de manera consistente
752
+ 3. Mantén la coherencia narrativa
753
+ 4. Asegura que la historia refleje una transformación auténtica
754
+ 5. Integra {product} y sus beneficios de forma natural
755
+ 6. Culmina con un llamado a la acción convincente: {action}
756
+
757
+ GENERA AHORA:
758
+ Crea una historia persuasiva de {length} palabras en español que siga fielmente el estilo y estructura de los ejemplos mostrados,
759
+ manteniendo un tono {mood} y enfocándote en la transformación que {product} puede traer a la vida de {target_audience}.
760
+
761
+ IMPORTANT FINAL REMINDER:
762
+ - Write the complete story in Spanish
763
+ - Ensure natural flow and cultural relevance
764
+ - Maintain authentic Spanish expressions and tone
765
+ """
766
+
767
+ # Asegúrate de que las instrucciones de naturalidad estén al inicio del prompt
768
+ story_instruction = f"{natural_instruction}\n\n{story_instruction}"
769
+
770
+ # Generar la historia
771
+ response = model.generate_content([story_instruction])
772
+ if response and response.parts:
773
+ story = response.parts[0].text.strip()
774
+ formula_types = ["GPS", "AIDA", "4U", "Númerica Suprema"]
775
+ selected_formula = random.choice(formula_types)
776
+ headline = generate_headline_for_story(story, selected_formula, product, target_audience, mood, temperature)
777
+ if headline:
778
+ return f"{headline}\n\n{story}"
779
+ raise ValueError("No se pudo generar la historia")
780
+
781
+ # Inicializar la aplicación Streamlit
782
+ st.set_page_config(page_title="Generador de Historias", page_icon=":pencil:", layout="wide")
783
+
784
+ # Leer el contenido del archivo manual.md
785
+ with open("manual.md", "r", encoding="utf-8") as file:
786
+ manual_content = file.read()
787
+
788
+ # Mostrar el contenido del manual en el sidebar
789
+ st.sidebar.markdown(manual_content)
790
+
791
+ # Ocultar elementos de la interfaz
792
+ st.markdown("""
793
+ <style>
794
+
795
+ /* Reducir espacio superior */
796
+ .block-container {
797
+ padding-top: 1rem;
798
+ padding-bottom: 5rem;
799
+ }
800
+
801
+ /* Ajustar espaciado del título */
802
+ h1 {
803
+ margin-top: -2rem;
804
+ padding-top: 0.5rem;
805
+ }
806
+
807
+ /* Ajustar espaciado del subtítulo */
808
+ h4 {
809
+ margin-top: 0.5rem;
810
+ padding-top: 0rem;
811
+ }
812
+ </style>
813
+ """, unsafe_allow_html=True)
814
+
815
+ # Título y subtítulo
816
+ st.markdown("<h1 style='text-align: center;'>Story Genius Maker</h1>", unsafe_allow_html=True)
817
+ st.markdown("<h3 style='text-align: center;'>Teje historias inolvidables en segundos, guiado por la magia de la inteligencia artificial que da vida a tus ideas en relatos cautivadores.</h3>", unsafe_allow_html=True)
818
+
819
+ # Añadir CSS personalizado para el botón
820
+ st.markdown("""
821
+ <style>
822
+ div.stButton > button {
823
+ background-color: #FFCC00;
824
+ color: black;
825
+ width: 90%;
826
+ height: 60px;
827
+ font-weight: bold;
828
+ font-size: 22px;
829
+ text-transform: uppercase;
830
+ border: 1px solid #000000;
831
+ border-radius: 8px;
832
+ display: block;
833
+ margin: 0 auto;
834
+ }
835
+ div.stButton > button:hover {
836
+ background-color: #FFD700;
837
+ color: black;
838
+ }
839
+ </style>
840
+ """, unsafe_allow_html=True)
841
+
842
+ # Crear las columnas para el diseño (40% para la izquierda, 60% para la derecha)
843
+ col1, col2 = st.columns([2, 3])
844
+
845
+ # Cambiar el comportamiento del slider cuando se seleccione "GHA"
846
+ with col1:
847
+ target_audience = st.text_input("Público objetivo",
848
+ placeholder="¿A quién está dirigido tu mensaje?")
849
+ product = st.text_input("Producto/Servicio",
850
+ placeholder="¿Qué estás ofreciendo?")
851
+ action = st.text_area("Llamado a la acción",
852
+ placeholder="¿Qué acción específica debe tomar tu audiencia?")
853
+
854
+ # Personalización adicional
855
+ with st.expander("Personaliza tu historia"):
856
+ # Código de selección de fórmula movido aquí
857
+ available_formulas = list(story_formulas.keys())
858
+ formula_display_names = []
859
+ formula_mapping = {}
860
+
861
+ for formula in available_formulas:
862
+ display_name = '.'.join(list(formula)) if formula.isupper() else formula
863
+ formula_display_names.append(display_name)
864
+ formula_mapping[display_name] = formula
865
+
866
+ formula = st.radio(
867
+ "Selecciona la fórmula para generar tu historia:",
868
+ formula_display_names
869
+ )
870
+
871
+ selected_formula = formula_mapping[formula]
872
+
873
+ # Resto de las opciones de personalización
874
+ mood = st.selectbox("Tono de la historia:",
875
+ ["Emocional", "Triste", "Feliz", "Horror", "Comedia", "Romántico"])
876
+
877
+ if selected_formula == "GHA":
878
+ length = st.slider("Longitud de la historia (palabras):",
879
+ min_value=50, max_value=150, value=100, step=10)
880
+ else:
881
+ length = st.slider("Longitud de la historia (palabras):",
882
+ min_value=50, max_value=150, value=100, step=10)
883
+
884
+ temperature = st.slider(
885
+ "Nivel de creatividad:",
886
+ min_value=0.0,
887
+ max_value=2.0,
888
+ value=1.0,
889
+ step=0.1,
890
+ help="Valores más altos generan historias más creativas pero menos predecibles. Valores más bajos producen historias más consistentes."
891
+ )
892
+
893
+ # Campo story_topic fuera del expander pero dependiente de la fórmula seleccionada
894
+ story_topic = None
895
+ if selected_formula == "GHA":
896
+ story_topic = st.text_area(
897
+ "De qué quieres que trate la historia",
898
+ placeholder="Explica si hay algo específico sobre lo que te gustaría contar (puede ser una vivencia personal, película, cuento, personaje ficticio, etc.)."
899
+ )
900
+
901
+ # Botón para generar contenido
902
+ submit = st.button("Generar mi historia")
903
+
904
+ # Mostrar el contenido generado en la columna derecha (col2)
905
+ with col2:
906
+ if submit:
907
+ if target_audience and product and action:
908
+ try:
909
+ if selected_formula == "GHA":
910
+ if story_topic:
911
+ response = generate_story(selected_formula, target_audience, product,
912
+ action, mood, length, temperature, story_topic)
913
+ else:
914
+ st.error("Por favor, completa todos los campos requeridos para la fórmula G.H.A.")
915
+ response = ""
916
+ else:
917
+ response = generate_story(selected_formula, target_audience, product,
918
+ action, mood, length, temperature)
919
+
920
+ if response:
921
+ st.markdown(f"""
922
+ <div style="
923
+ border: 1px solid #ddd;
924
+ border-radius: 8px;
925
+ padding: 20px;
926
+ background-color: #ffffff;
927
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
928
+ margin-top: 20px;
929
+ ">
930
+ <h3 style="
931
+ color: #333;
932
+ margin-bottom: 15px;
933
+ font-size: 1.2em;
934
+ border-bottom: 1px solid #eee;
935
+ padding-bottom: 10px;
936
+ ">Historia Generada:</h3>
937
+ <p style="
938
+ white-space: pre-line;
939
+ line-height: 1.6;
940
+ color: #444;
941
+ font-size: 1.1em;
942
+ ">{response}</p>
943
+ </div>
944
+ """, unsafe_allow_html=True)
945
+ except ValueError as e:
946
+ st.error(f"Error: {str(e)}")
947
+ else:
948
+ st.error("Por favor, completa todos los campos requeridos (Público objetivo, Producto y Acción).")