@charset "UTF-8";
/* CSS Document */

	@media all and (max-width: 600px) {
		
		.grid-container {
    display: block !important;
    width: 95% !important;
			margin: 0 auto !important;
			
}
		.item {
    margin: 10px 0;
}
		
		}

* { box-sizing: border-box; }


body{font-family: 'Work Sans', sans-serif;font-size: 17px;font-weight: 400; margin: 0; padding: 0;
background-color: white;padding: 5px;}
#wrapper{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
	p{margin: 10px 0}
	.cd-schedule__event a{font-size: 15px !important;}
		.cd-schedule__event a em{font-size: 20px !important;margin: 8px 0;
}
h1{font-family: 'Work Sans', sans-serif;font-size: 30px;font-weight: 700;text-decoration: none;}

	h2{font-family: 'Arima Madurai', sans-serif;
		font-size: 27px;
		line-height: 29px;
		margin: 2px 0;
		font-weight: 700;
		text-decoration: none;
}
h3{font-family: 'Work Sans', sans-serif;font-size: 18px;font-weight: 700;text-decoration: none;}

i{margin-right:10px ;}

.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Crea 3 columnas de igual tamaño */
    gap: 10px; /* Espacio entre las celdas */
}
.item {
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
    text-align: center;
    padding: 5px;
}
.item.dia{
	color: #252C33;
	background: rgb(121,171,205);
background: linear-gradient(180deg, rgba(121,171,205,1) 0%, rgba(197,206,215,1) 34%, rgba(234,187,143,1) 74%, rgba(249,117,9,1) 100%);
}


.item.noche{
	color: #fff;
	background: rgb(1,32,67);
background: linear-gradient(180deg, rgba(1,32,67,1) 0%, rgba(90,113,144,1) 52%, rgba(251,129,45,1) 81%, rgba(193,60,19,1) 96%, rgba(69,11,22,1) 100%);
}