:root {
    --color-gris-1: #bdbdbd;
    --color-azul-f-1: #060a2f;
    --color-verde-1: #16a34a;
    --color-gris-2: #4b5563;
    --color-dorado-1: #bd8d24;
    --color-gris-3: #7b7b7b;
}

.tabla{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 32px 0;
}

.contenedor-tabla{

    background: white;
    border: 1px solid var(--color-gris-1);
    border-radius: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);;
    overflow-x: auto;
}

.tabla-resultados{
    width:100%;
    min-width: 1200px;
    border-collapse: collapse;
}


.tabla-resultados thead{
    background: var(--color-gris-2);
    color:#fff;
}

.tabla-resultados th{
    padding:16px 12px;
    text-align:left;
    font-size:.95rem;
    font-weight:600;
    white-space: nowrap;
}

.tabla-resultados th:nth-child(5),

.tabla-resultados th:nth-child(6),

.tabla-resultados th:nth-child(7){
    text-align:right;
}

.tabla-resultados td{
    padding: 12px;
    border-bottom:1px solid var(--color-gris-1);
    vertical-align:middle;
    font-size: 1rem;
}

.tabla-resultados tbody tr:nth-child(even){

    background:#eef3f8;

}

/*
.tabla-resultados tbody tr:hover{

    background: #fffefe;

}
    */

.tabla-resultados td:nth-child(5),

.tabla-resultados td:nth-child(6),

.tabla-resultados td:nth-child(7){
    text-align:right;
    font-weight: 500;
}

.badge-area{
    display: inline-block;
    padding: 4px 16px;
    border-radius: 999px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
}

.area-1{
    background: #1b1e3a;
}

.area-2{
    background: #195523;
}

.area-3{
    background: #918200;
}

.area-4{
    background: #5c1e1e;
}

.nombre-clave{
    font-weight: 600;
    color:var(--color-azul-f-1);
}

.nombre-carrera{
    font-weight: 600;
    color:var(--color-azul-f-1);
}

.nombre-plantel{
    font-weight: 500;
    color:var(--color-gris-2);
}

.sin-resultados{
    padding: 24px;
    text-align:center;
    color:var(--color-gris-2);
}

.txt-hidd-des {
    display: none;
}


@media(max-width:992px){

    .tabla-resultados{
        width:100%;
        min-width: 1000px;
        border-collapse: collapse;
    }

    .txt-hidd-des {
        display: block;
        font-size: .80rem;
        font-weight: 500;
        text-align: center;
        color: #4b5563;
        margin-bottom: 8px;
    }

}

@media(max-width:768px){

    .tabla{
        margin: 0 0 24px 0;
    }

    .contenedor-tabla{
        
    }

    .tabla-resultados th{
        padding: 10px 10px;
        font-size:.85rem;
    }

    .tabla-resultados td{
        padding: 10px;
        font-size: .82rem;
    }

    .badge-area{
        padding: 4px 12px;
        font-size: .82rem;
    }
    

}