.calendario-recogida {
	width: 85%;
	margin: .5em auto;
	border: 2px solid #D14200;
	border-bottom: 3px solid #D14200;
	border-collapse:separate;
	border-radius: .5em;
}
.calendario-recogida h2.cabecera-calendario {
	font-size: 1.65em;
	font-weight: 600;
	letter-spacing: .07em;
	color: #D14200;
	text-align: center;
	margin: 0;
	padding: .6em 0;
	text-transform: uppercase;
	border-bottom: 2px solid #d14200;
}
.calendario-recogida h2.pie-calendario {
	font-size: 1.3em;
	font-weight: 600;
	color: #D14200;
	text-align: center;
	margin: 0;
	padding: .6em 0;
	border-top: 2px solid #d14200;
}
.calendario {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: .5em;
	padding: .5em;
	text-align: center;
}
.mes {
	padding: .75em;
	font-size: 1.3em;
	letter-spacing: .15em;
}
.temporada {
	color: #fff;
	background-color:#007749; 
	border: 1px solid #fff;
	font-weight: bold;

	animation: AnimacionFondoCalendario 3s, AnimacionColorTexto 3s;
	animation-fill-mode: forwards;
}
.fuera {
	border: 1px solid #ddd;
	animation: AnimacionFundidoTexto 3s;
	animation-fill-mode: forwards;
}
@keyframes AnimacionFondoCalendario {
    0% {background-color:#fff;}
	30% {background-color:#fff;}
	100% {background-color:#007749;border: 1px solid #007749;}
}
@keyframes AnimacionColorTexto {
	0% {color: #214c31;font-weight:normal;}
	30% {color: #214c31;font-weight:normal;}
	100% {color: #fff;font-weight:bold;}
}
@keyframes AnimacionFundidoTexto {
	0% {color: #214c31;}
	30% {color: #214c31;}
	100% {color: #007749;}
}