/* styles.css */
table, 
table th, 
table td, 
table a {
    color: #040d5e !important;
}

.navbar-custom, .card-header {
    background-color: #742622; /* Reemplaza #DAA520 con el código de color del logo */
}

.navbar-custom .nav-link {
    color: #ffffff; /* Puedes ajustar el color del texto según contraste necesario */
    
}
.navbar-nav {
    display: flex;
    justify-content: space-between; /* Distribuye los elementos uniformemente */
    width: 100%; /* Ocupa todo el ancho disponible */
}

.navbar-nav .nav-item {
    flex-grow: 1; /* Hace que cada elemento ocupe el mismo espacio */
    text-align: center; /* Centra el texto de cada enlace */
}

.navbar-nav .nav-link {
    width: 100%; /* Asegura que el enlace ocupa el ancho completo del contenedor */
}
.navbar-nav {
    display: flex;
    justify-content: space-between; /* Distribuye los elementos uniformemente */
    width: 100%; /* Ocupa todo el ancho disponible */
}

.navbar-nav .nav-item {
    flex-grow: 1; /* Hace que cada elemento ocupe el mismo espacio */
    text-align: center; /* Centra el texto de cada enlace */
}

.navbar-nav .nav-link {
    width: 100%; /* Asegura que el enlace ocupa el ancho completo del contenedor */
}

body p, 
body div, 
body h5, 
body li, .list-group-item, 
body li a {
    color: #051f54;
}

.logo {
    width: 70px;
    height: auto;
    animation: spinY 7s linear infinite;
    margin-top: 10px; 
}
.card-header{color: #ffffff;}
.sublogo {
    width: 260px;
    height: auto;
    display: block;
    margin-top: 10px; /* Ajusta el margen superior para que se separe un poco del logo */
}

header {
    margin: 10px; /* Elimina el margen superior e inferior del header */
    padding: 0; /* Elimina cualquier padding que pudiera tener el header */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container {
    padding-top: 0; /* Reduce el padding en la parte superior del contenedor */
}

@keyframes spinY {
    from { transform: rotateY(0deg); }
    to { transform: rotateY(360deg); }
}
