.table {
  font-size: 12px; /* Texto más pequeño para mejor visualización */
  width: 100%; /* Se adapta al ancho del contenedor */
}

.table th {
  font-size: 10px; /* Tamaño reducido para los encabezados */
  padding: 4px; /* Reduce el espacio en las celdas */
  text-align: center;
}

.table td {
  padding: 4px;
  text-align: center;
  white-space: nowrap; /* Evita que el texto se divida */
}

/* Para pantallas pequeñas */
@media (max-width: 576px) {
  .table {
    font-size: 20px;
  }

  .table th, .table td {
    padding: 2px;
    font-size: 9px;
  }
}