Update app.py

app.py

@@ -35,6 +35,8 @@ st.markdown(
         }
         .stMarkdown>div>p {
             color: black;
+            max-height: 300px;
+            overflow-y: auto;
         }
         .stMarkdown>h1, .stMarkdown>h2, .stMarkdown>h3, .stMarkdown>h4, .stMarkdown>h5, .stMarkdown>h6 {
             color: blue;
@@ -67,6 +69,10 @@ st.markdown(
             border-radius: 10px;
             margin-bottom: 20px;
         }
+        .assistant-response {
+            max-height: 200px;
+            overflow-y: auto;
+        }
     </style>
     """,
     unsafe_allow_html=True,
@@ -152,17 +158,6 @@ if page == "Chat Asistente":
             elif isinstance(mensaje["content"], bytes):
                 st.image(mensaje["content"])
 
-    st.markdown('<div class="video-container">', unsafe_allow_html=True)
-    st.markdown(
-        """
-        <video autoplay loop muted playsinline style="width: 100%;">
-            <source src="videos/Avatar los codigos de Dios.mp4" type="video/mp4">
-        </video>
-        """,
-        unsafe_allow_html=True,
-    )
-    st.markdown('</div>', unsafe_allow_html=True)
-
     pregunta_usuario = st.text_input("Escribe tu pregunta sobre la Biblia:", key="pregunta_input")
     imagen_usuario = st.file_uploader("Sube una imagen (opcional):", type=["png", "jpg", "jpeg"])
 
@@ -192,15 +187,15 @@ if page == "Chat Asistente":
             with st.spinner("Meditando su respuesta..."):
                 with st.empty():
                     spinner = st.markdown('<div class="spinner"></div>', unsafe_allow_html=True)
-                    time.sleep(1)  # Simulación del tiempo de procesamiento
+                    time.sleep(2)  # Simulación del tiempo de procesamiento
                     spinner.empty()
 
                 if pregunta_usuario:
                     respuesta = obtener_respuesta(pregunta_usuario)
                     st.session_state.mensajes.append({"role": "assistant", "content": respuesta, "timestamp": time.time()})
                     with st.chat_message("assistant"):
-                        st.markdown(respuesta)
-            
+                        st.markdown(f'<div class="assistant-response">{respuesta}</div>', unsafe_allow_html=True)
+                        
                     # Convertir texto a voz
                     audio_base64 = text_to_speech_base64(respuesta)
                     audio_html = f"""
@@ -209,6 +204,18 @@ if page == "Chat Asistente":
                         </audio>
                     """
                     st.markdown(audio_html, unsafe_allow_html=True)
+                    
+                    # Reproducir video automáticamente
+                    st.markdown('<div class="video-container">', unsafe_allow_html=True)
+                    st.markdown(
+                        """
+                        <video autoplay loop muted playsinline style="width: 100%;">
+                            <source src="https://cdn.pika.art/v1/3d0aafad-36b6-4341-b2bf-b4d5fbcf0445/Hola_bienvenido_a_este_maravilloso_programa._Donde_podr_s_conocer_y_profundizar_m_s_en_la_palabra_de_seed3422648958323119.mp4" type="video/mp4">
+                        </video>
+                        """,
+                        unsafe_allow_html=True,
+                    )
+                    st.markdown('</div>', unsafe_allow_html=True)
         else:
             st.warning("Por favor, ingresa una pregunta antes de enviar.")