/*AGENDA*/
.agenda { width: 100%; height: auto; position: relative; display: inline-block; vertical-align: text-top; padding: 0px 0px 75px 0px; text-align: center; margin: 0px; }
.agenda ul { width: 100%; height: auto; position: relative; list-style-type: none; padding: 10px 0px; text-align:center; display: flex; justify-content: flex-start; gap: 15px; flex-wrap: wrap; margin: 0px; }
.agenda ul li { background: #f4f6f8; overflow: hidden; width: 24%; height: auto; margin: 0px 0px 50px 0px; box-sizing: border-box; position: relative; text-align:right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.agenda ul li .avatar { width:100%; height:250px; position:relative; display:inline-block; }
.agenda ul li .avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position:relative; display:block; }
.agenda ul li .avatar .data { text-align: center; margin: 0px 0px 0px 20px; left: 0px; z-index: 100; width: 65px; padding: 20px 0px; height: auto; position: absolute; bottom: 15px; color: #ffffff; background: var(--cor-secundaria); font-size: 15px; line-height: 15px; font-family: var(--fonte-padrao); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:inline-block; overflow:hidden; font-weight:800;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.agenda ul li .infos { width: calc(100% - 30px); height: auto; z-index: 20; padding: 0px 15px 15px 15px; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:inline-block; vertical-align:top }
.agenda ul li .infos .localidade { width: 100%; height: auto; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 20px; padding: 0px; color: var(--cor-texto); font-size: 12px; text-align:left; }
.agenda ul li .infos .localidade i { color: var(--cor-secundaria); display: inline-block; vertical-align:top; height:20px; width:20px; margin: 0px 6px 0px 0px; font-size:16px; line-height:20px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.agenda ul li .infos .qual { width: 100%; height: auto; position: relative; color: var(--cor-primaria); font-size: 18px; letter-spacing: -0.5px; line-height: 22px; font-weight: 700; font-family: var(--fonte-padrao); text-align: left; padding: 20px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:block; }
.agenda ul li:hover { background: #eaeaea; }

@media screen and (max-width: 1100px) {
	/*AGENDA*/
	.agenda { width: 96%; padding: 25px 2%; }
	.agenda ul li .infos .localidade, .agenda .titulo_bloco { text-align:center; }
	.agenda .titulo_bloco .link_direto { width: 100%; margin: 5px 0px; text-align:center; }
	.agenda ul li { width: 100%; margin: 0px 0px 40px 0px; }
	.agenda ul li .infos .qual { padding: 10px 0px 0px 0px; text-align: center; }
}