/**
 * Estilo para las tablas 
 * Autor: Andres Hurtado
 * Fecha: 26-09-2025
 */

.tabla-scroll {
    width: 100%;
    overflow-x: auto;
    max-height: 80vh;
}

.tabla {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    box-shadow: var(--sombra);
    border-radius: 8px;
    /* overflow: hidden; */
}

.cabecera {
    background-color: var(--color-primario);
    color: white;
    padding: 5px 5px;
    font-size: 1.1rem;
    text-align: center;
    border: none;
}

.tabla thead tr .cabecera2,
.tabla tfoot tr .cabecera2 {
    background-color: var(--color-destacado);
    color: white;
    padding: 3px 3px;
    font-size: 0.8rem;
    text-align: center;
    border: 1px solid var(--color-borde);
}

.tabla thead tr .cabecera3,
.tabla tfoot tr .cabecera3 {
    background-color: var(--color-resaltante);
    color: white;
    padding: 3px 3px;
    font-size: 0.7rem;
    text-align: center;
    border: 1px solid var(--color-borde);
}

/* .tabla tfoot tr {
    color: white;
    padding: 5px 5px;
    font-size: 0.9rem;
    text-align: center;
    border: 1px solid var(--color-borde);
}
 */
.tabla thead tr .cabecera2 a {
    color: #5797FF !important;
    text-decoration: none;
}

/* Cell Styles */
.tabla tbody tr td {
    padding: 3px 3px;
    border: 1px solid var(--color-borde);
    text-align: center;
    color: var(--color-texto);
    font-size: 0.7rem;
}

.thFooter {
    /* padding: 4px 4px; */
    border: 1px solid var(--color-borde);
    text-align: center;
    background-color: var(--color-primario);
    /* color: var(--color-primario); */
    color: var(--color-fondo);
    /* font-weight: bold; */
}

.filares {
    background-color: rgba(142, 108, 53, 0.05);
    /* Using secondary color with low opacity */
}

/* .fila {
    background-color: white;
} */

/* Hover Effects */
.fila:hover,
.filares:hover {
    background-color: rgba(45, 78, 145, 0.1);
}

.fila-advertencia td {
    color: #ff0000 !important;
}

.horario_asig_cerrada {
    color: var(--color-error);
    font-weight: bold;
}

.horario_asig_abierta {
    color: var(--color-primario);
    font-weight: bold;
}

/* Para historico academico */
.tabla tbody tr .aprobado {
    color: green;
}

.tabla tbody tr .reprobado {
    color: red;
}

.tituloResumen {
    color: var(--color-primario);
    font-weight: bold;
}

/* Estilos para la tabla de fechas */
.tabla-fechas {
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
    border-collapse: collapse;
}

.tabla-fechas td {
    padding: 12px 15px;
    border-bottom: 1px solid var(--color-borde);
    text-align: center;
}

.tabla-fechas tr:last-child td {
    border-bottom: none;
}

/* Responsive Table */
@media (max-width: 992px) {

    /* TODO: examinar si es necesario */
    /* .tabla {
        display: block;
        overflow-x: auto;
    } */

    .tabla-indice-acedemico,
    .tabla-giro {
        display: table;
    }

    .cabecera2 {
        min-width: 120px;
    }
}