/* VAGAS */
section { padding: 0px 0px 30px 0px; }

.intros_blocos { width: 100%; height: auto; position: relative; padding: 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; border-top: 1px solid #ececec; position: relative; margin: 30px 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: 300px; height: auto; position: relative;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; margin: 20px 0px 0px 20px; float: right; }
.intros_blocos ul li .avatar img { width: 100%; text-align: center; 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; display: block; }
.intros_blocos ul li .conteudo_intro { display: inline-block; vertical-align: top; width: -moz-calc(100% - 400px); width: -webkit-calc(100% - 400px); width: -o-calc(100% - 400px); width: calc(100% - 400px); padding: 20px 0px; height: auto; font-family: var(--fonte-padrao); color: var(--fonte-padrao); font-size: 12px; text-align: left;  }
.intros_blocos ul li .conteudo_intro .nome_intro { width: 100%; height: auto; position: relative; padding: 10px 0px 5px 0px; text-align: left; color: var(--cor-primaria); font-weight: 700; letter-spacing: -1px; font-size: 24px; line-height: 26px; 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; }
.intros_blocos ul li .conteudo_intro .pretensao { width: 100%; height: auto; position: relative; padding: 10px 0px 5px 0px; text-align: left; color: var(--cor-primaria); font-size: 18px; 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; }
.intros_blocos ul li .conteudo_intro .pretensao i { display: inline-block; vertical-align: top; line-height: 20px; font-size: 16px; padding: 0px 10px 0px 0px; color: var(--cor-secundaria) }
.intros_blocos ul li .conteudo_intro .introducao_intro { width: 100%; font-size: 13px; font-family: var(--fonte-padrao);  color: var(--fonte-padrao); text-align: left; padding: 0px; line-height: 20px; position: relative; z-index: 10; margin: 0px 0px 10px 0px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight:400; }
.intros_blocos ul li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 1; }

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