Upload 12 files

app.py

@@ -1,463 +1,506 @@
-from dotenv import load_dotenv
-import streamlit as st
-import os
-import google.generativeai as genai
-import random
-import datetime                    
-from streamlit import session_state as state
-from angles import angles
-from formulas.webinar_formulas import webinar_formulas
-from formulas.webinar_name_formulas import webinar_name_formulas
-from formulas.angles_webinar_names import angles_webinar_names
-
-# Cargar las variables de entorno
-load_dotenv()
-
-# Configurar la API de Google
-genai.configure(api_key=os.getenv("GOOGLE_API_KEY"))
-
-# Create a reusable function for the UI input section
-def create_input_section(col, audience_key, product_key, formula_options, formula_key):
-    audience = col.text_input("¿Quién es tu público objetivo?", placeholder="Ejemplo: Emprendedores digitales", key=audience_key)
-    product = col.text_input("¿Sobre qué tema es tu webinar?", placeholder="Ejemplo: Marketing en redes sociales", key=product_key)
-    
-    selected_formula_key = col.selectbox(
-        "Selecciona un framework de webinar" if "script" in audience_key else "Selecciona una fórmula para tus nombres de webinar",
-        options=list(formula_options.keys()),
-        key=formula_key
-    )
-    
-    return audience, product, selected_formula_key
-
-# Create a reusable function for generation and display
-def generate_and_display(col, generator_func, audience, product, temperature, selected_formula, **kwargs):
-    if validate_inputs(audience, product):
-        try:
-            with col:
-                with st.spinner("Generando contenido...", show_time=True):
-                    # Extract only the parameters that the generator function accepts
-                    if generator_func.__name__ == "generate_webinar_script":
-                        generated_content = generator_func(
-                            audience=audience,
-                            topic=product,
-                            temperature=temperature,
-                            selected_formula=selected_formula
-                        )
-                    else:
-                        generated_content = generator_func(
-                            audience=audience,
-                            topic=product,
-                            temperature=temperature,
-                            selected_formula=selected_formula,
-                            **kwargs
-                        )
-                
-                # For webinar scripts, add download buttons
-                if "script" in kwargs.get("content_type", ""):
-                    timestamp = datetime.datetime.now().strftime("%Y%m%d_%H%M%S")
-                    st.download_button(
-                        label="DESCARGAR GUION DE MI WEBINAR",
-                        data=generated_content,
-                        file_name=f"guion_webinar_{timestamp}.md",
-                        mime="text/markdown",
-                        key="download_top"
-                    )
-                
-                st.subheader("Tu " + ("guión de webinar:" if "script" in kwargs.get("content_type", "") else "nombres de webinar:"))
-                st.markdown(generated_content)
-                
-                # Add bottom download button for scripts
-                if "script" in kwargs.get("content_type", ""):
-                    st.download_button(
-                        label="DESCARGAR GUION DE MI WEBINAR",
-                        data=generated_content,
-                        file_name=f"guion_webinar_{timestamp}.md",
-                        mime="text/markdown",
-                        key="download_bottom"
-                    )
-        except ValueError as e:
-            col.error(f"Error: {str(e)}")
-    else:
-        col.error("Por favor, proporciona el público objetivo y el tema del webinar.")
-
-# Función para crear la configuración del modelo (evita duplicación)
-def create_model_config(temperature):
-    return {
-        "temperature": temperature,
-        "top_p": 0.65,
-        "top_k": 360,
-        "max_output_tokens": 8196,
-    }
-
-# Función para inicializar el modelo
-def initialize_model(temperature):
-    config = create_model_config(temperature)
-    return genai.GenerativeModel(
-        model_name="gemini-2.0-flash",
-        generation_config=config,
-    )
-
-# Refactored model interaction function to reduce duplication
-def generate_content(prompt_instructions, temperature):
-    model = initialize_model(temperature)
-    chat_session = model.start_chat(
-        history=[
-            {
-                "role": "user",
-                "parts": [prompt_instructions],
-            },
-        ]
-    )
-    response = chat_session.send_message("Generate the content following exactly the provided instructions. All content must be in Spanish.")
-    return response.text
-
-# Función para generar nombres de webinars
-def generate_webinar_names(number_of_names, target_audience, product, temperature, selected_formula, selected_angle=None):
-    # Incluir las instrucciones del sistema en el prompt principal
-    system_prompt = """You are a world-class copywriter, with expertise in crafting compelling webinar titles that immediately capture the audience's attention and drive registrations.
-
-FORMAT RULES:
-- Each webinar name must start with number and period
-- One webinar name per line
-- No explanations or categories
-- Add a line break between each name
-- Avoid unnecessary : symbols
-- Each webinar name must be a complete and intriguing title
-- WRITE ALL WEBINAR NAMES IN SPANISH
-
-FORMAT EXAMPLE:
-1. Nombre del Webinar 1.
-
-2. Nombre del Webinar 2.
-
-3. Nombre del Webinar 3.
-
-4. Nombre del Webinar 4.
-
-5. Nombre del Webinar 5.
-
-IMPORTANT:
-- Each webinar name must be unique and memorable
-- Avoid clichés and generalities
-- Maintain an intriguing but credible tone
-- Adapt speaking language from the audience
-- Focus on transformative benefits
-- Follow the selected formula structure
-- WRITE ALL WEBINAR NAMES IN SPANISH"""
-
-    # Iniciar el prompt con las instrucciones del sistema
-    webinar_names_instruction = f"{system_prompt}\n\n"
-    
-    # Añadir instrucciones de ángulo solo si no es "NINGUNO" y se proporcionó un ángulo
-    if selected_angle and selected_angle != "NINGUNO":
-        webinar_names_instruction += f"""
-MAIN ANGLE: {selected_angle}
-SPECIFIC ANGLE INSTRUCTIONS:
-{angles_webinar_names[selected_angle]["instruction"]}
-
-IMPORTANT: The {selected_angle} angle should be applied as a "style layer" over the formula structure:
-1. Keep the base structure of the formula intact
-2. Apply the tone and style of the {selected_angle} angle
-3. Ensure that each element of the formula reflects the angle
-4. The angle affects "how" it is said, not "what" is said
-
-SUCCESSFUL EXAMPLES OF THE {selected_angle} ANGLE:
-"""
-        for example in angles_webinar_names[selected_angle]["examples"]:
-            webinar_names_instruction += f"- {example}\n"
-    
-    # Instrucciones específicas para la tarea
-    webinar_names_instruction += (
-        f"\nYour task is to create {number_of_names} irresistible webinar names for {target_audience} "
-        f"that instantly capture attention and generate registrations for a webinar about {product}. "
-        f"Focus on awakening genuine interest and communicating the value they will get by registering."
-        f"\n\n"
-        f"IMPORTANT: Carefully study these examples of the selected formula. "
-        f"Each example represents the style and structure to follow"
-        f":\n\n"
-    )
-    
-    # Agregar ejemplos aleatorios de la fórmula (keeping examples in Spanish)
-    random_examples = random.sample(selected_formula['examples'], min(5, len(selected_formula['examples'])))
-    webinar_names_instruction += "EXAMPLES OF THE FORMULA TO FOLLOW:\n"
-    for i, example in enumerate(random_examples, 1):
-        webinar_names_instruction += f"{i}. {example}\n"
-    
-    # Instrucciones específicas (translated to English)
-    webinar_names_instruction += "\nSPECIFIC INSTRUCTIONS:\n"
-    webinar_names_instruction += "1. Maintain the same structure and length as the previous examples\n"
-    webinar_names_instruction += "2. Use the same tone and writing style\n"
-    webinar_names_instruction += "3. Replicate the phrase construction patterns\n"
-    webinar_names_instruction += "4. Preserve the level of specificity and detail\n"
-    webinar_names_instruction += f"5. Adapt the content for {target_audience} while maintaining the essence of the examples\n\n"
-    webinar_names_instruction += f"FORMULA TO FOLLOW:\n{selected_formula['description']}\n\n"
-    webinar_names_instruction += f"""
-GENERATE NOW:
-Create {number_of_names} webinar names that faithfully follow the style and structure of the examples shown.
-"""
-
-    # Enviar el mensaje al modelo
-    # Use the common generate_content function
-    return generate_content(webinar_names_instruction, temperature)
-
-def generate_webinar_script(audience, topic, temperature, selected_formula):
-    model = initialize_model(temperature)
-    
-    # Incluir las instrucciones del sistema en el prompt principal
-    system_prompt = f"""You are a collaborative team of world-class experts working together to create an exceptional webinar script that converts audience into customers.
-
-THE EXPERT TEAM:
-
-1. MASTER WEBINAR STRATEGIST:
-   - Expert in webinar frameworks and conversion strategies
-   - Trained in the Perfect Webinar methodology by Russell Brunson
-   - Ensures the script follows the selected framework structure precisely
-   - Focuses on strategic placement of key conversion elements
-
-2. ELITE DIRECT RESPONSE COPYWRITER:
-   - Trained by Gary Halbert, Gary Bencivenga, and David Ogilvy
-   - Creates compelling hooks, stories, and persuasive elements
-   - Crafts irresistible calls to action that drive conversions
-   - Ensures the language resonates with the target audience
-
-3. AUDIENCE PSYCHOLOGY SPECIALIST:
-   - Expert in understanding audience motivations and objections
-   - Creates content that builds genuine connection and trust
-   - Identifies and addresses hidden fears and desires
-   - Ensures the content feels personal and relevant
-
-4. STORYTELLING MASTER:
-   - Creates compelling narratives that illustrate key points
-   - Develops relatable examples and case studies
-   - Ensures stories support the transformation being offered
-   - Makes complex concepts accessible through narrative
-
-5. WEBINAR ENGAGEMENT EXPERT:
-   - Specializes in maintaining audience attention throughout
-   - Creates interactive elements and engagement hooks
-   - Develops compelling transitions between sections
-   - Ensures the webinar flows naturally and keeps interest high
-
-AUDIENCE UNDERSTANDING:
-You understand how real people interact with webinar content:
-- They quickly lose interest if the content feels generic or corporate
-- They only stay engaged when the content feels personal and sparks genuine curiosity
-- They respond to messages that seem delivered by a real person, not a corporation
-- They engage with content that hooks them from the first line and maintains interest throughout
-
-FORMAT RULES:
-- Create a complete webinar script with clear sections and subsections
-- Include specific talking points for each section
-- Write in a conversational, engaging tone
-- Include persuasive elements and calls to action
-- Follow the selected webinar framework structure exactly
-- WRITE THE ENTIRE SCRIPT IN SPANISH
-- DO NOT include any introductory text or explanations about the script
-- Start directly with the webinar content
-
-IMPORTANT:
-- The script must be comprehensive and ready to use
-- Include specific examples and stories relevant to the topic
-- Maintain a persuasive but authentic tone
-- Adapt language to match the target audience
-- Focus on transformative benefits and clear value proposition
-- Follow the selected formula structure precisely
-- WRITE THE ENTIRE SCRIPT IN SPANISH
-- DO NOT include phrases like "Aquí tienes un guion completo" or any other meta-commentary
-
-COLLABORATIVE PROCESS:
-As a team of experts, you will:
-
-1. Analyze the framework '{selected_formula['description']}' to understand its core principles
-2. Identify how to best adapt this framework for {audience} learning about {topic}
-3. Determine the most effective storytelling opportunities within the framework
-4. Create persuasive language that resonates with {audience}
-5. Ensure the script maintains engagement throughout
-6. Adapt the content to be accessible to beginners while still valuable to experienced individuals
-7. Follow the exact structure provided in the framework
-
-Each expert will contribute their specialized knowledge to create a cohesive, compelling script that:
-- Follows the exact structure of the selected framework
-- Engages the audience from start to finish
-- Addresses audience pain points and desires
-- Presents {topic} in a clear, compelling way
-- Drives conversions through strategic calls to action"""
-
-    # Iniciar el prompt con las instrucciones del sistema
-    webinar_script_instruction = f"{system_prompt}\n\n"
-    
-    # Instrucciones específicas para la tarea
-    webinar_script_instruction += (
-        f"\nYour task is to create a complete webinar script IN SPANISH for {audience} "
-        f"about {topic} that is persuasive and converts the audience into customers. "
-        f"The script must follow exactly the structure of the framework '{selected_formula['description']}' "
-        f"and must include all the necessary elements for a successful webinar."
-        f"\n\n"
-    )
-
-    # Estructura del webinar
-    webinar_script_instruction += "WEBINAR STRUCTURE TO FOLLOW:\n"
-    for i, step in enumerate(selected_formula['structure'], 1):
-        webinar_script_instruction += f"{i}. {step}\n"
-
-    # Ejemplos de webinars exitosos
-    webinar_script_instruction += "\n\nEXAMPLES OF SUCCESSFUL WEBINARS WITH THIS STRUCTURE:\n"
-    for i, example in enumerate(selected_formula['examples'], 1):
-        webinar_script_instruction += f"{i}. {example}\n"
-
-    # Instrucciones específicas
-    webinar_script_instruction += f"""
-SPECIFIC INSTRUCTIONS:
-1. Create a complete script that follows exactly the provided structure
-2. Include persuasive elements and clear calls to action
-3. Adapt the language and examples specifically for {audience}
-4. Focus on the transformative benefits of {topic}
-5. Include relevant stories and examples that reinforce your points
-6. Use a conversational but professional tone
-7. Make sure each section fulfills its specific purpose in the framework
-8. IMPORTANT: Write the entire script in Spanish
-
-GENERATE NOW:
-Create a complete webinar script following faithfully the structure of the selected framework.
-"""
-
-    # Enviar el mensaje al modelo
-    chat_session = model.start_chat(
-        history=[
-            {
-                "role": "user",
-                "parts": [webinar_script_instruction],
-            },
-        ]
-    )
-    response = chat_session.send_message("Generate the webinar script IN SPANISH following exactly the provided structure. All content must be in Spanish.")
-    
-    return response.text
-
-# Función para validar entradas (evita duplicación)
-def validate_inputs(audience, product):
-    has_audience = audience.strip() != ""
-    has_product = product.strip() != ""
-    return has_audience and has_product
-
-# Función para mostrar resultados (evita duplicación)
-def display_results(col, title, content, spinner_text):
-    with col:
-        with st.spinner(spinner_text, show_time=True):
-            result = content
-        st.subheader(title)
-        st.markdown(result)
-    return result
-
-# Configurar la interfaz de usuario con Streamlit
-st.set_page_config(page_title="Perfect Webinar Framework", layout="wide")
-
-# Leer el contenido del archivo manual.md
-with open("manual.md", "r", encoding="utf-8") as file:
-    manual_content = file.read()
-
-# Mostrar el contenido del manual en el sidebar
-st.sidebar.markdown(manual_content)
-
-# Crear pestañas para la interfaz
-tab1, tab2 = st.tabs(["Guiones de Webinar", "Nombres de Webinar"])
-
-# Primera pestaña - Generador de Guiones de Webinar
-# First tab - update to use the function correctly
-with tab1:
-    tab1.subheader("Script Webinar")
-    
-    # Crear columnas para la interfaz
-    col1, col2 = tab1.columns([1, 2])
-    
-    # Columna de entrada usando la función reutilizable
-    with col1:
-        webinar_script_audience, webinar_script_product, selected_webinar_formula_key = create_input_section(
-            col1, 
-            "webinar_script_audience", 
-            "webinar_script_product", 
-            webinar_formulas, 
-            "webinar_formula"
-        )
-        
-        submit_webinar_script = st.button("Generar Guión de Webinar")
-        
-        # Opciones avanzadas
-        with st.expander("Personaliza tu guión de webinar"):
-            webinar_script_temperature = st.slider("Creatividad", min_value=0.0, max_value=2.0, value=1.0, step=0.1, key="webinar_script_temp")
-        
-        selected_webinar_formula = webinar_formulas[selected_webinar_formula_key]
-        
-        # The structure display code has been removed
-    
-    # Generar y mostrar el guión usando la función reutilizable
-    if submit_webinar_script:
-        generate_and_display(
-            col2,
-            generate_webinar_script,
-            webinar_script_audience,
-            webinar_script_product,
-            webinar_script_temperature,
-            selected_webinar_formula,
-            content_type="script"
-        )
-
-# Segunda pestaña - Generador de Nombres de Webinar
-# Second tab - update to use the same function
-with tab2:
-    tab2.subheader("Nombres de Webinar")
-    
-    # Crear columnas para la interfaz
-    col1, col2 = tab2.columns([1, 2])
-    
-    # Columna de entrada usando la función reutilizable
-    with col1:
-        webinar_name_audience, webinar_name_product, selected_webinar_name_formula_key = create_input_section(
-            col1, 
-            "webinar_name_audience", 
-            "webinar_name_product", 
-            webinar_name_formulas, 
-            "webinar_name_formula"
-        )
-        
-        number_of_names = st.selectbox("Número de nombres", options=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10], index=4, key="number_of_names")
-        
-        submit_webinar_names = st.button("Generar Nombres de Webinar")
-
-        # Opciones avanzadas
-        with st.expander("Personaliza tus nombres de webinar"):
-            webinar_name_temperature = st.slider("Creatividad", min_value=0.0, max_value=2.0, value=1.0, step=0.1, key="webinar_name_temp")
-
-            # Configurar opciones de ángulo
-            angle_keys = ["NINGUNO"] + sorted([key for key in angles_webinar_names.keys() if key != "NINGUNO"])
-            selected_angle = st.selectbox(
-                "Selecciona el ángulo para tus nombres",
-                options=angle_keys,
-                key="webinar_name_angle"
-            )
-
-        selected_webinar_name_formula = webinar_name_formulas[selected_webinar_name_formula_key]
-
-    # Generar y mostrar los nombres
-    if submit_webinar_names:
-        if validate_inputs(webinar_name_audience, webinar_name_product):
-            try:
-                with col2:
-                    with st.spinner("Generando tus nombres de webinar...", show_time=True):
-                        generated_webinar_names = generate_webinar_names(
-                            number_of_names,
-                            webinar_name_audience,
-                            webinar_name_product,
-                            webinar_name_temperature,
-                            selected_webinar_name_formula,
-                            selected_angle if selected_angle != "NINGUNO" else None
-                        )
-                    st.subheader("Tus nombres de webinar:")
-                    st.markdown(generated_webinar_names)
-            except ValueError as e:
-                col2.error(f"Error: {str(e)}")
-        else:
-            col2.error("Por favor, proporciona el público objetivo y el tema del webinar.")
-
-# Delete everything below this line - the duplicate functions
-
+from dotenv import load_dotenv
+import streamlit as st
+import os
+import google.generativeai as genai
+import random
+import datetime                    
+from streamlit import session_state as state
+from angles import angles
+from formulas.webinar_formulas import webinar_formulas
+from formulas.webinar_name_formulas import webinar_name_formulas
+from formulas.angles_webinar_names import angles_webinar_names
+
+# Cargar las variables de entorno
+load_dotenv()
+
+# Configurar la API de Google
+genai.configure(api_key=os.getenv("GOOGLE_API_KEY"))
+
+# Create a reusable function for the UI input section
+def create_input_section(col, audience_key, product_key, formula_options, formula_key):
+    audience = col.text_input("¿Quién es tu público objetivo?", placeholder="Ejemplo: Emprendedores digitales", key=audience_key)
+    product = col.text_input("¿Sobre qué tema es tu webinar?", placeholder="Ejemplo: Marketing en redes sociales", key=product_key)
+    
+    selected_formula_key = col.selectbox(
+        "Selecciona un framework de webinar" if "script" in audience_key else "Selecciona una fórmula para tus nombres de webinar",
+        options=list(formula_options.keys()),
+        key=formula_key
+    )
+    
+    return audience, product, selected_formula_key
+
+# Create a reusable function for generation and display
+def generate_and_display(col, generator_func, audience, product, temperature, selected_formula, **kwargs):
+    if validate_inputs(audience, product):
+        try:
+            with col:
+                with st.spinner("Generando contenido...", show_time=True):
+                    # Extract only the parameters that the generator function accepts
+                    if generator_func.__name__ == "generate_webinar_script":
+                        generated_content = generator_func(
+                            audience=audience,
+                            topic=product,
+                            temperature=temperature,
+                            selected_formula=selected_formula
+                        )
+                    else:
+                        generated_content = generator_func(
+                            audience=audience,
+                            topic=product,
+                            temperature=temperature,
+                            selected_formula=selected_formula,
+                            **kwargs
+                        )
+                
+                # For webinar scripts, add download buttons
+                if "script" in kwargs.get("content_type", ""):
+                    timestamp = datetime.datetime.now().strftime("%Y%m%d_%H%M%S")
+                    st.download_button(
+                        label="DESCARGAR GUION DE MI WEBINAR",
+                        data=generated_content,
+                        file_name=f"guion_webinar_{timestamp}.md",
+                        mime="text/markdown",
+                        key="download_top"
+                    )
+                
+                st.subheader("Tu " + ("guión de webinar:" if "script" in kwargs.get("content_type", "") else "nombres de webinar:"))
+                st.markdown(generated_content)
+                
+                # Add bottom download button for scripts
+                if "script" in kwargs.get("content_type", ""):
+                    st.download_button(
+                        label="DESCARGAR GUION DE MI WEBINAR",
+                        data=generated_content,
+                        file_name=f"guion_webinar_{timestamp}.md",
+                        mime="text/markdown",
+                        key="download_bottom"
+                    )
+        except ValueError as e:
+            col.error(f"Error: {str(e)}")
+    else:
+        col.error("Por favor, proporciona el público objetivo y el tema del webinar.")
+
+# Función para crear la configuración del modelo (evita duplicación)
+def create_model_config(temperature):
+    return {
+        "temperature": temperature,
+        "top_p": 0.65,
+        "top_k": 360,
+        "max_output_tokens": 8196,
+    }
+
+# Función para inicializar el modelo
+def initialize_model(temperature):
+    config = create_model_config(temperature)
+    return genai.GenerativeModel(
+        model_name="gemini-2.0-flash",
+        generation_config=config,
+    )
+
+# Refactored model interaction function to reduce duplication
+def generate_content(prompt_instructions, temperature):
+    model = initialize_model(temperature)
+    chat_session = model.start_chat(
+        history=[
+            {
+                "role": "user",
+                "parts": [prompt_instructions],
+            },
+        ]
+    )
+    response = chat_session.send_message("Generate the content following exactly the provided instructions. All content must be in Spanish.")
+    return response.text
+
+# Función para generar nombres de webinars
+def generate_webinar_names(number_of_names, target_audience, product, temperature, selected_formula, selected_angle=None):
+    # Incluir las instrucciones del sistema en el prompt principal
+    system_prompt = """You are a world-class copywriter, with expertise in crafting compelling webinar titles that immediately capture the audience's attention and drive registrations.
+
+FORMAT RULES:
+- Each webinar name must start with number and period
+- One webinar name per line
+- No explanations or categories
+- Add a line break between each name
+- Avoid unnecessary : symbols
+- Each webinar name must be a complete and intriguing title
+- WRITE ALL WEBINAR NAMES IN SPANISH
+
+FORMAT EXAMPLE:
+1. Nombre del Webinar 1.
+
+2. Nombre del Webinar 2.
+
+3. Nombre del Webinar 3.
+
+4. Nombre del Webinar 4.
+
+5. Nombre del Webinar 5.
+
+IMPORTANT:
+- Each webinar name must be unique and memorable
+- Avoid clichés and generalities
+- Maintain an intriguing but credible tone
+- Adapt speaking language from the audience
+- Focus on transformative benefits
+- Follow the selected formula structure
+- WRITE ALL WEBINAR NAMES IN SPANISH"""
+
+    # Iniciar el prompt con las instrucciones del sistema
+    webinar_names_instruction = f"{system_prompt}\n\n"
+    
+    # Añadir instrucciones de ángulo solo si no es "NINGUNO" y se proporcionó un ángulo
+    if selected_angle and selected_angle != "NINGUNO":
+        webinar_names_instruction += f"""
+MAIN ANGLE: {selected_angle}
+SPECIFIC ANGLE INSTRUCTIONS:
+{angles_webinar_names[selected_angle]["instruction"]}
+
+IMPORTANT: The {selected_angle} angle should be applied as a "style layer" over the formula structure:
+1. Keep the base structure of the formula intact
+2. Apply the tone and style of the {selected_angle} angle
+3. Ensure that each element of the formula reflects the angle
+4. The angle affects "how" it is said, not "what" is said
+
+SUCCESSFUL EXAMPLES OF THE {selected_angle} ANGLE:
+"""
+        for example in angles_webinar_names[selected_angle]["examples"]:
+            webinar_names_instruction += f"- {example}\n"
+    
+    # Instrucciones específicas para la tarea
+    webinar_names_instruction += (
+        f"\nYour task is to create {number_of_names} irresistible webinar names for {target_audience} "
+        f"that instantly capture attention and generate registrations for a webinar about {product}. "
+        f"Focus on awakening genuine interest and communicating the value they will get by registering."
+        f"\n\n"
+        f"IMPORTANT: Carefully study these examples of the selected formula. "
+        f"Each example represents the style and structure to follow"
+        f":\n\n"
+    )
+    
+    # Agregar ejemplos aleatorios de la fórmula (keeping examples in Spanish)
+    random_examples = random.sample(selected_formula['examples'], min(5, len(selected_formula['examples'])))
+    webinar_names_instruction += "EXAMPLES OF THE FORMULA TO FOLLOW:\n"
+    for i, example in enumerate(random_examples, 1):
+        webinar_names_instruction += f"{i}. {example}\n"
+    
+    # Instrucciones específicas (translated to English)
+    webinar_names_instruction += "\nSPECIFIC INSTRUCTIONS:\n"
+    webinar_names_instruction += "1. Maintain the same structure and length as the previous examples\n"
+    webinar_names_instruction += "2. Use the same tone and writing style\n"
+    webinar_names_instruction += "3. Replicate the phrase construction patterns\n"
+    webinar_names_instruction += "4. Preserve the level of specificity and detail\n"
+    webinar_names_instruction += f"5. Adapt the content for {target_audience} while maintaining the essence of the examples\n\n"
+    webinar_names_instruction += f"FORMULA TO FOLLOW:\n{selected_formula['description']}\n\n"
+    webinar_names_instruction += f"""
+GENERATE NOW:
+Create {number_of_names} webinar names that faithfully follow the style and structure of the examples shown.
+"""
+
+    # Enviar el mensaje al modelo
+    # Use the common generate_content function
+    return generate_content(webinar_names_instruction, temperature)
+
+def generate_webinar_script(audience, topic, temperature, selected_formula):
+    model = initialize_model(temperature)
+    
+    # Incluir las instrucciones del sistema en el prompt principal
+    system_prompt = f"""You are a collaborative team of world-class experts working together to create an exceptional webinar script that converts audience into customers.
+
+THE EXPERT TEAM:
+
+1. MASTER WEBINAR STRATEGIST:
+   - Expert in webinar frameworks and conversion strategies
+   - Trained in the Perfect Webinar methodology by Russell Brunson
+   - Ensures the script follows the selected framework structure precisely
+   - Focuses on strategic placement of key conversion elements
+
+2. ELITE DIRECT RESPONSE COPYWRITER:
+   - Trained by Gary Halbert, Gary Bencivenga, and David Ogilvy
+   - Creates compelling hooks, stories, and persuasive elements
+   - Crafts irresistible calls to action that drive conversions
+   - Ensures the language resonates with the target audience
+
+3. AUDIENCE PSYCHOLOGY SPECIALIST:
+   - Expert in understanding audience motivations and objections
+   - Creates content that builds genuine connection and trust
+   - Identifies and addresses hidden fears and desires
+   - Ensures the content feels personal and relevant
+
+4. STORYTELLING MASTER:
+   - Creates compelling narratives that illustrate key points
+   - Develops relatable examples and case studies
+   - Ensures stories support the transformation being offered
+   - Makes complex concepts accessible through narrative
+
+5. WEBINAR ENGAGEMENT EXPERT:
+   - Specializes in maintaining audience attention throughout
+   - Creates interactive elements and engagement hooks
+   - Develops compelling transitions between sections
+   - Ensures the webinar flows naturally and keeps interest high
+
+AUDIENCE UNDERSTANDING:
+You understand how real people interact with webinar content:
+- They quickly lose interest if the content feels generic or corporate
+- They only stay engaged when the content feels personal and sparks genuine curiosity
+- They respond to messages that seem delivered by a real person, not a corporation
+- They engage with content that hooks them from the first line and maintains interest throughout
+
+FORMAT RULES:
+- Create a complete webinar script with clear sections and subsections
+- Include specific talking points for each section
+- Write in a conversational, engaging tone
+- Include persuasive elements and calls to action
+- Follow the selected webinar framework structure exactly
+- WRITE THE ENTIRE SCRIPT IN SPANISH
+- DO NOT include any introductory text or explanations about the script
+- Start directly with the webinar content
+
+IMPORTANT:
+- The script must be comprehensive and ready to use
+- Include specific examples and stories relevant to the topic
+- Maintain a persuasive but authentic tone
+- Adapt language to match the target audience
+- Focus on transformative benefits and clear value proposition
+- Follow the selected formula structure precisely
+- WRITE THE ENTIRE SCRIPT IN SPANISH
+- DO NOT include phrases like "Aquí tienes un guion completo" or any other meta-commentary
+
+COLLABORATIVE PROCESS:
+As a team of experts, you will:
+
+1. Analyze the framework '{selected_formula['description']}' to understand its core principles
+2. Identify how to best adapt this framework for {audience} learning about {topic}
+3. Determine the most effective storytelling opportunities within the framework
+4. Create persuasive language that resonates with {audience}
+5. Ensure the script maintains engagement throughout
+6. Adapt the content to be accessible to beginners while still valuable to experienced individuals
+7. Follow the exact structure provided in the framework
+
+Each expert will contribute their specialized knowledge to create a cohesive, compelling script that:
+- Follows the exact structure of the selected framework
+- Engages the audience from start to finish
+- Addresses audience pain points and desires
+- Presents {topic} in a clear, compelling way
+- Drives conversions through strategic calls to action"""
+
+    # Iniciar el prompt con las instrucciones del sistema
+    webinar_script_instruction = f"{system_prompt}\n\n"
+    
+    # Instrucciones específicas para la tarea
+    webinar_script_instruction += (
+        f"\nYour task is to create a complete webinar script IN SPANISH for {audience} "
+        f"about {topic} that is persuasive and converts the audience into customers. "
+        f"The script must follow exactly the structure of the framework '{selected_formula['description']}' "
+        f"and must include all the necessary elements for a successful webinar."
+        f"\n\n"
+    )
+
+    # Estructura del webinar
+    webinar_script_instruction += "WEBINAR STRUCTURE TO FOLLOW:\n"
+    for i, step in enumerate(selected_formula['structure'], 1):
+        webinar_script_instruction += f"{i}. {step}\n"
+
+    # Ejemplos de webinars exitosos
+    webinar_script_instruction += "\n\nEXAMPLES OF SUCCESSFUL WEBINARS WITH THIS STRUCTURE:\n"
+    for i, example in enumerate(selected_formula['examples'], 1):
+        webinar_script_instruction += f"{i}. {example}\n"
+
+    # Instrucciones específicas
+    webinar_script_instruction += f"""
+SPECIFIC INSTRUCTIONS:
+1. Create a complete script that follows exactly the provided structure
+2. Include persuasive elements and clear calls to action
+3. Adapt the language and examples specifically for {audience}
+4. Focus on the transformative benefits of {topic}
+5. Include relevant stories and examples that reinforce your points
+6. Use a conversational but professional tone
+7. Make sure each section fulfills its specific purpose in the framework
+8. IMPORTANT: Write the entire script in Spanish
+
+GENERATE NOW:
+Create a complete webinar script following faithfully the structure of the selected framework.
+"""
+
+    # Enviar el mensaje al modelo
+    chat_session = model.start_chat(
+        history=[
+            {
+                "role": "user",
+                "parts": [webinar_script_instruction],
+            },
+        ]
+    )
+    response = chat_session.send_message("Generate the webinar script IN NEUTRAL SPANISH following exactly the provided structure. All content must be in neutral Spanish (not Spain Spanish).")
+    
+    return response.text
+
+# Función para validar entradas (evita duplicación)
+def validate_inputs(audience, product):
+    has_audience = audience.strip() != ""
+    has_product = product.strip() != ""
+    return has_audience and has_product
+
+# Update the load_css function comment to be more descriptive
+def load_css():
+    css_path = "styles/styles.css"
+    if os.path.exists(css_path):
+        try:
+            with open(css_path, "r") as f:
+                st.markdown(f"<style>{f.read()}</style>", unsafe_allow_html=True)
+        except Exception as e:
+            st.warning(f"Error al cargar el archivo CSS: {str(e)}")
+    else:
+        st.warning(f"No se encontró el archivo CSS en {css_path}")
+
+# Create a reusable function for custom buttons
+def create_custom_button(label, button_key):
+    # Create the hidden Streamlit button
+    button_clicked = st.button(label, key=button_key)
+    
+    # Create the custom styled button that references the CSS classes
+    st.markdown(
+        f"""
+        <style>
+        div[data-testid="stButton"] > button[kind="primaryButton"] {{
+            display: none;
+        }}
+        div.stButton > button:first-child {{
+            display: none;
+        }}
+        </style>
+        <div class="generate-webinar-button">
+            <button 
+                type="button" 
+                onclick="document.querySelector('button[key=\"{button_key}\"]') ? 
+                         document.querySelector('button[key=\"{button_key}\"]').click() : 
+                         document.querySelector('button[data-testid=\"baseButton-primaryButton\"]').click()">
+                {label}
+            </button>
+        </div>
+        """,
+        unsafe_allow_html=True
+    )
+    
+    # Return the button state
+    return button_clicked
+
+# Modify the page config section to include the CSS loading
+st.set_page_config(page_title="Perfect Webinar Framework", layout="wide")
+load_css()
+
+# Leer el contenido del archivo manual.md
+with open("manual.md", "r", encoding="utf-8") as file:
+    manual_content = file.read()
+
+# Mostrar el contenido del manual en el sidebar
+st.sidebar.markdown(manual_content)
+
+# Crear pestañas para la interfaz
+tab1, tab2 = st.tabs(["Guiones de Webinar", "Nombres de Webinar"])
+
+# Primera pestaña - Generador de Guiones de Webinar
+with tab1:
+    tab1.subheader("Script Webinar")
+    
+    # Crear columnas para la interfaz
+    col1, col2 = tab1.columns([1, 2])
+    
+    # Columna de entrada usando la función reutilizable
+    with col1:
+        webinar_script_audience, webinar_script_product, selected_webinar_formula_key = create_input_section(
+            col1, 
+            "webinar_script_audience", 
+            "webinar_script_product", 
+            webinar_formulas, 
+            "webinar_formula"
+        )
+        
+        # Usar la función reutilizable para crear el botón personalizado
+        submit_webinar_script = create_custom_button("Generar Guión de Webinar", "generate_webinar_script")
+        
+        # Opciones avanzadas
+        with st.expander("Personaliza tu guión de webinar"):
+            webinar_script_temperature = st.slider("Creatividad", min_value=0.0, max_value=2.0, value=1.0, step=0.1, key="webinar_script_temp")
+        
+        selected_webinar_formula = webinar_formulas[selected_webinar_formula_key]
+    
+    # Generar y mostrar el guión usando la función reutilizable
+    if submit_webinar_script:
+        generate_and_display(
+            col2,
+            generate_webinar_script,
+            webinar_script_audience,
+            webinar_script_product,
+            webinar_script_temperature,
+            selected_webinar_formula,
+            content_type="script"
+        )
+
+# Segunda pestaña - Generador de Nombres de Webinar
+with tab2:
+    tab2.subheader("Nombres de Webinar")
+    
+    # Crear columnas para la interfaz
+    col1, col2 = tab2.columns([1, 2])
+    
+    # Columna de entrada usando la función reutilizable
+    with col1:
+        webinar_name_audience, webinar_name_product, selected_webinar_name_formula_key = create_input_section(
+            col1, 
+            "webinar_name_audience", 
+            "webinar_name_product", 
+            webinar_name_formulas, 
+            "webinar_name_formula"
+        )
+        
+        number_of_names = st.selectbox("Número de nombres", options=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10], index=4, key="number_of_names")
+        
+        # Usar la función reutilizable para crear el botón personalizado
+        submit_webinar_names = create_custom_button("Generar Nombres de Webinar", "generate_webinar_names")
+
+        # Opciones avanzadas
+        with st.expander("Personaliza tus nombres de webinar"):
+            webinar_name_temperature = st.slider("Creatividad", min_value=0.0, max_value=2.0, value=1.0, step=0.1, key="webinar_name_temp")
+
+            # Configurar opciones de ángulo
+            angle_keys = ["NINGUNO"] + sorted([key for key in angles_webinar_names.keys() if key != "NINGUNO"])
+            selected_angle = st.selectbox(
+                "Selecciona el ángulo para tus nombres",
+                options=angle_keys,
+                key="webinar_name_angle"
+            )
+
+        selected_webinar_name_formula = webinar_name_formulas[selected_webinar_name_formula_key]
+
+    # Generar y mostrar los nombres usando la función reutilizable
+    if submit_webinar_names:
+        generate_and_display(
+            col2,
+            generate_webinar_names,
+            webinar_name_audience,
+            webinar_name_product,
+            webinar_name_temperature,
+            selected_webinar_name_formula,
+            content_type="names",
+            number_of_names=number_of_names,
+            selected_angle=selected_angle if selected_angle != "NINGUNO" else None
+        )
+        if validate_inputs(webinar_name_audience, webinar_name_product):
+            try:
+                with col2:
+                    with st.spinner("Generando tus nombres de webinar...", show_time=True):
+                        generated_webinar_names = generate_webinar_names(
+                            number_of_names,
+                            webinar_name_audience,
+                            webinar_name_product,
+                            webinar_name_temperature,
+                            selected_webinar_name_formula,
+                            selected_angle if selected_angle != "NINGUNO" else None
+                        )
+                    st.subheader("Tus nombres de webinar:")
+                    st.markdown(generated_webinar_names)
+            except ValueError as e:
+                col2.error(f"Error: {str(e)}")
+        else:
+            col2.error("Por favor, proporciona el público objetivo y el tema del webinar.")
+

