File size: 2,097 Bytes
e90c3a3 6af0dac cba6839 e90c3a3 cba6839 6af0dac cba6839 6af0dac cba6839 6af0dac cba6839 6af0dac e90c3a3 cba6839 e90c3a3 cba6839 e90c3a3 cba6839 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
/* 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 */
}
|