/*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: 30px; flex-wrap: wrap; margin: 25px 0px 0px 0px; }
.agenda ul li { overflow: hidden; width: 31.5%; height: auto; margin: 0px 0px 30px 0px; box-sizing: border-box; position: relative; text-align:right; }
.agenda ul li .avatar { width:100%; height:auto; position:relative; display:inline-block; }
.agenda ul li .avatar img { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: -o-calc(100% - 16px); width: calc(100% - 16px); height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; margin: 8px 8px 0px 8px; text-align: center; 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; overflow:hidden; display:block; overflow:hidden; float:left; z-index:11;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.agenda ul li .avatar::after { width: 100%; position:absolute; content:''; height: -moz-calc(100% - 8px); height: -webkit-calc(100% - 8px); height: -o-calc(100% - 8px); height: calc(100% - 8px); background-color:#e7eae9; left:0px; top:0px; z-index:10;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.agenda ul li .avatar .data { text-align: center; margin: 0px 0px 0px 20px; left: 0px; z-index: 100; width: 100px; padding: 20px 0px; height: auto; position: absolute; bottom: 10px; color: var(--cor-primaria); background: var(--cor-destaque); font-size: 20px; line-height: 20px; 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: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.agenda ul li .infos { width: -moz-calc(100% - 140px); width: -webkit-calc(100% - 140px); width: -o-calc(100% - 140px); width: calc(100% - 140px); height: auto; z-index: 20; padding: 10px 0px 10px 0px; 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 img { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); }
.agenda ul li:hover .infos { padding: 20px 0px 0px 0px; }
.agenda ul li:hover .avatar .data { bottom: 15px; }
.agenda ul li:hover .avatar::after { height: -moz-calc(100% + 8px); height: -webkit-calc(100% + 8px); height: -o-calc(100% + 8px); height: calc(100% + 8px); }

@media screen and (max-width: 1100px) {
	/*AGENDA*/
	.agenda { width: 96%; padding: 25px 2%; }
	.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:0px 0px 20px 0px; }
}