/* VAGAS */
.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; position: relative; margin: 0px 0px 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: 400px; height: auto; position: relative;  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; 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% - 500px); width: -webkit-calc(100% - 500px); width: -o-calc(100% - 500px); width: calc(100% - 500px); 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: 0px 0px 5px 0px; text-align: left; color: var(--cor-primaria); 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: 20px 0px; text-align: left; color: var(--cor-secundaria); 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; font-weight: 700; }
.intros_blocos ul li .conteudo_intro .pretensao i { display: inline-block; vertical-align: top; line-height: 20px; font-size: 18px; padding: 0px 10px 0px 0px; color: var(--cor-secundaria) }
.intros_blocos ul li .conteudo_intro .introducao_intro { width: 100%; font-size: 18px; font-family: var(--fonte-padrao); color: var(--cor-primaria); text-align: left; padding: 0px; line-height: 24px; 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 .conteudo_intro .descritivo { width: 100%; font-size: 13px; font-family: var(--fonte-padrao);  color: var(--cor-texto); text-align: left; padding: 10px 0px 0px 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 .conteudo_intro .descritivo b { font-family: var(--fonte-padrao); font-size: 13px; }
.intros_blocos ul li .conteudo_intro .descritivo u { text-decoration: underline; }
.intros_blocos ul li .conteudo_intro .descritivo a { text-decoration: underline; font-size: 14px; font-family: var(--fonte-padrao);  color: var(--fonte-padrao); }

.intros_blocos ul li .cta { background-color: var(--cor-secundaria); width: auto; cursor: pointer; height: 25px; line-height: 25px; padding: 10px 25px; margin: 0px; font-weight: 700; color: #ffffff; font-size: 18px; font-family: var(--fonte-titulo); 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;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: 700; }
.intros_blocos ul li .cta:hover { padding: 10px 35px; }

.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; }
.intros_blocos ul li #shareRoundIcons { width: 100%; height: auto; position: relative; border-bottom: 1px solid #ececec; display: inline-block;vertical-align: top; text-align: left; padding: 20px 0px 10px 0px; }
.intros_blocos ul li #shareRoundIcons .jssocials-share-link { font-size: 9px; color: #ffffff; overflow: hidden;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.intros_blocos ul li #shareRoundIcons .jssocials-share { margin: 0em 0.6em 0.3em 0; }
.intros_blocos ul li #shareRoundIcons .jssocials-shares { margin: 0.1em 0; }

@media screen and (max-width: 670px) {
	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, .intros_blocos ul li .conteudo_intro .descritivo { text-align:center; }
	.intros_blocos ul li #shareRoundIcons { text-align: center; }
}