Update style.css

style.css

@@ -3,38 +3,51 @@
     position: fixed;
     bottom: 0;
     width: 100%;
-    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 */
+    background-color: #f8f9fa; /* Fondo gris claro moderno */
+    padding: 20px; /* Padding aumentado para mayor espacio */
+    border-top: 1px solid #dee2e6; /* Borde superior suave */
+    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.15); /* Sombra sutil para efecto de profundidad */
     z-index: 1000;
+    text-align: center; /* Alineación centrada */
+    font-size: 14px;
+    color: #6c757d; /* Color gris oscuro */
+    font-family: 'Arial', sans-serif; /* Fuente clara y moderna */
 }
 
-/* Estilo del pie de página */
-.footer {
-    text-align: center;
-    font-size: 14px;
-    color: #6c757d; /* Color de texto gris oscuro para un contraste suave */
-    margin: 0; /* Elimina márgenes adicionales */
+/* Ajustes adicionales para elementos de texto en el pie */
+.footer p {
+    margin: 0; /* Elimina márgenes para un diseño compacto */
 }
 
-/* Estilo para los elementos de entrada de Streamlit */
+/* Estilo adicional para los elementos de entrada de Streamlit */
 .stSelectbox, .stTextInput, .stButton {
-    margin-bottom: 10px !important; /* Ajuste del margen inferior para mejor separación */
+    margin-bottom: 15px !important; /* Mayor separación entre elementos */
+    font-family: 'Arial', sans-serif; /* Uniformidad en la fuente */
+    padding: 10px; /* Padding más amplio */
+    border-radius: 5px; /* Bordes ligeramente redondeados */
+    border: 1px solid #dee2e6; /* Borde gris claro */
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Sombra sutil */
 }
 
 /* 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 */
+    background-color: #007bff; /* Color azul fuerte */
+    color: #fff; /* Texto blanco */
+    border: none; /* Sin borde */
+    border-radius: 5px; /* Bordes más redondeados */
+    padding: 12px 20px; /* Aumenta el padding para mejor usabilidad */
+    cursor: pointer; /* Indica que es clickeable */
+    font-size: 16px; /* Texto ligeramente más grande */
+    transition: background-color 0.3s ease; /* Transición suave para el hover */
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra ligera */
 }
 
 .stButton:hover {
-    background-color: #0056b3; /* Color de fondo más oscuro al pasar el ratón por encima */
+    background-color: #0056b3; /* Color más oscuro al pasar el mouse */
+    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); /* Sombra más pronunciada en hover */
 }
 
+/* Ajuste de altura del footer para evitar solapamiento */
+body {
+    padding-bottom: 80px; /* Espacio para el pie de página fijo */
+}