.cell {
  padding: 0 !important; /* elimina espacios que puedan causar huecos */
  margin: 0 !important;
  height: 100%;
}

.cell a {
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 5px; /* para que el texto no quede pegado */
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
}


.cell a:hover {
    background-color: #dcdcdc; /* Cambia el color al pasar el ratón */
}

.table-container{
	overflow-x: auto;
}

.competition-10,
.competition-1 {
  background-color: #b6e2ae; /* antes: #DFF0D8 */
}

.competition-2 {
  background-color: #7ecbfa; /* antes: #B8E0FF */
}

.competition-5 {
  background-color: #ffc299; /* antes: #FFD9C0 */
}

.competition-6 {
  background-color: #fff07d; /* antes: #FFF9C0 */
}


.table tbody tr:hover {
    background-color: inherit !important; /* Cambia el color de fondo al pasar el cursor */
}

#global-table{
	margin-bottom: 40px;
}

.temporada-total {
	width: 160px;
}

.temporada-parcial{
	width: 90px;
}

#graphic {
  display: none;
}

/* Cuando el ancho de pantalla sea mayor a 1000px, mostramos el div */
@media (min-width: 1001px) {
  #graphic {
    display: block; /* o inline-block, según lo que necesites */
  }
}