/*BLOCO INTRODUÇÕES*/
.intros_blocos { width: 100%; height: auto; position: relative; padding: 30px 0px; }
.intros_blocos ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; }
.intros_blocos ul li { display: inline-block; width: 100%; height: auto; position: relative; margin: 15px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; }
.intros_blocos ul li .avatar { overflow: hidden; width: 140px; height: 140px; margin: 0px 30px 0px 0px; position: relative;  overflow: hidden; display:inline-block; vertical-align:top; border: 1px solid #f9f9f9 }
.intros_blocos ul li .avatar img { transform: translate(-50%, -50%); width: auto; max-width: 90%; max-height: 90%; left: 50%; top: 50%; text-align: center; height: auto; position: absolute; -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; }
.intros_blocos ul li .conteudo_intro { display: inline-block; vertical-align: top; width: -moz-calc(100% - 175px); width: -webkit-calc(100% - 175px); width: -o-calc(100% - 175px); width: calc(100% - 175px); padding: 0px; height: auto; font-family: var(--fonte-padrao); color: var(--fonte-padrao); font-size: 14px; text-align: left;  }
.intros_blocos ul li .conteudo_intro .nome_intro { width: 100%; height: auto; position: relative; padding: 0px 0px 5px 0px; text-align: left; color: var(--cor-primaria); font-size: 24px; line-height: 26px; font-family: var(--cor-primaria); -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; }
.intros_blocos ul li .conteudo_intro .introducao { width: 100%; font-size: 13px; font-family: var(--fonte-padrao);  color: var(--cor-texto-default); text-align: left; padding: 0px; line-height: 22px; position: relative; margin: 0px 0px 10px 0px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.intros_blocos ul li .conteudo_intro .acoes { width:100%; height:auto; padding: 10px 0px 0px 0px; text-align: left; position:relative; }
.intros_blocos ul li .conteudo_intro .acoes .ctas { width: auto; height:30px; margin: 0px 10px 0px 0px; text-align:left; padding: 5px 20px 5px 17px; line-height:30px; background-color: var(--cor-primaria); font-size:14px; color:#ffffff; display:inline-block; vertical-align:top;  overflow:hidden; font-weight:700; cursor:pointer; -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: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.intros_blocos ul li .conteudo_intro .acoes .ctas i { font-size:14px; padding-right:8px; line-height:30px; position:relative; display:inline-block; vertical-align:top; }
.intros_blocos ul li .conteudo_intro .acoes .ctas:hover { background-color: var(--cor-hover); }

@media screen and (max-width: 1100px) {
	.intros_blocos { width: 100%; height: auto; position: relative; padding: 30px 0px; }
	.intros_blocos ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; }
	.intros_blocos ul li { width: 94%;  padding: 0px 3%; text-align: center; }
	.intros_blocos ul li .avatar { width: 100%; margin-bottom:10px; }
	.intros_blocos ul li .conteudo_intro, .intros_blocos ul li .conteudo_intro .nome_intro, .intros_blocos ul li .conteudo_intro .introducao { text-align: center; width: 100%; }
	.intros_blocos ul li .conteudo_intro .acoes { text-align:center; }
	.intros_blocos ul li .conteudo_intro .acoes .ctas { margin:0px 5px 5px 5px; }
}