/* Estilos Personalizados */

body {
    font-family: 'Roboto', sans-serif;
    background-color: #f8f9fa;
    display: flex; /* Añadido para el sticky footer */
    flex-direction: column; /* Añadido para el sticky footer */
    min-height: 100vh; /* Añadido para el sticky footer */
}

/* Cambia el color primario de Bootstrap */
.btn-primary {
    background-color: #007bff; /* Azul */
    border-color: #007bff;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.card {
    border: none;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
}

/* Estilos para el Navbar Lateral */
.bg-dark {
    background-color: #343a40 !important;
}

.nav-pills .nav-link.active {
    background-color: #007bff;
}

/* Estilos para el Footer */
/* Eliminados los estilos antiguos */

/* Añadidos para ajustar el color del texto */
.text-muted {
    color: rgba(255, 255, 255, 0.6) !important; /* Blanco con opacidad */
}

/* Estilos para los enlaces del footer */
.footer a {
    color: rgba(255, 255, 255, 0.8) !important; /* Blanco con menos opacidad para resaltar */
    text-decoration: none; /* Eliminar subrayado por defecto */
}

.footer a:hover {
    color: rgba(255, 255, 255, 1) !important; /* Blanco puro al pasar el ratón */
}