Update app.py

app.py

@@ -10,6 +10,19 @@ st.set_page_config(page_title="🤖 Soph-IA", layout="wide")
 
 api_key = st.secrets["API_KEY"] 
 
+# Estilos CSS para centrar el contenido
+st.markdown("""
+    <style>
+        .center-text {
+            text-align: center;
+        }
+        .footer {
+            text-align: center;
+            font-size: 12px;
+        }
+    </style>
+""", unsafe_allow_html=True)
+
 # Respuestas automatizadas
 def respuestas_automatizadas(texto):
     texto = texto.lower()
@@ -67,7 +80,7 @@ def hablar_texto(texto):
         return None
 
 # Título centrado
-st.markdown("<h1>🤖 ¡Bienvenido a Soph-IA!</h1>", unsafe_allow_html=True)
+st.markdown("<h1 class='center-text'>🤖 ¡Bienvenido a Soph-IA!</h1>", unsafe_allow_html=True)
 
 # Explicación técnica
 st.markdown("""
@@ -115,7 +128,8 @@ with col2:
                 respuesta = procesar_imagen(imagen)
             espacio_contenido_generado.markdown(f"<div class='response'>{respuesta}</div>", unsafe_allow_html=True)
 
-st.write("¡Gracias por usar Soph-IA! 😊")
+# Mensaje final centrado
+st.markdown("<h3 class='center-text'>¡Gracias por usar Soph-IA! 😊</h3>", unsafe_allow_html=True)
 
-# Pie de página
+# Pie de página centrado
 st.markdown("<p class='footer'>© 2024 Jeysshon</p>", unsafe_allow_html=True)