@if (times$ | async; as times) {
	<div class="grid gap-2 text-xl lg:text-2xl">
		<p class="mb-2 text-center text-dark">
			Conéctate en el horario <br />
			de tu preferencia:
		</p>
		@for (time of times; track $index) {
			<div class="flex flex-col items-center justify-center text-center">
				<span class="rounded bg-secondary px-3 py-0.5 text-4xl font-bold text-white">
					{{ time.unixtime_start | unixTime: 'hh:mm a' : 'GMT-6' }}
				</span>
			</div>
		}
		<p class="mt-2 text-center">Hora del Centro de México</p>
	</div>
}
@if (checkTimes$ | async) {
	<ng-container />
}