Update app.py

app.py

@@ -450,10 +450,57 @@ IMPORTANT FINAL REMINDER:
 # Inicializar la aplicación Streamlit
 st.set_page_config(page_title="Generador de Historias", page_icon=":pencil:", layout="wide")
 
+# Ocultar elementos de la interfaz
+st.markdown("""
+    <style>
+        
+        /* Reducir espacio superior */
+        .block-container {
+            padding-top: 1rem;
+            padding-bottom: 5rem;
+        }
+
+        /* Ajustar espaciado del título */
+        h1 {
+            margin-top: -2rem;
+            padding-top: 0.5rem;
+        }
+
+        /* Ajustar espaciado del subtítulo */
+        h4 {
+            margin-top: 0.5rem;
+            padding-top: 0rem;
+        }
+    </style>
+""", unsafe_allow_html=True)
+
 # Título y subtítulo
 st.markdown("<h1 style='text-align: center;'>Story Genius Maker</h1>", unsafe_allow_html=True)
 st.markdown("<h3 style='text-align: center;'>Teje historias inolvidables en segundos, guiado por la magia de la inteligencia artificial que da vida a tus ideas en relatos cautivadores.</h3>", unsafe_allow_html=True)
 
+# Añadir CSS personalizado para el botón
+st.markdown("""
+    <style>
+    div.stButton > button {
+        background-color: #FFCC00;
+        color: black;
+        width: 90%;
+        height: 60px;
+        font-weight: bold;
+        font-size: 22px;
+        text-transform: uppercase;
+        border: 1px solid #000000;
+        border-radius: 8px;
+        display: block;
+        margin: 0 auto;
+    }
+    div.stButton > button:hover {
+        background-color: #FFD700;
+        color: black;
+    }
+    </style>
+""", unsafe_allow_html=True)
+
 # Crear las columnas para el diseño (40% para la izquierda, 60% para la derecha)
 col1, col2 = st.columns([2, 3])