formulas/webinar_formulas.py

@@ -1,322 +1,322 @@
-webinar_formulas = {
-    "Perfect Webinar (Russell Brunson)": {
-        "description": "Russell Brunson's time-tested framework for converting webinar attendees into loyal customers. It leverages a specific sequence of stories, offers, and engagement techniques to drive action. Uses a conversational, friendly tone throughout to create connection and trust with the audience.",
-        "key_components": [
-            "The Big Domino: Identifying and focusing on the single, most impactful belief that, once addressed, makes all other objections crumble.",
-            "The Four Stories: A sequence of personal and relatable stories designed to build trust, demonstrate value, and overcome internal and external objections. These are: Origin Story, Vehicle Story, Internal Belief Story, External Belief Story.",
-            "The Stack: Presenting a highly valuable and irresistible offer by stacking together numerous bonuses, features, and benefits, ultimately increasing the perceived worth far beyond the price.",
-            "The Close: A structured closing sequence that includes addressing potential objections, creating scarcity/urgency, and providing a clear call to action.",
-            "Conversational Approach: Using casual, friendly language throughout the webinar as if talking to a friend, avoiding corporate jargon, and creating a personal connection with the audience.",
-            "Interactive Engagement: Strategically placed questions and interaction points to maintain audience attention and create a two-way conversation experience."
-        ],
-        "structure": [
-            {
-                "segment": "Introduction and Welcome (5 minutes)",
-                "goals": [
-                    "Establish credibility and rapport with the audience.",
-                    "Set expectations for the webinar's content and value.",
-                    "Engage the audience with a compelling hook or question related to the core problem.",
-                    "Create a warm, friendly atmosphere from the start."
-                ],
-                "elements": [
-                    "Personal introduction (briefly highlighting expertise).",
-                    "Webinar agenda overview.",
-                    "Icebreaker question or poll to encourage participation.",
-                    "Introduce the pain points your audience is experiencing.",
-                    "Use casual language and personal pronouns (I, you, we) to create connection.",
-                    "Interactive check-in questions:",
-                    "- '¿Me pueden escuchar bien? Escribe SÍ en el chat si me escuchas claramente.'",
-                    "- '¿Desde dónde te estás conectando hoy? Me encantaría saber de dónde son todos.'",
-                    "- '¿Qué es lo que más te interesa aprender en este webinar? Compártelo en el chat.'",
-                    "- '¿Cuánto tiempo llevas intentando resolver este problema? ¿1 mes, 6 meses, más de un año?'"
-                ]
-            },
-            {
-                "segment": "Problem Identification and Big Domino Revelation (5 minutes)",
-                "goals": [
-                    "Clearly define the problem the audience is facing.",
-                    "Introduce the 'Big Domino' belief that, if addressed, solves or mitigates the problem significantly.",
-                    "Create a sense of urgency and desire for a solution.",
-                    "Maintain a conversational tone while discussing serious problems."
-                ],
-                "elements": [
-                    "Statistics or data illustrating the problem's impact.",
-                    "Personal anecdote or relatable example of the problem.",
-                    "Introduce the 'Big Domino' and explain its significance.",
-                    "Reveal your Unique Mechanism as the one thing that will help them achieve their dreams.",
-                    "Use relatable metaphors and everyday language to explain complex concepts.",
-                    "Interactive validation questions:",
-                    "- '¿Te has sentido así alguna vez? Escribe un 1 en el chat si esto te suena familiar.'",
-                    "- '¿Cuál ha sido tu mayor obstáculo al intentar resolver este problema?'",
-                    "- 'En una escala del 1 al 10, ¿qué tanto impacto tiene este problema en tu vida/negocio?'",
-                    "- '¿Qué soluciones has intentado antes que no funcionaron? Compártelo brevemente en el chat.'"
-                ]
-            },
-            {
-                "segment": "Storytelling Based on the Four Stories (30 minutes)",
-                "goals": [
-                    "Build trust and connection with the audience through relatable narratives.",
-                    "Demonstrate the effectiveness of the framework or solution through personal experience and client success stories.",
-                    "Address internal and external objections by showing how they were overcome.",
-                    "Tell stories in a casual, authentic way as if sharing with friends."
-                ],
-                "elements": [
-                    "Origin Story: Share your journey and the challenges you faced before discovering the framework.",
-                    "Vehicle Story: Explain how the 'vehicle' (your coaching program) helped you achieve success.",
-                    "Internal Belief Story: Describe the limiting belief you had to overcome to achieve your goals.",
-                    "External Belief Story: Share a story of how someone else (ideal client) overcame their pain points using your coaching program.",
-                    "Use conversational transitions between stories: 'Now, let me tell you about something that changed everything for me...'",
-                    "Include authentic emotions and reactions in your stories.",
-                    "Interactive reflection questions after key revelations:",
-                    "- 'Después de escuchar esta historia, ¿te sientes identificado/a? Escribe SÍ si es así.'",
-                    "- '¿Cuál de estos obstáculos es el que más te ha afectado a ti? ¿El 1, 2 o 3?'",
-                    "- 'Este descubrimiento cambió todo para mí. ¿Te sorprende? Escribe WOW si esto es nuevo para ti.'",
-                    "- '¿Puedes ver cómo esto podría aplicarse en tu situación? Escribe CLARO si lo ves.'",
-                    "- 'Antes de continuar, ¿hay algo que no haya quedado claro hasta ahora? Escribe tu pregunta.'"
-                ]
-            },
-            {
-                "segment": "Offer Presentation and Closing (10 minutes)",
-                "goals": [
-                    "Present a clear and compelling offer that directly addresses the audience's needs.",
-                    "Increase the perceived value of the offer by 'stacking' bonuses and features.",
-                    "Create a sense of urgency and scarcity to encourage immediate action.",
-                    "Maintain the friendly, conversational tone even during the sales portion."
-                ],
-                "elements": [
-                    "Permission-based transition questions:",
-                    "- '¿Estás listo/a para conocer cómo puedes implementar esto en tu vida/negocio? Escribe SÍ si quieres que te muestre la solución.'",
-                    "- '¿Te gustaría saber exactamente cómo puedes lograr los mismos resultados? Escribe un 5 en el chat si estás listo/a.'",
-                    "- 'Antes de mostrarte la solución, ¿puedo preguntarte si estás buscando activamente resolver este problema ahora mismo?'",
-                    "Clearly outline the benefits and features of your 8-week coaching program.",
-                    "Visually present the 'Stack' of bonuses and added value.",
-                    "State the price and explain its justification in relation to the value provided.",
-                    "Create urgency by limiting the offer's availability or adding time-sensitive bonuses.",
-                    "Provide a clear call to action that emphasizes this is the only way to access your unique mechanism.",
-                    "Use friendly language when discussing price: 'I wanted to make this accessible for everyone who's serious about making a change.'",
-                    "Social proof questions during offer:",
-                    "- '¿Quién ya tomó acción y se unió al programa? Escribe DENTRO en el chat para que pueda felicitarte personalmente.'",
-                    "- 'Veo que Carlos acaba de unirse, ¡bienvenido al programa! ¿Alguien más se acaba de unir?'",
-                    "- '¿Qué te está impidiendo tomar acción ahora mismo? Compártelo en el chat para que pueda ayudarte.'",
-                    "- 'Si ya sabes que esto es para ti, escribe LISTO y te daré acceso inmediato.'"
-                ]
-            },
-            {
-                "segment": "Questions and Answers (10 minutes)",
-                "goals": [
-                    "Address any remaining questions or concerns from the audience.",
-                    "Reinforce the value of the offer and the benefits of taking action.",
-                    "Provide a final opportunity for attendees to convert into customers.",
-                    "End with the same warm, friendly tone established at the beginning."
-                ],
-                "elements": [
-                    "Invite questions casually: 'What questions do you have? I'm an open book, so ask me anything!'",
-                    "Select and answer relevant questions from the audience.",
-                    "Address common objections or hesitations about joining a coaching program.",
-                    "Restate the core value proposition of the offer and how it solves their pain points.",
-                    "Remind them of your unique mechanism and reinforce the call to action.",
-                    "Provide contact information for follow-up inquiries.",
-                    "Express genuine appreciation: 'I've loved spending this time with you today, and I'm so excited for those of you joining us!'",
-                    "End with a personal touch: 'I can't wait to get to know each of you better in the program!'",
-                    "Final engagement questions:",
-                    "- '¿Cuál fue tu mayor aprendizaje de este webinar? Compártelo en el chat.'",
-                    "- '¿Te ha resultado valioso este tiempo juntos? Escribe SÍ si has aprendido algo nuevo hoy.'",
-                    "- '¿Hay algo más en lo que pueda ayudarte antes de terminar?'",
-                    "- 'Si te gustó este webinar, ¿podrías escribir GRACIAS en el chat? Me encantaría saber que fue útil para ti.'"
-                ]
-            }
-        ],
-        "tips": [
-            "Practice your presentation to ensure a smooth and confident delivery.",
-            "Use visuals to illustrate key concepts and keep the audience engaged.",
-            "Maintain a high energy level and enthusiasm throughout the webinar.",
-            "Engage with the audience through polls, questions, and chat.",
-            "Follow up with attendees after the webinar to provide additional information and support.",
-            "Clearly articulate how your coaching program transforms participants in 8 weeks.",
-            "Emphasize your unique mechanism throughout the presentation.",
-            "Speak as if you're having coffee with a friend, not delivering a formal presentation.",
-            "Use contractions (I'm, you're, we'll) to sound more natural and conversational.",
-            "Share personal anecdotes and be willing to be vulnerable to build connection.",
-            "Address audience members by name when responding to comments or questions.",
-            "Avoid industry jargon or explain it in simple terms when necessary.",
-            "Use humor appropriately to keep the atmosphere light and engaging.",
-            "Vary your tone, pace, and volume to maintain interest and emphasize key points.",
-            "Ask rhetorical questions throughout to keep the audience mentally engaged.",
-            "Plan your interaction points in advance and prepare specific questions for each section.",
-            "Acknowledge responses by name to create a personal connection: 'Gracias María, excelente pregunta...'",
-            "Create moments of collective agreement: 'Veo que muchos están escribiendo SÍ, esto es exactamente lo que pensaba.'",
-            "Use audience responses to guide your presentation: 'Veo que varios mencionan el problema X, vamos a profundizar en eso...'",
-            "Have a moderator help manage the chat if possible to highlight important questions and comments."
-        ],
-        "examples": [
-            "How this simple webinar framework allowed me to generate $100,000 in sales in 90 minutes",
-            "The Secret to Webinars that Convert: The Formula That Has Generated Millions for ClickFunnels",
-            "Perfect Webinar: The 60-Minute Structure That Transforms Viewers into Customers",
-            "Double your conversion rate with this story telling framework.",
-            "The 8-Week Coaching Program That Transformed 1,000+ Entrepreneurs: Join Our Exclusive Masterclass"
-        ]
-    },
-    
-    "Webinar PASTOR": {
-        "description": "A persuasive framework that follows the PASTOR method (Problem, Amplify, Story, Testimonial, Offer, Response) to address pain points and present your solution in a compelling way.",
-        "key_components": [
-            "Problem: Identifying the specific pain points and challenges your audience is facing.",
-            "Amplify: Highlighting the consequences of not solving the problem to create urgency.",
-            "Story: Using narrative to illustrate the problem and solution in a relatable way.",
-            "Testimonial: Leveraging social proof from satisfied customers to build credibility.",
-            "Offer: Presenting your product or service as the ideal solution to their problems.",
-            "Response: Creating a clear call to action that encourages immediate purchase."
-        ],
-        "structure": [
-            {
-                "segment": "Problem Identification (10 minutes)",
-                "goals": [
-                    "Clearly define the specific problem your audience is facing.",
-                    "Create resonance by showing you understand their challenges.",
-                    "Establish the importance of solving this problem."
-                ],
-                "elements": [
-                    "Research-backed statistics about the problem's prevalence.",
-                    "Common misconceptions about the problem.",
-                    "Direct questions to the audience about their experience with the problem.",
-                    "Brief overview of failed approaches to solving the problem."
-                ]
-            },
-            {
-                "segment": "Amplify the Consequences (10 minutes)",
-                "goals": [
-                    "Highlight the negative impact of leaving the problem unsolved.",
-                    "Create emotional connection to the pain points.",
-                    "Build urgency for finding a solution."
-                ],
-                "elements": [
-                    "Short-term consequences of ignoring the problem.",
-                    "Long-term impact on personal/business growth.",
-                    "Financial implications of the problem.",
-                    "Emotional and psychological costs of the ongoing issue."
-                ]
-            },
-            {
-                "segment": "Story and Solution (15 minutes)",
-                "goals": [
-                    "Share a compelling narrative that illustrates the problem-solution journey.",
-                    "Make the solution relatable through storytelling.",
-                    "Demonstrate transformation through narrative."
-                ],
-                "elements": [
-                    "Personal story or client journey that illustrates the problem.",
-                    "The turning point or discovery moment.",
-                    "Implementation of the solution within the story.",
-                    "Transformation and results achieved through the solution."
-                ]
-            },
-            {
-                "segment": "Testimonials and Social Proof (10 minutes)",
-                "goals": [
-                    "Build credibility through third-party validation.",
-                    "Address potential objections through others' experiences.",
-                    "Demonstrate real-world results from diverse perspectives."
-                ],
-                "elements": [
-                    "Video testimonials from satisfied customers.",
-                    "Before-and-after case studies with specific results.",
-                    "Testimonials that address different objections or concerns.",
-                    "Industry recognition or endorsements if applicable."
-                ]
-            },
-            {
-                "segment": "Offer Presentation (10 minutes)",
-                "goals": [
-                    "Present your product/service as the ideal solution.",
-                    "Clearly articulate the unique value proposition.",
-                    "Stack benefits and features to increase perceived value."
-                ],
-                "elements": [
-                    "Clear explanation of what the product/service includes.",
-                    "Highlight the unique mechanism or approach that makes it effective.",
-                    "Value stacking - present all components and their individual value.",
-                    "Price justification compared to the problem's cost and solution's value."
-                ]
-            },
-            {
-                "segment": "Response and Call to Action (5 minutes)",
-                "goals": [
-                    "Create a clear path to purchase.",
-                    "Address final objections or hesitations.",
-                    "Establish urgency for immediate action."
-                ],
-                "elements": [
-                    "Recap of the main benefits and transformation offered.",
-                    "Limited-time bonuses or special pricing to create urgency.",
-                    "Clear, simple instructions for how to purchase.",
-                    "Final reminder of the cost of inaction versus the value of the solution."
-                ]
-            }
-        ],
-        "tips": [
-            "Personalize the problem identification to your specific audience segment.",
-            "Use concrete examples and specific numbers when amplifying consequences.",
-            "Make your story authentic and relatable - avoid exaggeration.",
-            "Select testimonials that represent your target audience demographics.",
-            "Create a visually appealing presentation of your offer stack.",
-            "Practice transitioning smoothly between each PASTOR element.",
-            "End with a strong, clear call to action that's repeated multiple times."
-        ],
-        "examples": [
-            "Del dolor crónico a la libertad total - El método que ha ayudado a 1,000+ personas sin cirugía",
-            "Amplifica tu patrimonio con este sistema que generó $250,000 en 12 meses partiendo de cero",
-            "La historia detrás de mi transformación y cómo perdí 30 kilos después de probar 15 métodos fallidos",
-            "Testimonios que venden y el método que triplicó mis conversiones en solo 60 días",
-            "Descubre el método que ayudó a 300+ fotógrafos a duplicar sus ingresos trabajando la mitad de horas"
-        ]
-    },
-    
-    "Webinar de Caso de Estudio": {
-        "description": "Based on presenting real results through detailed case studies, showing the before, during, and after of the process.",
-        "structure": [
-            "Introduction of the case study (5 minutes)",
-            "Initial situation and challenges (10 minutes)",
-            "Step-by-step implementation process (20 minutes)",
-            "Results and transformation (15 minutes)",
-            "How to apply the same process (10 minutes)"
-        ],
-        "examples": [
-            "Cómo María pasó de $0 a $10,000 mensuales con este método de Instagram en 60 días",
-            "El caso de estudio de Empresa X: Cómo triplicaron sus conversiones en 90 días",
-            "De principiante a experto: El viaje de Juan para dominar el trading con solo 1 hora al día"
-        ]
-    },
-    
-    "Webinar de Educación": {
-        "description": "Centered on providing substantial educational value, establishing yourself as an authority and building trust before the offer.",
-        "structure": [
-            "Introduction to the topic and establishing credibility (5 minutes)",
-            "Historical or theoretical context of the topic (10 minutes)",
-            "Main educational content (30 minutes)",
-            "Practical applications (10 minutes)",
-            "Additional resources and offer (5 minutes)"
-        ],
-        "examples": [
-            "Los 7 principios fundamentales del copywriting que todo emprendedor debe conocer",
-            "Masterclass: Entendiendo el algoritmo de Instagram en 2023",
-            "La ciencia detrás de la pérdida de peso: lo que tu médico no te dice"
-        ]
-    },
-    
-    # New formula template - ready to be filled in
-    "Nueva Fórmula de Webinar": {
-        "description": "Description of the new webinar formula goes here.",
-        "structure": [
-            "First segment (X minutes)",
-            "Second segment (X minutes)",
-            "Third segment (X minutes)",
-            "Fourth segment (X minutes)",
-            "Fifth segment (X minutes)"
-        ],
-        "examples": [
-            "Example title 1",
-            "Example title 2",
-            "Example title 3"
-        ]
-    }
+webinar_formulas = {
+    "Perfect Webinar (Russell Brunson)": {
+        "description": "Russell Brunson's time-tested framework for converting webinar attendees into loyal customers. It leverages a specific sequence of stories, offers, and engagement techniques to drive action. Uses a conversational, friendly tone throughout to create connection and trust with the audience.",
+        "key_components": [
+            "The Big Domino: Identifying and focusing on the single, most impactful belief that, once addressed, makes all other objections crumble.",
+            "The Four Stories: A sequence of personal and relatable stories designed to build trust, demonstrate value, and overcome internal and external objections. These are: Origin Story, Vehicle Story, Internal Belief Story, External Belief Story.",
+            "The Stack: Presenting a highly valuable and irresistible offer by stacking together numerous bonuses, features, and benefits, ultimately increasing the perceived worth far beyond the price.",
+            "The Close: A structured closing sequence that includes addressing potential objections, creating scarcity/urgency, and providing a clear call to action.",
+            "Conversational Approach: Using casual, friendly language throughout the webinar as if talking to a friend, avoiding corporate jargon, and creating a personal connection with the audience.",
+            "Interactive Engagement: Strategically placed questions and interaction points to maintain audience attention and create a two-way conversation experience."
+        ],
+        "structure": [
+            {
+                "segment": "Introduction and Welcome (5 minutes)",
+                "goals": [
+                    "Establish credibility and rapport with the audience.",
+                    "Set expectations for the webinar's content and value.",
+                    "Engage the audience with a compelling hook or question related to the core problem.",
+                    "Create a warm, friendly atmosphere from the start."
+                ],
+                "elements": [
+                    "Personal introduction (briefly highlighting expertise).",
+                    "Webinar agenda overview.",
+                    "Icebreaker question or poll to encourage participation.",
+                    "Introduce the pain points your audience is experiencing.",
+                    "Use casual language and personal pronouns (I, you, we) to create connection.",
+                    "Interactive check-in questions:",
+                    "- '¿Me pueden escuchar bien? Escribe SÍ en el chat si me escuchas claramente.'",
+                    "- '¿Desde dónde te estás conectando hoy? Me encantaría saber de dónde son todos.'",
+                    "- '¿Qué es lo que más te interesa aprender en este webinar? Compártelo en el chat.'",
+                    "- '¿Cuánto tiempo llevas intentando resolver este problema? ¿1 mes, 6 meses, más de un año?'"
+                ]
+            },
+            {
+                "segment": "Problem Identification and Big Domino Revelation (5 minutes)",
+                "goals": [
+                    "Clearly define the problem the audience is facing.",
+                    "Introduce the 'Big Domino' belief that, if addressed, solves or mitigates the problem significantly.",
+                    "Create a sense of urgency and desire for a solution.",
+                    "Maintain a conversational tone while discussing serious problems."
+                ],
+                "elements": [
+                    "Statistics or data illustrating the problem's impact.",
+                    "Personal anecdote or relatable example of the problem.",
+                    "Introduce the 'Big Domino' and explain its significance.",
+                    "Reveal your Unique Mechanism as the one thing that will help them achieve their dreams.",
+                    "Use relatable metaphors and everyday language to explain complex concepts.",
+                    "Interactive validation questions:",
+                    "- '¿Te has sentido así alguna vez? Escribe un 1 en el chat si esto te suena familiar.'",
+                    "- '¿Cuál ha sido tu mayor obstáculo al intentar resolver este problema?'",
+                    "- 'En una escala del 1 al 10, ¿qué tanto impacto tiene este problema en tu vida/negocio?'",
+                    "- '¿Qué soluciones has intentado antes que no funcionaron? Compártelo brevemente en el chat.'"
+                ]
+            },
+            {
+                "segment": "Storytelling Based on the Four Stories (30 minutes)",
+                "goals": [
+                    "Build trust and connection with the audience through relatable narratives.",
+                    "Demonstrate the effectiveness of the framework or solution through personal experience and client success stories.",
+                    "Address internal and external objections by showing how they were overcome.",
+                    "Tell stories in a casual, authentic way as if sharing with friends."
+                ],
+                "elements": [
+                    "Origin Story: Share your journey and the challenges you faced before discovering the framework.",
+                    "Vehicle Story: Explain how the 'vehicle' (your coaching program) helped you achieve success.",
+                    "Internal Belief Story: Describe the limiting belief you had to overcome to achieve your goals.",
+                    "External Belief Story: Share a story of how someone else (ideal client) overcame their pain points using your coaching program.",
+                    "Use conversational transitions between stories: 'Now, let me tell you about something that changed everything for me...'",
+                    "Include authentic emotions and reactions in your stories.",
+                    "Interactive reflection questions after key revelations:",
+                    "- 'Después de escuchar esta historia, ¿te sientes identificado/a? Escribe SÍ si es así.'",
+                    "- '¿Cuál de estos obstáculos es el que más te ha afectado a ti? ¿El 1, 2 o 3?'",
+                    "- 'Este descubrimiento cambió todo para mí. ¿Te sorprende? Escribe WOW si esto es nuevo para ti.'",
+                    "- '¿Puedes ver cómo esto podría aplicarse en tu situación? Escribe CLARO si lo ves.'",
+                    "- 'Antes de continuar, ¿hay algo que no haya quedado claro hasta ahora? Escribe tu pregunta.'"
+                ]
+            },
+            {
+                "segment": "Offer Presentation and Closing (10 minutes)",
+                "goals": [
+                    "Present a clear and compelling offer that directly addresses the audience's needs.",
+                    "Increase the perceived value of the offer by 'stacking' bonuses and features.",
+                    "Create a sense of urgency and scarcity to encourage immediate action.",
+                    "Maintain the friendly, conversational tone even during the sales portion."
+                ],
+                "elements": [
+                    "Permission-based transition questions:",
+                    "- '¿Estás listo/a para conocer cómo puedes implementar esto en tu vida/negocio? Escribe SÍ si quieres que te muestre la solución.'",
+                    "- '¿Te gustaría saber exactamente cómo puedes lograr los mismos resultados? Escribe un 5 en el chat si estás listo/a.'",
+                    "- 'Antes de mostrarte la solución, ¿puedo preguntarte si estás buscando activamente resolver este problema ahora mismo?'",
+                    "Clearly outline the benefits and features of your 8-week coaching program.",
+                    "Visually present the 'Stack' of bonuses and added value.",
+                    "State the price and explain its justification in relation to the value provided.",
+                    "Create urgency by limiting the offer's availability or adding time-sensitive bonuses.",
+                    "Provide a clear call to action that emphasizes this is the only way to access your unique mechanism.",
+                    "Use friendly language when discussing price: 'I wanted to make this accessible for everyone who's serious about making a change.'",
+                    "Social proof questions during offer:",
+                    "- '¿Quién ya tomó acción y se unió al programa? Escribe DENTRO en el chat para que pueda felicitarte personalmente.'",
+                    "- 'Veo que Carlos acaba de unirse, ¡bienvenido al programa! ¿Alguien más se acaba de unir?'",
+                    "- '¿Qué te está impidiendo tomar acción ahora mismo? Compártelo en el chat para que pueda ayudarte.'",
+                    "- 'Si ya sabes que esto es para ti, escribe LISTO y te daré acceso inmediato.'"
+                ]
+            },
+            {
+                "segment": "Questions and Answers (10 minutes)",
+                "goals": [
+                    "Address any remaining questions or concerns from the audience.",
+                    "Reinforce the value of the offer and the benefits of taking action.",
+                    "Provide a final opportunity for attendees to convert into customers.",
+                    "End with the same warm, friendly tone established at the beginning."
+                ],
+                "elements": [
+                    "Invite questions casually: 'What questions do you have? I'm an open book, so ask me anything!'",
+                    "Select and answer relevant questions from the audience.",
+                    "Address common objections or hesitations about joining a coaching program.",
+                    "Restate the core value proposition of the offer and how it solves their pain points.",
+                    "Remind them of your unique mechanism and reinforce the call to action.",
+                    "Provide contact information for follow-up inquiries.",
+                    "Express genuine appreciation: 'I've loved spending this time with you today, and I'm so excited for those of you joining us!'",
+                    "End with a personal touch: 'I can't wait to get to know each of you better in the program!'",
+                    "Final engagement questions:",
+                    "- '¿Cuál fue tu mayor aprendizaje de este webinar? Compártelo en el chat.'",
+                    "- '¿Te ha resultado valioso este tiempo juntos? Escribe SÍ si has aprendido algo nuevo hoy.'",
+                    "- '¿Hay algo más en lo que pueda ayudarte antes de terminar?'",
+                    "- 'Si te gustó este webinar, ¿podrías escribir GRACIAS en el chat? Me encantaría saber que fue útil para ti.'"
+                ]
+            }
+        ],
+        "tips": [
+            "Practice your presentation to ensure a smooth and confident delivery.",
+            "Use visuals to illustrate key concepts and keep the audience engaged.",
+            "Maintain a high energy level and enthusiasm throughout the webinar.",
+            "Engage with the audience through polls, questions, and chat.",
+            "Follow up with attendees after the webinar to provide additional information and support.",
+            "Clearly articulate how your coaching program transforms participants in 8 weeks.",
+            "Emphasize your unique mechanism throughout the presentation.",
+            "Speak as if you're having coffee with a friend, not delivering a formal presentation.",
+            "Use contractions (I'm, you're, we'll) to sound more natural and conversational.",
+            "Share personal anecdotes and be willing to be vulnerable to build connection.",
+            "Address audience members by name when responding to comments or questions.",
+            "Avoid industry jargon or explain it in simple terms when necessary.",
+            "Use humor appropriately to keep the atmosphere light and engaging.",
+            "Vary your tone, pace, and volume to maintain interest and emphasize key points.",
+            "Ask rhetorical questions throughout to keep the audience mentally engaged.",
+            "Plan your interaction points in advance and prepare specific questions for each section.",
+            "Acknowledge responses by name to create a personal connection: 'Gracias María, excelente pregunta...'",
+            "Create moments of collective agreement: 'Veo que muchos están escribiendo SÍ, esto es exactamente lo que pensaba.'",
+            "Use audience responses to guide your presentation: 'Veo que varios mencionan el problema X, vamos a profundizar en eso...'",
+            "Have a moderator help manage the chat if possible to highlight important questions and comments."
+        ],
+        "examples": [
+            "How this simple webinar framework allowed me to generate $100,000 in sales in 90 minutes",
+            "The Secret to Webinars that Convert: The Formula That Has Generated Millions for ClickFunnels",
+            "Perfect Webinar: The 60-Minute Structure That Transforms Viewers into Customers",
+            "Double your conversion rate with this story telling framework.",
+            "The 8-Week Coaching Program That Transformed 1,000+ Entrepreneurs: Join Our Exclusive Masterclass"
+        ]
+    },
+    
+    "Webinar PASTOR": {
+        "description": "A persuasive framework that follows the PASTOR method (Problem, Amplify, Story, Testimonial, Offer, Response) to address pain points and present your solution in a compelling way.",
+        "key_components": [
+            "Problem: Identifying the specific pain points and challenges your audience is facing.",
+            "Amplify: Highlighting the consequences of not solving the problem to create urgency.",
+            "Story: Using narrative to illustrate the problem and solution in a relatable way.",
+            "Testimonial: Leveraging social proof from satisfied customers to build credibility.",
+            "Offer: Presenting your product or service as the ideal solution to their problems.",
+            "Response: Creating a clear call to action that encourages immediate purchase."
+        ],
+        "structure": [
+            {
+                "segment": "Problem Identification (10 minutes)",
+                "goals": [
+                    "Clearly define the specific problem your audience is facing.",
+                    "Create resonance by showing you understand their challenges.",
+                    "Establish the importance of solving this problem."
+                ],
+                "elements": [
+                    "Research-backed statistics about the problem's prevalence.",
+                    "Common misconceptions about the problem.",
+                    "Direct questions to the audience about their experience with the problem.",
+                    "Brief overview of failed approaches to solving the problem."
+                ]
+            },
+            {
+                "segment": "Amplify the Consequences (10 minutes)",
+                "goals": [
+                    "Highlight the negative impact of leaving the problem unsolved.",
+                    "Create emotional connection to the pain points.",
+                    "Build urgency for finding a solution."
+                ],
+                "elements": [
+                    "Short-term consequences of ignoring the problem.",
+                    "Long-term impact on personal/business growth.",
+                    "Financial implications of the problem.",
+                    "Emotional and psychological costs of the ongoing issue."
+                ]
+            },
+            {
+                "segment": "Story and Solution (15 minutes)",
+                "goals": [
+                    "Share a compelling narrative that illustrates the problem-solution journey.",
+                    "Make the solution relatable through storytelling.",
+                    "Demonstrate transformation through narrative."
+                ],
+                "elements": [
+                    "Personal story or client journey that illustrates the problem.",
+                    "The turning point or discovery moment.",
+                    "Implementation of the solution within the story.",
+                    "Transformation and results achieved through the solution."
+                ]
+            },
+            {
+                "segment": "Testimonials and Social Proof (10 minutes)",
+                "goals": [
+                    "Build credibility through third-party validation.",
+                    "Address potential objections through others' experiences.",
+                    "Demonstrate real-world results from diverse perspectives."
+                ],
+                "elements": [
+                    "Video testimonials from satisfied customers.",
+                    "Before-and-after case studies with specific results.",
+                    "Testimonials that address different objections or concerns.",
+                    "Industry recognition or endorsements if applicable."
+                ]
+            },
+            {
+                "segment": "Offer Presentation (10 minutes)",
+                "goals": [
+                    "Present your product/service as the ideal solution.",
+                    "Clearly articulate the unique value proposition.",
+                    "Stack benefits and features to increase perceived value."
+                ],
+                "elements": [
+                    "Clear explanation of what the product/service includes.",
+                    "Highlight the unique mechanism or approach that makes it effective.",
+                    "Value stacking - present all components and their individual value.",
+                    "Price justification compared to the problem's cost and solution's value."
+                ]
+            },
+            {
+                "segment": "Response and Call to Action (5 minutes)",
+                "goals": [
+                    "Create a clear path to purchase.",
+                    "Address final objections or hesitations.",
+                    "Establish urgency for immediate action."
+                ],
+                "elements": [
+                    "Recap of the main benefits and transformation offered.",
+                    "Limited-time bonuses or special pricing to create urgency.",
+                    "Clear, simple instructions for how to purchase.",
+                    "Final reminder of the cost of inaction versus the value of the solution."
+                ]
+            }
+        ],
+        "tips": [
+            "Personalize the problem identification to your specific audience segment.",
+            "Use concrete examples and specific numbers when amplifying consequences.",
+            "Make your story authentic and relatable - avoid exaggeration.",
+            "Select testimonials that represent your target audience demographics.",
+            "Create a visually appealing presentation of your offer stack.",
+            "Practice transitioning smoothly between each PASTOR element.",
+            "End with a strong, clear call to action that's repeated multiple times."
+        ],
+        "examples": [
+            "Del dolor crónico a la libertad total - El método que ha ayudado a 1,000+ personas sin cirugía",
+            "Amplifica tu patrimonio con este sistema que generó $250,000 en 12 meses partiendo de cero",
+            "La historia detrás de mi transformación y cómo perdí 30 kilos después de probar 15 métodos fallidos",
+            "Testimonios que venden y el método que triplicó mis conversiones en solo 60 días",
+            "Descubre el método que ayudó a 300+ fotógrafos a duplicar sus ingresos trabajando la mitad de horas"
+        ]
+    },
+    
+    "Webinar de Caso de Estudio": {
+        "description": "Based on presenting real results through detailed case studies, showing the before, during, and after of the process.",
+        "structure": [
+            "Introduction of the case study (5 minutes)",
+            "Initial situation and challenges (10 minutes)",
+            "Step-by-step implementation process (20 minutes)",
+            "Results and transformation (15 minutes)",
+            "How to apply the same process (10 minutes)"
+        ],
+        "examples": [
+            "Cómo María pasó de $0 a $10,000 mensuales con este método de Instagram en 60 días",
+            "El caso de estudio de Empresa X: Cómo triplicaron sus conversiones en 90 días",
+            "De principiante a experto: El viaje de Juan para dominar el trading con solo 1 hora al día"
+        ]
+    },
+    
+    "Webinar de Educación": {
+        "description": "Centered on providing substantial educational value, establishing yourself as an authority and building trust before the offer.",
+        "structure": [
+            "Introduction to the topic and establishing credibility (5 minutes)",
+            "Historical or theoretical context of the topic (10 minutes)",
+            "Main educational content (30 minutes)",
+            "Practical applications (10 minutes)",
+            "Additional resources and offer (5 minutes)"
+        ],
+        "examples": [
+            "Los 7 principios fundamentales del copywriting que todo emprendedor debe conocer",
+            "Masterclass: Entendiendo el algoritmo de Instagram en 2023",
+            "La ciencia detrás de la pérdida de peso: lo que tu médico no te dice"
+        ]
+    },
+    
+    # New formula template - ready to be filled in
+    "Nueva Fórmula de Webinar": {
+        "description": "Description of the new webinar formula goes here.",
+        "structure": [
+            "First segment (X minutes)",
+            "Second segment (X minutes)",
+            "Third segment (X minutes)",
+            "Fourth segment (X minutes)",
+            "Fifth segment (X minutes)"
+        ],
+        "examples": [
+            "Example title 1",
+            "Example title 2",
+            "Example title 3"
+        ]
+    }
 }

styles/styles.css

@@ -0,0 +1,42 @@
+/* Custom button styles for Perfect Webinar Framework */
+
+/* Generate Webinar Script button - yellow/red gradient */
+.generate-webinar-button button {
+    width: 100%;
+    margin-top: 1rem;
+    border-radius: 5px;
+    height: 3em;
+    background: linear-gradient(135deg, #FFD700 0%, #FF4500 100%);
+    color: black;
+    font-weight: bold;
+    border: 1px solid black;
+    transition: all 0.3s ease;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+}
+
+.generate-webinar-button button:hover {
+    background: linear-gradient(135deg, #FFDF33 0%, #FF5722 100%);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
+    border: 1px solid black;
+}
+
+/* Download buttons - green/blue gradient */
+.stDownloadButton button {
+    width: 100%;
+    border-radius: 5px;
+    height: 3em;
+    background: linear-gradient(135deg, #32CD32 0%, #1E90FF 100%);
+    color: white !important;
+    font-weight: bold !important;
+    transition: all 0.3s ease !important;
+    border: 1px solid black !important;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
+}
+
+.stDownloadButton button:hover {
+    background: linear-gradient(135deg, #3ED83E 0%, #4169E1 100%);
+    transform: translateY(-2px) !important;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
+    border: 1px solid black !important;
+}