/*ATUAÇÃO*/
.atuacao { width: 100%; height: auto; overflow: hidden; position: relative; z-index: 10; padding: 0px 0px 30px 0px; margin: 0px 0px 25px 0px; text-align: center; display:inline-block; vertical-align:top; }
.atuacao ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: left; padding: 10px 0px 0px 0px; display: flex; justify-content: flex-start; flex-wrap: wrap;  }
.atuacao ul li { width: 31.5%; padding: 0px; height: auto; margin: 10px;  box-sizing: border-box; display: inline-block; vertical-align: top; position: relative; text-align:center; -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; }
.atuacao ul li .avatar { width: 100%; background: var(--cor-primaria); height: auto; position: relative; margin: 0px; overflow: hidden; vertical-align: top; display: inline-block; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; text-align:center; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
.atuacao ul li .avatar img { position: relative; width: 100%; height: auto; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display:block; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
.atuacao ul li .titulo_atua { width: 100%; height: auto; position: relative; color: var(--cor-texto-cinza); font-size: 16px; line-height: 20px; font-family: var(--fonte-padrao); font-weight: 400; text-align: left; padding: 10px 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; font-style: italic; }
.atuacao ul li:hover img { opacity: 0.75; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

@media screen and (max-width: 1100px) {
	.atuacao ul li { width: 98%; }
	.atuacao ul li .titulo_atua { text-align:center; }
}