/* FRASES */
.depoimentos { width: 100%; height: auto; position: relative; padding: 30px 0px 50px 0px; text-align: center; }
.depoimentos ul { width: 100%; height: auto; position: relative; text-align: left; }
.depoimentos ul li { width: 100% height: auto; position: relative; padding: 40px 0px; border-top: 1px solid #f4f6f8; text-align: right; margin: 0px; }
.depoimentos ul li .bloco1 { width: 100%; margin: 0px; position: relative; font-size: 14px; display: inline-block; vertical-align: top; color: #545454; font-family: var(--fonte-padrao); text-align: left; font-weight: 300; }
.depoimentos ul li .bloco1 .autor {width: 100%; height: auto; color: var(--cor-amarela); font-size: 18px; font-family: var(--fonte-padrao); padding: 0px; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 700; line-height: 50px;  background-image: url(../imagens/aspas.png); background-repeat: no-repeat; background-position: left center; padding-left:70px; margin-bottom:10px; }
.depoimentos ul li .bloco1 .autor .avatar { width: 50px; height: 50px; position: relative; overflow: hidden; display: inline-block; vertical-align: top; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow:hidden; margin: 0px 20px 0px 0px; }
.depoimentos ul li .bloco1 .autor .avatar img { width: auto; height: auto; max-height: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; }
.depoimentos ul li .bloco1 .mensagem { width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); height: auto; color: #919191; font-size: 16px; font-family: var(--fonte-padrao); padding: 20px 0px; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 400; line-height: 28px; }

/*ENVIE*/
.envie { margin: 0px auto; cursor: pointer; display: inline-block; vertical-align: top; width: auto; color: #ffffff; font-size: 12px; letter-spacing: 2px; font-weight: 600; height: 40px; line-height: 40px; background: rgb(162,114,42); background: linear-gradient(90deg, rgba(162,114,42,1) 0%, rgba(196,155,55,1) 100%); -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: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden; text-align: center; padding: 0px 15px; text-transform:uppercase; margin-bottom:10px; }
.envie:hover { filter: hue-rotate(-40deg); padding: 0px 20px; }

/*CATEGORIAS*/
.categorias { width: 100%; height: auto; position: relative; margin: 0px; text-align: left; padding: 0px 0px 20px 0px; border-bottom: 1px solid #f4f6f8; }
.categorias ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: left; }
.categorias ul li { display: inline-block; vertical-align: top; cursor: pointer; width: 200px; height: 110px; margin: 10px 0px 5px 0px; -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; text-align: center; }
.categorias ul li.ativado {  background: rgb(162,114,42); background: linear-gradient(90deg, rgba(162,114,42,1) 0%, rgba(196,155,55,1) 100%); color: #ffffff; }
.categorias ul li { width: auto; height: auto; margin: 0px 10px 10px 0px; padding: 10px 15px; position: relative; vertical-align: top; display: inline-block; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background-color: #f4f6f8; font-family: var(--fonte-padrao); color: var(--cor-primaria); font-size: 15px; font-weight: 700; text-align: left; line-height: 16px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.categorias ul li:hover { background-color:var(--cor-amarela); }

@media screen and (max-width: 1100px) {
	section { padding-top:65px; }

	.depoimentos { width: 96%; height: auto; position: relative; padding: 30px 2%; text-align: center; }
	.depoimentos ul { width: 100%; height: auto; position: relative; text-align: center; }
	.depoimentos ul li { width: 100%; height: auto; position: relative; float: none; text-align: center; padding: 20px 0px 60px 0px; }
	.depoimentos ul li .bloco1 { width: 100%; text-align: center; }
	.depoimentos ul li .bloco1 .mensagem { text-align: center; }
	.depoimentos ul li .bloco1 .autor { text-align:left; padding-left:60px; }
}