:root {
	--global_padding_inline: clamp(0px, 5vw, 50px);
	--color-azul-eletrico: hsl(219.24deg 100% 58.63%);
	--color-branco-sujo: linear-gradient(white, transparent);
	/* --color-branco-sujo: hsl(0deg 0% 100% / 95%); */
	--color-azul-nobre: hsl(214, 52%, 21%);
	--especial_margins: max(20px, calc(calc(100vw - 1464px) / 2));
	--hero_height: max(calc(100vh - 155px), 812px);
	/* --hero_image: url(/img_official/fundo_official.png); */
	--hero_image: url(/img_official/fundo_official.webp);
}

section.login form {
	padding: 10px;
}

.btn-danger:hover {
	background-color: var(--color-danger);
	border-color: var(--color-danger);
}

.special_size {
	width: auto;
	padding-inline: var(--especial_margins);
}

body {
	background-color: var(--color-lightGray_3);
}

section.big_header {
	background-image: var(--hero_image);
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: top;
	transition: background-image 1000ms;
	-webkit-transition: background-image 1000ms;
	-moz-transition: background-image 1000ms;
	-ms-transition: background-image 1000ms;
	-o-transition: background-image 1000ms;
}

section.header {
	background: var(--color-branco-sujo);
	transition: background 650ms;
	-webkit-transition: background 650ms;
	-moz-transition: background 650ms;
	-ms-transition: background 650ms;
	-o-transition: background 650ms;
}

section.header.off {
	background: transparent;
}

section.login {
	all: unset;
}

