/* Ajuste general de la tabla */
.timetable-wrapper {
  overflow-x: auto;
}

.timetable-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* fuerza a que todas las celdas tengan el mismo ancho */
}

.timetable-table th,
.timetable-table td {
  padding: 6px;
  text-align: center;
  border: 1px solid #dcdde1;
  height: 60px; /* ajusta esto si lo quieres más compacto */
  vertical-align: middle;
  position: relative;
}

/* Hora a la izquierda */
.hour-label {
  font-weight: bold;
  background-color: #f0f0f0;
  width: 70px;
}

/* Celda del día */
.day-cell {
  padding: 0;
}

/* Tarjeta dentro de la celda */
.timetable-block {
  background-color: #2ecc71;
  color: white;
  width: 100%;
  height: 100%;
  font-size: 14px;
  padding: 4px;
  border-radius: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}