Update style.css

style.css

@@ -1,19 +1,40 @@
+/* Contenedor del pie de página */
 .footer-container {
     position: fixed;
     bottom: 0;
     width: 100%;
-    background-color: white;
-    padding: 10px;
-    border-top: 1px solid #eaeaea;
-    z-index: 1000; 
+    background-color: #f8f9fa; /* Color de fondo ligeramente gris para un look moderno */
+    padding: 15px; /* Aumento del padding para un mejor diseño */
+    border-top: 1px solid #dee2e6; /* Color de borde más suave */
+    box-shadow: 0 -1px 5px rgba(0,0,0,0.1); /* Sombra sutil para un efecto de profundidad */
+    z-index: 1000;
 }
 
+/* Estilo del pie de página */
 .footer {
     text-align: center;
-    padding: 10px;
     font-size: 14px;
+    color: #6c757d; /* Color de texto gris oscuro para un contraste suave */
+    margin: 0; /* Elimina márgenes adicionales */
 }
 
+/* Estilo para los elementos de entrada de Streamlit */
 .stSelectbox, .stTextInput, .stButton {
-    margin-bottom: 0 !important;
+    margin-bottom: 10px !important; /* Ajuste del margen inferior para mejor separación */
 }
+
+/* Estilo adicional para botones (opcional) */
+.stButton {
+    background-color: #007bff; /* Color de fondo azul para botones */
+    color: white; /* Texto blanco en los botones */
+    border: none; /* Sin borde adicional */
+    border-radius: 4px; /* Bordes redondeados para los botones */
+    padding: 8px 16px; /* Espaciado interno del botón */
+    cursor: pointer; /* Cursor en forma de mano para indicar que es clickeable */
+    transition: background-color 0.3s; /* Transición suave para el color de fondo */
+}
+
+.stButton:hover {
+    background-color: #0056b3; /* Color de fondo más oscuro al pasar el ratón por encima */
+}
+