Guardar mis cambios locales

styles.css

@@ -1,15 +1,33 @@
 /* styles.css */
+
+/* Hacer que el contenedor principal ocupe todo el alto de la ventana */
 .gradio-container {
-    background-color: #90ffb7;  /* Fondo de color azul claro para toda la interfaz */
+    background-color: #90ffb7;  /* Fondo verde claro para toda la interfaz */
+    height: 100vh;  /* Asegurarnos de que el contenedor ocupe todo el alto de la pantalla */
+    margin: 0;  /* Eliminar márgenes */
+    padding: 0;  /* Eliminar relleno */
 }
+
+/* Personalización de entradas y sliders */
 .gradio-input, .gradio-slider {
     background-color: #e0ffff;  /* Fondo de color cyan claro para entradas y sliders */
     color: #006400;  /* Texto de color verde oscuro */
 }
+
+/* Personalización de botones */
 .gradio-button {
     background-color: #98fb98;  /* Botones con fondo verde pálido */
     color: #006400;  /* Texto de los botones en verde oscuro */
 }
+
+/* Personalización de salidas */
 .gradio-output {
     background-color: #fffacd;  /* Fondo de color amarillo suave para los outputs */
 }
+
+/* Asegurarnos de que el contenedor que tiene los gráficos y tablas se ajuste */
+.gradio-interface {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}