section.login>div {
	padding-inline: clamp(10px, 2vw, 35px);
	width: clamp(320px, 600px, calc(100vw - 50px));
	background-color: black;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

section.login div.opcoes_login {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
	gap: 8px;
}

section.login .opcoes_login>div {
	cursor: pointer;
	user-select: none;
	padding: 8px;
	border-radius: 4px;
	padding-top: 16px;
	font-weight: 100;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border: 1px solid transparent;
}

section.login .opcoes_login>div.selected,
section.login .opcoes_login>div:hover {
	background-color: #1a324f;
	border: 0.5px solid #ded6d673;
}

section.black-screen {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	background-color: rgb(0 0 0 / 80%);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 250ms;
	-webkit-transition: opacity 250ms;
	-moz-transition: opacity 250ms;
	-ms-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	backdrop-filter: blur(1.5px) grayscale(1);
	opacity: 0;
	z-index: -1;
}

section.black-screen.show {
	z-index: 5;
	opacity: 1;
}

span.close {
	background-color: unset;
}

/* ! HEADER */
section.header>div {
	display: flex;
	justify-content: space-between;
	padding-block: 15px;
}

section.header>div>div.logo {
	aspect-ratio: 1/1;
	height: 125px;
	max-height: 125px;
	background-image: url(/img_official/logos/new_logo_black_250x250.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: max-height 500ms;
	-webkit-transition: max-height 500ms;
	-moz-transition: max-height 500ms;
	-ms-transition: max-height 500ms;
	-o-transition: max-height 500ms;
}

section.header>div>div.logo.off {
	max-height: 95px;
}

section.header>div>div.login {
	display: flex;
	align-items: flex-end;
}

div.header button {
	font-family: var(--font-Mohave);
	font-size: 20px;
	height: 50px;
	width: 120px;
	color: white;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position-x: 82px;
	background-position-y: center;
	padding-right: 48px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 3px;
}

div.header button.login {
	background-image: url(/img_official/icon/login_white.png);
	background-color: hsl(1.41deg 66.93% 25%);
	border: 1px solid hsl(353, 44%, 19%);
	transition: transform 500ms;
	-webkit-transition: transform 500ms;
	-moz-transition: transform 500ms;
	-ms-transition: transform 500ms;
	-o-transition: transform 500ms;
}

div.header button.login.off {
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
}

div.header button.login:hover,
div.header button.login:active {
	background-color: hsl(6, 67%, 50%);
}

/* ! HERO */
section.hero {
	height: var(--hero_height);
}

/*
section.big_header.hero_candidato {
	--hero_image: url(/img_official/fundo_candidato_official.png);
}

section.big_header.hero_empregador {
	--hero_image: url(/img_official/fundo_empregador_official.png);
}

section.big_header.hero_colaborador {
	--hero_image: url(/img_official/fundo_colaborador_official.png);
	padding-bottom: 30px;
}

section.big_header.hero_tomador {
	--hero_image: url(/img_official/fundo_tomador_official.png);
	padding-bottom: 30px;
}
*/

section.hero>div.hero {
	display: flex;
	height: 100%;
}

section.hero .texto_hero {
	z-index: 2;
	padding-top: 2vw;
	height: 100%;
	display: flex;
	flex-direction: column;
	width: min(540px, 50%);
}

.texto_hero>div:nth-of-type(1) {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

section.hero .texto_hero .titulo {
	font-size: clamp(35px, 6rem, 63px);
	font-family: var(--font-Anton);
	text-shadow: 1px 1px 4px black;
	color: white;
}

section.hero .texto_hero .conteudo {
	font-weight: 400;
	margin-top: 35px;
	width: min(540px, 100%);
	max-width: 100%;
	font-size: clamp(20px, 4rem, 30px);
	font-family: var(--font-Mohave);
	color: white;
	text-shadow: 1px 1px 4px black;
}

section.hero .texto_hero .botoes {
	display: none;
}

section.hero .image_hero {
	opacity: 0;
	flex: 1;
	grid-area: image;
	z-index: 1;
	background-image: url(/img_official/hero_20_sem_fundo_official.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
	height: calc(var(--hero_height) + 37px);
	transition: opacity 750ms, transform 1200ms;
	-webkit-transition: opacity 750ms, transform 1200ms;
	-moz-transition: opacity 750ms, transform 1200ms;
	-ms-transition: opacity 750ms, transform 1200ms;
	-o-transition: opacity 750ms, transform 1200ms;
}

section.hero .image_hero>div {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

section.hero .call_to_action_candidato {
	margin-top: 50px;
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

button.btn-ver-vagas,
button.btn-cadastrar-curriculo {
	padding: 10px;
	display: flex;
	gap: 5px;
	align-items: center;
	font-size: 1.2rem;
	flex: 1;
	text-align: left;
}

button.btn-ver-vagas *,
button.btn-cadastrar-curriculo * {
	pointer-events: none;
}

button.btn-ver-vagas {
	flex: 1;
}

button.btn-cadastrar-curriculo>span.cadastrar-curriculo {
	height: 50px;
	width: 50px;
	aspect-ratio: 1/1;
	background-image: url(/img_official/icon/add_white.png);
	background-position: center center;
	background-repeat: no-repeat;
	transition: transform 450ms;
	-webkit-transition: transform 450ms;
	-moz-transition: transform 450ms;
	-ms-transition: transform 450ms;
	-o-transition: transform 450ms;
}

button.btn-ver-vagas>span.ver-vagas {
	transition: transform 450ms;
	-webkit-transition: transform 450ms;
	-moz-transition: transform 450ms;
	-ms-transition: transform 450ms;
	-o-transition: transform 450ms;
	width: 37px;
	height: 40px;
	padding: 5px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas: '. um .'
		'. . .'
		'dois . tres';
}

button.btn-ver-vagas>span.ver-vagas>div {
	--altura_span: 8px;
	border: 1.5px solid white;
	width: var(--altura_span);
	height: var(--altura_span);
	color: transparent;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

button.btn-ver-vagas>span.ver-vagas>div:nth-of-type(1) {
	grid-area: um;
}

button.btn-ver-vagas>span.ver-vagas>div:nth-of-type(2) {
	grid-area: dois;
}

button.btn-ver-vagas>span.ver-vagas>div:nth-of-type(3) {
	grid-area: tres;
}

div.cadastrarCurriculo {
	background-color: black;
	width: clamp(320px, 600px, calc(100% - 50px));
	color: white;
	height: fit-content;
	padding: 40px 15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	position: relative;
	font-family: var(--font-Roboto);
}


div.cadastrarCurriculo .titulo {
	font-size: 1.3rem;
	padding: 30px;
	line-height: 35px;
}

div.cadastrarCurriculo div.label {
	color: var(--color-white);
	font-size: 1.05rem;
	margin-bottom: 3px;
}

div.cadastrarCurriculo form .password_div {
	position: relative;
}

form span[showPassword] {
	top: 35px;
	right: 40px;
}

.cadastrarCurriculo .state {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 25px;
	aspect-ratio: 1/1;
	position: absolute;
	z-index: 2;
	top: 32px;
	right: 5px;
	filter: var(--filter-red-on-white);
	-webkit-filter: var(--filter-red-on-white);
}

.cadastrarCurriculo .state.error {
	background-image: url(/img_official/error_white_24dp.svg);
}

.cadastrarCurriculo .state.ready {
	background-image: url(/img_official/check_circle_white_24dp.svg);
	filter: var(--filter-green_2);
	-webkit-filter: var(--filter-green_2);
}

.cadastrarCurriculo .state.empty {
	display: none;
}

.bemvindo_parceiro.cadastrarCurriculo {
	position: fixed;
	z-index: 3;
	top: 50%;
	left: 50%;
	background-color: hsl(0deg 0% 0% / 93%);
	width: min(97vw, 812px);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.bemvindo_parceiro.cadastrarCurriculo div.titulo {
	text-align: center;
	font-size: 1.5rem;
}

.bemvindo_parceiro.cadastrarCurriculo .conteudo>div:nth-of-type(1) {
	margin-inline: 35px;
	margin-bottom: 40px;
}

.bemvindo_parceiro.cadastrarCurriculo .conteudo>div:nth-of-type(1)>div {
	font-size: 1.2rem;
	line-height: 27px;
	font-weight: 300;
}

.bemvindo_parceiro.cadastrarCurriculo .conteudo>div:nth-of-type(1)>div+div {
	margin-top: 15px;
}

.bemvindo_parceiro.cadastrarCurriculo .conteudo>div:nth-of-type(2) {
	display: flex;
	justify-content: center;
}

button.btn-cadastrar-curriculo:hover>span {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}


button.btn-ver-vagas:hover>span {
	transform: rotate(117deg);
	-webkit-transform: rotate(117deg);
	-moz-transform: rotate(117deg);
	-ms-transform: rotate(117deg);
	-o-transform: rotate(117deg);
}

section.hero .image_hero>div.texto_elemento {
	color: var(--color-white);
	background: linear-gradient(to bottom right, black, transparent);
	box-shadow: 4px 3px 14px 10px #908e8e63;
	margin-top: 2vw;
	padding: 2vw;
	font-size: 22px;
	font-family: var(--font-Nunito);
	font-weight: 200;
}

section.hero .image_hero>div.texto_elemento p {
	text-indent: 16px;
}

section.hero .image_hero>div.texto_elemento p+p {
	margin-top: 16px;
}

section.hero .botoes_hero {
	height: max-content;
	display: grid;
	grid-template-columns: 200px 200px;
	gap: 30px;
	margin-top: auto;
	margin-bottom: 50px;
}

section.hero .botoes_hero>button {
	font-family: var(--font-Mohave);
	font-size: 20px;
	height: 65px;
	width: 200px;
	color: white;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 5px 13px;
	padding-left: 48px;
	text-align: left;
	cursor: pointer;
}

section.hero .botoes_hero>button.btn-candidato {
	background-image: url(/img_official/icon/candidato_white.png);
	background-color: hsla(6, 67%, 50%, 0.8);
	border: 1px solid hsl(353, 44%, 19%);
}

section.hero .botoes_hero>button.btn-candidato:hover,
section.hero .botoes_hero>button.btn-candidato:active {
	background-color: hsl(6, 67%, 50%);
}

section.hero .botoes_hero>button.btn-empregador {
	background-image: url(/img_official/icon/empregador_white.png);
	background-color: hsl(214.15deg 53.72% 23.73% / 80%);
	border: 1px solid hsl(212.57deg 46.67% 14.71%);
}

section.hero .botoes_hero>button.btn-empregador:hover,
section.hero .botoes_hero>button.btn-empregador:active {
	background-color: hsl(214.15deg 53.72% 23.73%);
}

section.hero .botoes_hero>button.btn-tomador {
	padding-left: unset;
	text-align: center;
	background-color: hsl(214.15deg 53.72% 23.73% / 50%);
	border: 1px solid hsl(212.57deg 46.67% 14.71%);
}

section.hero .botoes_hero>button.btn-tomador:hover,
section.hero .botoes_hero>button.btn-tomador:active {
	background-color: hsl(214.15deg 53.72% 23.73%);
}

section.hero .botoes_hero>button.btn-colaborador {
	padding-left: unset;
	text-align: center;
	background-color: hsla(6, 67%, 50%, 0.5);
	border: 1px solid hsl(353, 44%, 19%);
}

section.hero .botoes_hero>button.btn-colaborador:hover,
section.hero .botoes_hero>button.btn-colaborador:active {
	background-color: hsl(6, 67%, 50%);
}

/* DEPOIMENTOS */
section.testimonials {
	background-color: hsl(209.41deg 53.12% 37.65%);
	padding-block: max(30px, 6vh);
}

section.testimonials div.testimonials {
	overflow: hidden;
}

section.main div.main>div.titulo,
section.testimonials div.testimonials>div.titulo,
section.exibeFuncoes div.exibeFuncoes>div.titulo,
div.exibeFuncoes>div.titulo {
	display: flex;
	gap: 15px;
	font-size: max(2rem, 3vw, 35px);
	color: var(--color-white);
	align-items: center;
	margin-bottom: 35px;
	font-family: var(--font-Roboto);
	text-shadow: 1px 1px 4px black;
}

section.main div.main>div.titulo::before,
section.testimonials div.testimonials>div.titulo::before {
	content: '';
	background-image: url(/img_official/icon/testimonials_white.png);
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-size: contain;
}

section.main div.main>div.titulo::before {
	content: '';
	background-image: url(/img_official/icon/funcionalidades_white.png);
	aspect-ratio: 1/1;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: center;
}

div.exibeFuncoes div.titulo::before {
	content: '';
	background-image: url(/img_official/icon/star_white.png);
	aspect-ratio: 1/1;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: center;
}

section.testimonials div.testimonials div.depoimentos {
	/* display: flex;
	gap: 35px;
	padding-block: 35px;
	transition: transform 450ms;
	-webkit-transition: transform 450ms;
	-moz-transition: transform 450ms;
	-ms-transition: transform 450ms;
	-o-transition: transform 450ms; */
}

section.testimonials div.testimonials div.depoimentos::-webkit-scrollbar {
	background-color: transparent;
}

section.testimonials div.testimonials div.mais {
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: flex-end;
	padding-right: 15px;
}

section.testimonials div.testimonials div.mais div {
	width: 35px;
	height: 35px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

section.testimonials div.testimonials div.mais div[data-depoimentos-left] {
	background-image: url(/img_official/icon/arrow_left_white.png);
}

section.testimonials div.testimonials div.mais div[data-depoimentos-right] {
	background-image: url(/img_official/icon/arrow_right_white.png);
}

section.testimonials div.testimonials div.depoimentos>div.depoimento {
	font-family: var(--font-Roboto);
	min-width: 390px;
	max-width: calc(100vw - calc(var(--especial_margins) * 2));
	width: 390px;
	padding: 15px;
	background-color: var(--color-white);
	color: var(--color-dark);
	box-shadow: 8px 7px 10px 3px #0000006e;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
}

section.testimonials div.testimonials div.depoimentos>div.depoimento>div:first-of-type {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
	position: relative;
}

section.testimonials div.testimonials div.depoimentos>div.depoimento img {
	position: absolute;
	right: -30px;
	top: -35px;
	border: 0.5px solid var(--color-white);
	aspect-ratio: 1/1;
	height: 100px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

section.testimonials div.testimonials div.depoimentos>div.depoimento div.nome {
	font-size: 1.2rem;
	color: #2d6193;
	font-family: var(--font-Mohave);
}

section.testimonials div.testimonials div.depoimentos>div.depoimento div.empresa {
	font-weight: 200;
	font-family: var(--font-Mohave);
}

div.scroller {
	width: 100%;
	padding-block: 0.5rem;
	margin-inline: auto;
	overflow: hidden;
	-webkit-mask: linear-gradient(90deg,
			transparent,
			white 20%,
			white 80%,
			transparent);
	mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

div.scroller+div.scroller {
	margin-top: 3rem;
}

div.scroller div.depoimento_lista {
	--gap_depoimentos: 3rem;
	padding-block: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap_depoimentos);
	width: max-content;
	flex-wrap: nowrap;
	animation: animate var(--t) forwards linear infinite;
	-webkit-animation: animate var(--t) forwards linear infinite;
}

div.scroller div.depoimento_lista.reverse {
	animation: animate var(--t) reverse linear infinite;
	-webkit-animation: animate var(--t) reverse linear infinite;
}

@keyframes animate {
	to {
		transform: translate(calc(-50% - calc(var(--gap_depoimentos)) / 2));
		-webkit-transform: translate(calc(-50% - calc(var(--gap_depoimentos)) / 2));
		-moz-transform: translate(calc(-50% - calc(var(--gap_depoimentos)) / 2));
		-ms-transform: translate(calc(-50% - calc(var(--gap_depoimentos)) / 2));
		-o-transform: translate(calc(-50% - calc(var(--gap_depoimentos)) / 2));
	}
}


/* ! FOOTER */
section.footer {
	background-color: var(--color-dark);
	color: var(--color-white);
}

section.footer>div.info_geral {
	display: flex;
	justify-content: space-between;
	padding-block: clamp(10px, 15vw, 50px);
}

section.footer>div.info_geral>div>div.titulo {
	font-size: 1.2rem;
	margin-bottom: 20px;
}

section.footer>div.info_geral>div>div:not(.titulo)+div {
	margin-top: 8px;
}

section.footer>div.info_geral>div>div:not(.titulo) {
	transition: 2500ms text-decoration;
	-webkit-transition: 2500ms text-decoration;
	-moz-transition: 2500ms text-decoration;
	-ms-transition: 2500ms text-decoration;
	-o-transition: 2500ms text-decoration;
}

section.footer>div.info_geral>div>div:not(.titulo):hover {
	cursor: pointer;
	text-decoration: underline;
}

section.footer>div.info_geral>div>div.media {
	margin-top: 20px !important;
	display: flex;
	gap: 15px;
}

section.footer .media>div {
	width: 30px;
	height: 30px;
	aspect-ratio: 1/1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	transition: 350ms background-image;
	-webkit-transition: 350ms background-image;
	-moz-transition: 350ms background-image;
	-ms-transition: 350ms background-image;
	-o-transition: 350ms background-image;
}

section.footer .facebook {
	background-image: url(/img_official/media/facebook_circle_bw.png);
}

section.footer .facebook:hover {
	background-image: url(/img_official/media/facebook_circle.png);
}

section.footer .instagram {
	background-image: url(/img_official/media/instagram_bw.png);
}

section.footer .instagram:hover {
	background-image: url(/img_official/media/instagram.png);
}

section.footer .youtube {
	background-image: url(/img_official/media/youtube_bw.png);
}

section.footer .youtube:hover {
	background-image: url(/img_official/media/youtube.png);
}

section.footer .bottom_info {
	padding-block: 10px;
	text-align: center;
	padding-inline: 15px;
	font-size: clamp(13px, 1.3rem, 18px);
	color: #999999;
	line-height: 20px;
	background-color: hsl(0, 1%, 15%);
}

section.footer .bottom_info>div+div {
	margin-top: 8px;
}

section.main {
	background: linear-gradient(to bottom right, #163d69, hsl(0deg 1.91% 11.79%));
	color: var(--color-white);
	padding-block: max(30px, 6vh);
}

section.main div.main {
	padding-block: 35px;
	min-height: 510px;
}

div.infoMain {
	font-family: var(--font-Nunito);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
	font-family: var(--font-Nunito);
	--tamanhoSujeito: 310px;
	display: grid;
	grid-template-columns: repeat(auto-fit, var(--tamanhoSujeito));
	gap: 40px;
	row-gap: 80px;
	justify-content: space-between;
}

div.infoMain .funcao_interessado {
	--tamanho_icone: 170px;
	position: relative;
	opacity: 0;
}

div.infoMain .funcao_interessado .icone_funcoes {
	position: relative;
	margin-inline: auto;
	margin-bottom: 25px;
	--tamanho_icone: 170px;
	width: var(--tamanho_icone);
	height: var(--tamanho_icone);
	aspect-ratio: 1/1;
	background-color: hsl(213.91deg 53.49% 16.86%);
	z-index: 1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

div.infoMain .funcao_interessado .ver_mais button {
	width: 115px;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.infoMain .funcao_interessado .ver_mais button:hover span {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	pointer-events: none;
}

div.infoMain .funcao_interessado .ver_mais button>span {
	background-image: url(/img_official/icon/add_white.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 30px;
	height: 30px;
	transition: transform 250ms;
	-webkit-transition: transform 250ms;
	-moz-transition: transform 250ms;
	-ms-transition: transform 250ms;
	-o-transition: transform 250ms;
}

div.infoMain .funcao_interessado.candidato .ver_mais {
	top: 330px;
}

div.infoMain .funcao_interessado.colaborador .ver_mais {
	top: 330px;
}

div.infoMain .funcao_interessado.empregador .ver_mais {
	top: 330px;
}

div.infoMain .funcao_interessado.tomador .ver_mais {
	top: 330px;
}

div.infoMain .funcao_interessado.candidato .icone_funcoes img {
	width: 100%;
	transform: translateY(10px) scale(1.3);
	-webkit-transform: translateY(10px) scale(1.3);
	-moz-transform: translateY(10px) scale(1.3);
	-ms-transform: translateY(10px) scale(1.3);
	-o-transform: translateY(10px) scale(1.3);
}

div.infoMain .funcao_interessado.colaborador .icone_funcoes img {
	width: 100%;
	transform: translateY(10px) scale(1.3);
	-webkit-transform: translate(0, -14px) scale(1.3);
	-moz-transform: translateY(10px) scale(1.3);
	-ms-transform: translateY(10px) scale(1.3);
	-o-transform: translateY(10px) scale(1.3);
}

div.infoMain .funcao_interessado.empregador .icone_funcoes img {
	width: 100%;
	transform: translate(12px, -25px);
	-webkit-transform: translate(12px, -25px);
	-moz-transform: translate(12px, -25px);
	-ms-transform: translate(12px, -25px);
	-o-transform: translate(12px, -25px);
}

div.infoMain .funcao_interessado.tomador .icone_funcoes img {
	width: 100%;
}

div.infoMain .funcao_interessado.candidato .icone_funcoes img {
	transform: translate(-17px, 18px) scale(1.25);
	-webkit-transform: translate(-17px, 18px) scale(1.25);
	-moz-transform: translate(-17px, 18px) scale(1.25);
	-ms-transform: translate(-17px, 18px) scale(1.25);
	-o-transform: translate(-17px, 18px) scale(1.25);
}

div.infoMain .funcao_interessado.colaborador .icone_funcoes img {
	transform: translate(4px, -17px) scale(1.25);
	-webkit-transform: translate(4px, -17px) scale(1.25);
	-moz-transform: translate(4px, -17px) scale(1.25);
	-ms-transform: translate(4px, -17px) scale(1.25);
	-o-transform: translate(4px, -17px) scale(1.25);
}

div.infoMain .funcao_interessado.empregador .icone_funcoes img {
	transform: translate(-17px, -20px);
	-webkit-transform: translate(-17px, -20px);
	-moz-transform: translate(-17px, -20px);
	-ms-transform: translate(-17px, -20px);
	-o-transform: translate(-17px, -20px);
}

div.infoMain .funcao_interessado.tomador .icone_funcoes img {
	transform: translate(8px, -20px);
	-webkit-transform: translate(8px, -20px);
	-moz-transform: translate(8px, -20px);
	-ms-transform: translate(8px, -20px);
	-o-transform: translate(8px, -20px);
}

div.infoMain .titulo {
	font-family: var(--font-Anton);
	letter-spacing: 3px;
	font-size: 2.5rem;
	text-shadow: 3px 2px 4px black;
	z-index: 2;
	position: absolute;
	bottom: -20px;
	left: calc((var(--tamanhoSujeito) - var(--tamanho_icone)) / 2 * -1);
}

div.infoMain .texto {
	color: white;
	margin-bottom: 15px;
}


section.exibeFuncoes,
div.exibeFuncoes {
	color: var(--color-white);
	padding-block: max(30px, 6vh);
	--alturaCubo: 180px;
	--larguraCubo: calc(var(--alturaCubo) * 2);
}

section.exibeFuncoes .funcoes,
div.exibeFuncoes .funcoes {
	display: grid;
	grid-template-columns: repeat(auto-fit, var(--larguraCubo));
	gap: 30px;
	justify-content: space-evenly;
}

section.exibeFuncoes .funcoes .funcao,
div.exibeFuncoes .funcoes .funcao {
	width: var(--larguraCubo);
	height: var(--alturaCubo);
	position: relative;
	overflow: hidden;
}

section.exibeFuncoes .funcoes .funcao:active,
div.exibeFuncoes .funcoes .funcao:active,
section.exibeFuncoes .funcoes .funcao:hover,
div.exibeFuncoes .funcoes .funcao:hover {}


section.exibeFuncoes .funcoes .face,
div.exibeFuncoes .funcoes .face {
	position: absolute;
	pointer-events: none;
	font-size: 14px;
	min-height: var(--alturaCubo);
	width: var(--larguraCubo);
	max-width: 97vw;
	height: 100%;
	aspect-ratio: 1/2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	padding: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

section.exibeFuncoes .funcoes .face_descricao,
div.exibeFuncoes .funcoes .face_descricao {
	background-color: hsl(213.91deg 18.7% 24.12%);
	transition: transform 650ms ease-out;
	z-index: 1;
	position: absolute;
	transform: translateY(var(--alturaCubo));
	-webkit-transform: translateY(var(--alturaCubo));
	-moz-transform: translateY(var(--alturaCubo));
	-ms-transform: translateY(var(--alturaCubo));
	-o-transform: translateY(var(--alturaCubo));
	-webkit-transition: transform 650ms ease-out;
	-moz-transition: transform 650ms ease-out;
	-ms-transition: transform 650ms ease-out;
	-o-transition: transform 650ms ease-out;
}

section.exibeFuncoes .funcoes .face_descricao.show,
div.exibeFuncoes .funcoes .face_descricao.show {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
}

section.exibeFuncoes .funcoes .face_descricao .descricao,
div.exibeFuncoes .funcoes .face_descricao .descricao {
	width: 100%;
	height: 100%;
	font-size: 1rem;
	font-family: var(--font-Nunito);
	font-weight: 200;
	display: flex;
	flex-direction: column;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

div.exibeFuncoes .funcoes .face_descricao .descricao p {
	text-indent: 8px;
}

section.exibeFuncoes .funcoes .face_titulo,
div.exibeFuncoes .funcoes .face_titulo {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	border: 1px solid hsl(0deg 0% 26% / 33%);
	color: var(--color-dark);
	font-family: var(--font-Roboto);
	background-color: var(--color-azul-nobre);
	z-index: 1;
	position: absolute;
}

section.exibeFuncoes .funcoes .face_titulo>div,
div.exibeFuncoes .funcoes .face_titulo>div {
	/* position: absolute; */
}

section.exibeFuncoes .funcoes .face_titulo .titulo,
div.exibeFuncoes .funcoes .face_titulo .titulo {
	border: #db1515 solid 1px;
	width: min-content;
	min-width: max(40%, 165px);
	min-height: 80px;
	max-width: 100%;
	padding: 10px;
	color: white;
	left: 18px;
	letter-spacing: 2px;
	font-weight: 200;
}

section.exibeFuncoes .funcoes .face_titulo .descricao,
div.exibeFuncoes .funcoes .face_titulo .descricao {
	bottom: 0;
}

.explicacao_vagas {
	position: relative;
	width: min(812px, 95vw);
	color: white;
	padding: 25px;
	background-color: black;
	margin: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.explicacao_vagas div {
	line-height: clamp(35px, 10vw, 43px);
	margin-top: 30px;
	font-size: clamp(1.1rem, 4vw, 20px);
}

.quemsomos {
	position: relative;
	width: min(812px, 95vw);
	max-height: 95vh;
	overflow-y: auto;
	color: white;
	padding: 25px;
	background-color: var(--color-azul-nobre);
	margin: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.quemsomos>div {
	line-height: clamp(35px, 10vw, 43px);
	margin-top: 30px;
	font-size: clamp(1.1rem, 4vw, 20px);
}

.quemsomos>div>div {
	text-indent: 15px;
}

.quemsomos>div>div+div {
	margin-top: 8px;
}

.informacao_email {
	width: min(812px, 95vw);
	background-color: var(--color-white);
	padding: 35px;
	position: relative;
	font-family: var(--font-Nunito);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.informacao_email .close {
	filter: contrast(0.5);
	-webkit-filter: contrast(0.5);
}

.informacao_email .titulo {
	font-size: 1.3rem;
	margin-bottom: 25px;
}

.informacao_email p {
	font-size: 1.1rem;
	line-height: 28px;
}

.informacao_email p+p {
	margin-top: 14px;
}

.informacao_email .logo_aviso {
	aspect-ratio: 1/1;
	height: 80px;
	background-image: url(/img_official/logos/new_logo_black_250x250.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: 15px;
	right: 35px;
}

.informacao_email span.email_enviado {
	text-decoration: underline;
	font-weight: 500;
	color: red;
	letter-spacing: 2px;
}

@media only screen and (min-width: 1500px) {
	section.big_header.hero_candidato {
		--hero_image: url(/img_official/fundo_candidato_1920x933.png);
		background-position: center left;
	}

	section.big_header.hero_tomador {
		--hero_image: url(/img_official/fundo_tomador_1920x933.png);
		background-position: center left;
	}

	section.big_header.hero_empregador {
		--hero_image: url(/img_official/fundo_empregador_1920x933.png);
		background-position: center left;
	}

	section.big_header.hero_colaborador {
		--hero_image: url(/img_official/fundo_colaborador_1920x933.png);
		background-position: center left;
	}
}

@media only screen and (max-width: 1399px) {
	div.infoMain {
		grid-template-columns: repeat(2, 40%);
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	section.big_header.hero_candidato {
		--hero_image: url(/img_official/fundo_candidato_1500x776.png);
	}

	section.big_header.hero_tomador {
		--hero_image: url(/img_official/fundo_tomador_1500x776.png);
	}

	section.big_header.hero_empregador {
		--hero_image: url(/img_official/fundo_empregador_1500x776.png);
	}

	section.big_header.hero_colaborador {
		--hero_image: url(/img_official/fundo_colaborador_1500x776.png);
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1199px) {
	section.big_header.hero_candidato {
		--hero_image: url(/img_official/fundo_candidato_1200x658.png);
	}

	section.big_header.hero_tomador {
		--hero_image: url(/img_official/fundo_tomador_1200x658.png);
	}

	section.big_header.hero_empregador {
		--hero_image: url(/img_official/fundo_empregador_1200x658.png);
	}

	section.big_header.hero_colaborador {
		--hero_image: url(/img_official/fundo_colaborador_1200x658.png);
	}
}

@media only screen and (min-width: 650px) and (max-width: 999px) {
	section.big_header.hero_candidato {
		--hero_image: url(/img_official/fundo_candidato_950x1010.png);
	}

	section.big_header.hero_tomador {
		--hero_image: url(/img_official/fundo_tomador_950x1010.png);
	}

	section.big_header.hero_empregador {
		--hero_image: url(/img_official/fundo_empregador_950x1010.png);
	}

	section.big_header.hero_colaborador {
		--hero_image: url(/img_official/fundo_colaborador_950x1010.png);
	}
}

@media only screen and (min-width: 450px) and (max-width: 649px) {
	section.big_header.hero_candidato {
		--hero_image: url(/img_official/fundo_candidato_650x1200.png);
	}

	section.big_header.hero_tomador {
		--hero_image: url(/img_official/fundo_tomador_650x1200.png);
	}

	section.big_header.hero_empregador {
		--hero_image: url(/img_official/fundo_empregador_650x1200.png);
	}

	section.big_header.hero_colaborador {
		--hero_image: url(/img_official/fundo_colaborador_650x1200.png);
	}
}

@media only screen and (max-width: 449px) {
	section.big_header.hero_candidato {
		--hero_image: url(/img_official/fundo_candidato_450x1135.png);
	}

	section.big_header.hero_tomador {
		--hero_image: url(/img_official/fundo_tomador_450x1135.png);
	}

	section.big_header.hero_empregador {
		--hero_image: url(/img_official/fundo_empregador_450x1135.png);
	}

	section.big_header.hero_colaborador {
		--hero_image: url(/img_official/fundo_colaborador_450x1135.png);
	}
}


@media only screen and (max-width: 1024px) {
	section.footer>div.info_geral {
		display: grid;
		grid-template-columns: 1fr 1fr;
		justify-content: center;
		gap: 20px;
		row-gap: 35px;
		padding: 0;
	}

	section.footer>div.info_geral>div {
		padding: 15px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
	}
}

@media only screen and (max-width: 1015px) {
	:root {
		--hero_height: max-content;
	}

	section.hero .image_hero {
		margin-bottom: 50px;
	}

	section.hero>div.hero {
		flex-direction: column;

	}

	section.hero .texto_hero {
		width: 100%;
	}
}

@media only screen and (max-width: 990px) {
	:root {
		--hero_height: max-content;
	}

	section.hero .botoes_hero {
		margin-top: 120px;
	}

	section.hero .image_hero>div.texto_elemento {
		background: black;
		padding: 25px 15px;
	}
}

@media only screen and (max-width: 765px) {
	div.infoMain {
		grid-template-columns: 100%;
	}
}

@media only screen and (max-width: 710px) {
	section.footer>div.info_geral {
		display: flex;
		flex-direction: column;
		row-gap: 15px;
	}
}

@media only screen and (max-width: 700px) {
	section.hero .call_to_action_candidato {
		flex-direction: column;
	}
}

@media only screen and (max-width: 645px) {
	section.login div.opcoes_login {
		grid-template-columns: repeat(2, 150px);
		gap: 15px;
	}
}

@media only screen and (max-width: 555px) {
	section.login>div {
		width: calc(100vw - 15px);
	}

	form button[entrar] {
		width: 100%;
	}
}

@media only screen and (max-width: 540px) {
	section.testimonials div.testimonials div.depoimentos>div.depoimento {
		box-shadow: 5px 5px 9px 1px #0000006e;
	}
}

@media only screen and (max-width: 500px) {
	div.cadastrarCurriculo {
		width: calc(100% - 20px);
		padding: 10px 0px;
	}

	div.cadastrarCurriculo .titulo {
		padding: 30px 15px;
	}

	form.novoCurriculo {
		padding: 30px 15px;
	}
}

@media only screen and (max-width: 465px) {
	section.hero .botoes_hero {
		display: flex;
		flex-direction: column;
		row-gap: 8px;
	}

	section.hero .botoes_hero>button {
		width: 100%;
		text-align: left !important;
		padding-left: 48px !important;
	}
}

@media only screen and (max-width: 400px) {
	div.exibeFuncoes {
		--alturaCubo: 200px;
		--larguraCubo: 100%;
	}

	section.testimonials div.testimonials div.depoimentos>div.depoimento {
		min-width: calc(95vw - calc(var(--especial_margins) * 2));
	}
}

@media only screen and (max-height: 765px) {
	.bemvindo_parceiro.cadastrarCurriculo {
		position: absolute;
		top: 45px;
		left: 5px;
		width: unset;
		right: 5px;

		transform: unset;
		-webkit-transform: unset;
		-moz-transform: unset;
		-ms-transform: unset;
		-o-transform: unset;
	}
}