/* VAGAS */
.intros_blocos { width: 100%; height: auto; position: relative; padding: 0px; z-index:100 }
.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%; height: 100%; object-fit: cover; object-position: center; display: block; -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; 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: 14px; text-align: left;  }
.intros_blocos ul li .conteudo_intro .nome_intro { cursor: pointer; width: 100%; height: auto; font-weight: 700; letter-spacing: -1px; position: relative; padding: 10px 0px 5px 0px; text-align: left; color: var(--cor-primaria); font-size: 24px; line-height: 26px; font-family: var(--fonte-titulo); -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; font-weight: 700; letter-spacing: -1px; position: relative; padding: 10px 0px 5px 0px; text-align: left; color: var(--cor-primaria); font-size: 18px; line-height: 20px; font-family: var(--fonte-titulo); -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(--cor-texto); 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; }
.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: 1100px) {
	section { padding-top: 90px; }

	.intros_blocos { width: 96%; padding: 30px 2% 0px 2%; }
	.intros_blocos ul li { border-top: initial; text-align: center; }
	.intros_blocos ul li .avatar { overflow: hidden; width: 100%; margin: 20px 0px 10px 0px; float: none; }
	.intros_blocos ul li .conteudo_intro { width: 100%; text-align: center;  }
	.intros_blocos ul li .conteudo_intro .nome_intro , .intros_blocos ul li .conteudo_intro .pretensao, .intros_blocos ul li .conteudo_intro .introducao_intro { text-align:center; }
}