.contenedor{
    /* background-color: aquamarine; */
    display:flex;
    flex: wrap;
    flex-direction: column;
    align-content: space-between;
    min-height: 100vh;
}

/*nav{
    background-color: #ec0707;
    flex-grow: 1;
    color:rgb(3, 44, 44); 
}*/

section{
    background-color: #f0f0f0;
    flex-grow: 6;
    color:rgb(114, 115, 115);
 
}

footer{
    background-color: #5c5c5c;
    flex-grow: 1;
    color:azure;
}

article{
    display:flex;
    flex: wrap;
    flex-direction: row;
    align-content: space-between;
 }

.art{
    flex-grow: 1;
    margin: 10px;
    border: #5c5c5c;
}

.titulo{
    background-color: #184669;
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-size: 40px;
    color: #ffffff!important;
}

.faltarchivo{
    font-size: 1.3em;
    color: rgb(248, 129, 10);
}

.noevaluado{
    font-size: 1.3em;
    color: rgb(134, 133, 132);
}

.aprobado{
    font-size: 1.3em;
    color: rgb(73, 166, 42);
}

.revisar{
    font-size: 1.3em;
    color: rgb(222, 182, 7);
}

.rechazar{
    font-size: 1.3em;
    color: rgb(192, 65, 7);
}

@media (max-width: 1200px) {
    .titulo {
        font-size: 35px;
    }
}

@media (max-width: 992px) {
    .titulo {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .titulo {
        font-size: 25px;
    }
}

@media (max-width: 576px) {
    .titulo {
        font-size: 20px;
    }
    .form-rest {
        padding: 0;
    }
    .col-12 {
        margin-left: 5px;
        margin-right: 5px;
    }
    .btn {
        width: 100%;
    }
}

.sort-icons {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1.5em;
    line-height: 1;
    vertical-align: middle;
}

.sort-icons i {
    font-size: 0.7em;
    opacity: 0.7; /* Íconos atenuados por defecto */
    color: #bbb; /* Color gris claro para los íconos no seleccionados */
    transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; /* Transición suave para el cambio de opacidad y color */
}

.sort-icons .bi-caret-up-fill {
    margin-bottom: -1px;
}

.sort-icons .bi-caret-down-fill {
    margin-top: -3px;
}

.sort-icons .selected {
    opacity: 1;
    color: #fff; /* Ícono seleccionado en color blanco */
}


.custom-dark-nav-pills .nav-link {
    background-color: #343a40; /* Fondo oscuro por defecto */
    color: #ffffff;            /* Texto claro */
    border: 1px solid #495057; /* Borde oscuro */
    border-radius: 5px;
}

.custom-dark-nav-pills .nav-link:hover {
    background-color: #495057; /* Fondo al pasar el ratón */
    color: #ffffff;
}

/* Estilo para la pestaña activa */
.custom-dark-nav-pills .nav-link.active {
    background-color: transparent; /* Fondo transparente */
    color: #495057;                /* Texto oscuro */
    border: 1px solid #6c757d;     /* Borde de contorno */
}

/* Deshabilitado sin contorno */
.custom-dark-nav-pills .nav-link.disabled {
    background-color: #6c757d; /* Fondo para pills deshabilitados */
    color: #ced4da;            /* Color de texto claro */
    pointer-events: none;      /* Desactiva clics en el pill deshabilitado */
}
/* nuevos estilos a partir de 2025 */
.hero {
    background-color: #4084c2;
}
.card-hover:hover {
    box-shadow: 0 8px 32px rgba(60,72,180,0.12);
    transform: translateY(-4px) scale(1.02);
    transition: all 0.2s;
}

.btn-logout {
    width: auto !important;
    min-width: 0;
    display: inline-block;
}