Update app.py

app.py

@@ -10,131 +10,6 @@ st.set_page_config(page_title="🤖 Soph-IA", layout="wide")
 
 api_key = st.secrets["API_KEY"] 
 
-# Estilo CSS adaptable a modo claro y oscuro
-st.markdown("""
-    <style>
-        /* Estilos generales */
-        body {
-            font-family: 'Arial', sans-serif;
-            transition: background-color 0.3s, color 0.3s;
-        }
-
-        h1 {
-            text-align: center;
-        }
-
-        .response {
-            border-radius: 5px;
-            padding: 10px;
-            margin-top: 10px;
-            transition: background-color 0.3s, color 0.3s;
-        }
-
-        .footer {
-            text-align: center;
-            margin-top: 20px;
-        }
-
-        .audio-button {
-            border: none;
-            border-radius: 5px;
-            padding: 5px 10px;
-            cursor: pointer;
-            margin-top: 5px;
-            transition: background-color 0.3s, color 0.3s;
-        }
-
-        /* Modo claro */
-        @media (prefers-color-scheme: light) {
-            body {
-                background-color: #ffffff;
-                color: #000000;
-            }
-            h1 {
-                color: #007bff;
-            }
-            .response {
-                background-color: #f0f0f0;
-                color: #000000;
-                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-            }
-            .footer {
-                color: #6c757d;
-            }
-            .audio-button {
-                background-color: #007bff;
-                color: white;
-            }
-            .audio-button:hover {
-                background-color: #0056b3;
-            }
-        }
-
-        /* Modo oscuro */
-        @media (prefers-color-scheme: dark) {
-            body {
-                background-color: #1a1a1a;
-                color: #ffffff;
-            }
-            h1 {
-                color: #ffcc00;
-            }
-            .response {
-                background-color: #333333;
-                color: #ffffff;
-                box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);
-            }
-            .footer {
-                color: #ffcc00;
-            }
-            .audio-button {
-                background-color: #ffcc00;
-                color: #1a1a1a;
-            }
-            .audio-button:hover {
-                background-color: #e6b800;
-            }
-        }
-
-        /* Estilos para elementos de Streamlit */
-        .stSelectbox, .stTextInput, .stButton {
-            margin-bottom: 10px !important;
-        }
-
-        /* Estilo para botones */
-        .stButton button {
-            border: none;
-            border-radius: 5px;
-            padding: 10px 20px;
-            cursor: pointer;
-            transition: background-color 0.3s;
-            font-size: 16px;
-        }
-
-        /* Modo claro para botones */
-        @media (prefers-color-scheme: light) {
-            .stButton button {
-                background-color: #007bff;
-                color: white;
-            }
-            .stButton button:hover {
-                background-color: #0056b3;
-            }
-        }
-
-        /* Modo oscuro para botones */
-        @media (prefers-color-scheme: dark) {
-            .stButton button {
-                background-color: #ffcc00;
-                color: #1a1a1a;
-            }
-            .stButton button:hover {
-                background-color: #e6b800;
-            }
-        }
-    </style>
-""", unsafe_allow_html=True)
-
 # Respuestas automatizadas
 def respuestas_automatizadas(texto):
     texto = texto.lower()
@@ -221,7 +96,7 @@ with col2:
         if entrada_texto:
             with st.spinner("Generando respuesta..."):
                 resultado = procesar_texto(entrada_texto)
-            espacio_contenido_generado.markdown(f"<div class='response'>**Respuesta:** {resultado}</div>", unsafe_allow_html=True)
+            espacio_contenido_generado.markdown(f"<div class='response'>{resultado}</div>", unsafe_allow_html=True)
             audio_data = hablar_texto(resultado)
             if audio_data:
                 st.markdown(f"""
@@ -238,9 +113,9 @@ with col2:
             st.image(imagen, caption='Imagen subida.', use_column_width=True)
             with st.spinner("Procesando imagen..."):
                 respuesta = procesar_imagen(imagen)
-            espacio_contenido_generado.markdown(f"<div class='response'>**Respuesta de la imagen:** {respuesta}</div>", unsafe_allow_html=True)
+            espacio_contenido_generado.markdown(f"<div class='response'>{respuesta}</div>", unsafe_allow_html=True)
 
 st.write("¡Gracias por usar Soph-IA! 😊")
 
 # Pie de página
-st.markdown("<div class='footer'>© 2024 Jeysshon</div>", unsafe_allow_html=True)
+st.markdown("<p class='footer'>© 2024 Jeysshon</p>", unsafe_allow_html=True)