#fondo-tablas{
    display: none; /* Inicialmente oculta */
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro semi-transparente */        
    z-index: 10000;
}

#tablas{
    position: absolute;
    background-color: rgb(0, 0, 0);
    top:10%;
    left:3%;
    width: 94%;
    height: 74%;  
    border-radius: 30px;   
    overflow: hidden;    
    box-shadow: 8px 8px 40px white; 
}

#div-barra-tablas{
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: space-between;
    background-color: black;
    top:0px;
    width: 100%;
    height: 6%;        
}

#nombre-tablas{
    font-family: poppins;
    font-size: 40px;
    color: white; 
    padding-left: 20px;
}

#div-cruz-tablas{
    display: flex;
    align-items: center;
    width: 6%;
    height: 100%;
    padding-right: 10px;
}

#cruz-tablas{
    width: 100%;
    height: 80%;
}

#pestanas-tablas{
    display: flex;    
    position: absolute;
    font-family: poppins;
    font-size: 40px;
    color: white;    
    overflow: hidden;
    top:6%;
    left: 1%;
    width: 98%;
    height: 6%;  
}

#div-pestana-tablas{
    display: flex; 
    position: absolute;
    background-color: rgb(92, 6, 6);
    border-radius: 20px 20px 0px 0px;  
    align-items: center;
    justify-content: center;    
    width: 50%;
    height: 100%; 
}

#div-pestana-tablas-anual{
    display: flex;     
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 20px 20px 0px 0px;  
    align-items: center;
    justify-content: center;    
    left:50%;
    width: 50%;
    height: 100%; 
}


#div-tablas{
    /*display: flex; */
    position: absolute;
    background-color: rgb(92, 6, 6);
    border-radius: 0px 0px 20px 20px;  
    align-items: center;
    justify-content: center;
    top: 12%;
    left: 1%;
    width: 98%;
    height: 87%; 
}

#div-tablas-anual{
    display: none; /*flex; */
    position: absolute;
    background-color: green; /*rgb(92, 6, 6);*/
    border-radius: 0px 0px 20px 20px;  
    align-items: center;
    justify-content: center;
    top: 14%;
    left: 1%;
    width: 98%;
    height: 84%; 
}

#combo-tablas{
    font-family: poppins;
    font-size: 35px;
    color: black; 
}

#label-combo-tablas{
    font-family: poppins;
    font-size: 35px;
    color: white; 
}

tbody {
    display: table-row-group; /* Asegura que el tbody sea visible */
    visibility: visible; /* Asegura que no esté oculto */
}

th, td {
    display: table-cell;  /* Asegura que las celdas se comporten como celdas de tabla */
    padding: 8px;
    text-align: center;
}

#div-cabecera-tabla{
    display: flex;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    height: 4.5%;
    width: 94%;
    left: 3%;   
    top:10%; 
    font-family: poppins;
    font-size: 30px;
    color: white;     
}

.div-fila-datos{
    display: flex;
    font-family: poppins;
    font-size: 30px;
    color: white;     
    width: 100%;
    height: 4.5%;
}


.posicion-datos-tablas{
    display: flex;
    justify-content: right;
    align-items: center;
    width: 6%;
    padding-right: 10px;
}

.equipo-datos-tablas{
    display: flex;
    justify-content: left;
    align-items: center;
    width: 30%;
}

.pj-datos-tablas,
.pg-datos-tablas,
.pe-datos-tablas,
.pp-datos-tablas,
.dg-datos-tablas,
.pts-datos-tablas{
    display: flex;
    width: 10%;
    justify-content: right;
    align-items: center;
}

#div-cab-espacio-tablas{
    display: flex;
    justify-content: left;
    align-items: center;
    width: 6%;
    padding-right: 10px;

}

#div-cab-equipo-tablas{
    display: flex;
    justify-content: left;
    align-items: center;
    width: 30%;
}

#div-cab-pj-tablas,
#div-cab-pg-tablas,
#div-cab-pe-tablas,
#div-cab-pp-tablas,
#div-cab-dg-tablas,
#div-cab-pts-tablas{
    display: flex;
    width: 10%;
    justify-content: right;
    align-items: center;
}

#div-datos-tablas{
    position: absolute;
    height: 100%;
    width: 94%;
    left: 3%; 
    top:15%
}

#label-combo-categorias-tablas{
    font-family: poppins;
    font-size: 35px;
    color: white;  
    padding-right: 10px;  
}

#combo-categorias-tablas{
    font-family: poppins;
    font-size: 35px;
    color: black;  
    width: 30svw;     
}

#div-combo-categorias-tablas{
    position: absolute;
    display: flex;
    top:3%;
    left: 3%; 
    width: 100%;
}