/* Contenedor del pie de página */ .footer-container { position: fixed; bottom: 0; width: 100%; 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 */ } /* Ajustes adicionales para elementos de texto en el pie */ .footer p { margin: 0; /* Elimina márgenes para un diseño compacto */ } /* Estilo adicional para los elementos de entrada de Streamlit */ .stSelectbox, .stTextInput, .stButton { 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 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 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 */ }