Predefinição:Programação/styles.css

@media screen and (min-width:1330px) {
	.schedule {
		display: grid;
		gap: 0.5em;
		grid-template-rows: 
			[tracks] auto 
			[time-0900] auto 
			[time-0930] auto 
			[time-1000] auto 
			[time-1030] auto 
			[time-1100] auto 
			[time-1130] auto 
			[time-1200] auto 
			[time-1230] auto 
			[time-1300] auto 
			[time-1330] auto 
			[time-1400] auto 
			[time-1430] auto 
			[time-1500] auto 
			[time-1530] auto 
			[time-1600] auto 
			[time-1630] auto 
			[time-1700] auto 
			[time-1730] auto 
			[time-1800] auto 
			[time-1830] auto 
			[time-1900] auto 
			[time-1930] auto 
			[time-2000] auto 
			[time-2030] auto 
			[time-2100] auto 
			[time-2130] auto 
			[time-2200] auto 
			[time-2230] auto 
			[time-2300];
		grid-template-columns: 
			[times] 3.5em
			[track-1-start] 0.3fr 
			[track-1-end track-2-start] 0.3fr 
			[track-2-end track-3-start] 0.3fr  
			[track-3-end track-4-start] 0.3fr  
			[track-4-end track-5-start] 0.3fr  
			[track-5-end track-6-start] 0.3fr  
			[track-6-end track-7-start] 0.3fr  
			[track-7-end track-8-start] 0.3fr  
			[track-8-end];
	}
	
	.time-slot {
		display: block;
		padding: 10px 5px 5px;
		position: sticky;
		top: 4em;
		z-index: 1;
		background-color: #fff;
	}
}

.time-slot {
	grid-column: times;
}

@media screen and (max-width:1269px) {
	.time-slot > span[id*='_2'],
	.time-slot > span[id*='_3'],
	.time-slot > span[id*='_4'],
	.time-slot > span[id*='_5'],
	.time-slot > span[id*='_6'],
	.time-slot > span[id*='_7'],
	.time-slot > span[id*='_8'],
	.dummy-slot {
	    display: none;
	}
}

.track-slot {
	display: none
}

.session {
	margin-bottom: 1em;
	padding: .5em;
	border-radius: 2px;
	font-size: 14px;
	box-shadow: rgba(255, 255, 255, .6) 1px 1px 0, rgba(0, 0, 0, .3) 4px 4px 0
}

@supports(display:grid) {
	@media screen and (min-width:1330px) {
		.track-slot {
			display: block;
			padding: 10px 5px 5px;
			position: sticky;
			top: 0;
			z-index: 2;
			background-color: rgba(255, 255, 255, .9)
		}
		
		.schedule > .track-slot:first-child {
			z-index: 4;
		}

		.session {
			margin: 0
		}
	}
}

.session-presenter,
.session-title {
	display: block;
}

.session-track {
	display: inline-block;
	font-style: italic;
}

.session-time {
	display: inline-block;
}

.session-time:before {
  content: '(';
}

.session-time:after {
  content: ')';
}

.session-title {
	margin: 0;
	font-size: 1.1em
}

.time-slot {
	margin: 0;
	font-size: 1em;
	/* width: max-content; */
}

.session-title a {
	color: #fff !important;
	text-decoration-style: dotted
}

h3.session-tag {
    color: #fff;
    font-size: 0.95em;
    margin-top: 0;
    padding-top: 0;
    font-weight: normal;
}

h3.session-tag:before {
	content: '◇ ';
}

.time-slot,
.track-slot {
	font-weight: 700;
	font-size: 1em
}

.track-1 {
	background-color: #2a4b8d;
	color: #fff;
	z-index: 3;
}

.track-2 {
	background-color: #D83B3B;
	color: #fff;
	z-index: 1;
}

.track-3 {
	background-color: #BA2626;
	color: #fff;
	z-index: 1;
}

.track-4 {
	background-color:#7B1818;
	color: #fff;
	z-index: 1;
}

.track-5 {
	background-color: #137C65;
	color: #fff;
	z-index: 1;
}

.track-6 {
	background-color: #0D5E4C;
	color: #fff;
	z-index: 1;
}

.track-7 {
	background-color: #000;
	color: #fff;
	z-index: 1;
}

.track-8 {
	background-color: #757575;
	color: #fff;
	z-index: 1;
}

.track-break {
	background-color: #eaecf0;
	color: #000;
	z-index: 5;
}

.track-all {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ccc;
	color: #000;
	box-shadow: none
}

h2.time-slot {
    border-bottom: none;
}

.session-presenter > div > ul {
	list-style-image: none;
}