style.css

/* 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 */
}