/* CSS Geral */
@media (min-width: 992px) {
    .cabecalho-gradiente {
        overflow: visible;
    }
}


/* CSS Profissionalizantes */
/* MENU TOP */
.nav ul .sub-menu li.prof a {
    -js-display: flex;
    display: flex;
    align-items: center;
    grid-gap: 20px;
}

.prof a {
		display: flex;
		align-items: center;
		grid-gap: 20px;

		&:before {
			content: "";
			display: block;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24'%3E%3Cg id='Icon' transform='translate(0 0)'%3E%3Crect id='Area' width='24' height='24' fill='%23fcfcfc' opacity='0'%3E%3C/rect%3E%3Cg id='Icon-2' data-name='Icon'%3E%3Cpath d='M12 15.5A3.5 3.5 0 1 0 8.5 12 3.5 3.5 0 0 0 12 15.5Zm7.43-2.52a7.64 7.64 0 0 0 0-1.96l1.82-1.42a.5.5 0 0 0 .12-.64l-1.73-3a.5.5 0 0 0-.61-.22l-2.15.87a7.32 7.32 0 0 0-1.69-.98l-.33-2.28a.5.5 0 0 0-.49-.42h-3.46a.5.5 0 0 0-.49.42l-.33 2.28a7.32 7.32 0 0 0-1.69.98l-2.15-.87a.5.5 0 0 0-.61.22l-1.73 3a.5.5 0 0 0 .12.64l1.82 1.42a7.64 7.64 0 0 0 0 1.96l-1.82 1.42a.5.5 0 0 0-.12.64l1.73 3a.5.5 0 0 0 .61.22l2.15-.87c.52.4 1.08.73 1.69.98l.33 2.28a.5.5 0 0 0 .49.42h3.46a.5.5 0 0 0 .49-.42l.33-2.28c.61-.25 1.17-.58 1.69-.98l2.15.87a.5.5 0 0 0 .61-.22l1.73-3a.5.5 0 0 0-.12-.64Z' fill='none' stroke='%23fdb468' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position: center;
	 width: 16px;
	 height: 16px;
	}
}

/* BOTAO HOME */
.btn {
		background: rgba(255, 255, 255, 0.13);
		padding: 20px 43px;
		font-weight: 700;
		grid-gap: 20px;
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
		margin: 0;
		border: 1px solid rgba(255, 255, 255, 0.15);
		transition: 0.2s;
		transition-delay: 0.1s;

		@include mq(md) {
				padding: 27px 43px;
		}

&:nth-of-type(1):hover {
	transform: translate(-12px, -12px);
	background: rgba(255, 255, 255, 0.2);
}

&:nth-of-type(2):hover {
	transform: translate(12px, 12px);
	background: rgba(255, 255, 255, 0.2);
}
&:nth-of-type(3):hover {
	transform: translate(12px, 12px);
	background: rgba(255, 255, 255, 0.2);
}
&--graduacao {
	margin-left: -30px;
	@include mq(md) {
			margin-left: 30px;
			}
}

&--pos {
	margin-left: 70px;
	margin-top: -10px;
	}
	
&--prof {
	margin-left: 70px;
	margin-top: -10px;
	}
}

/* CSS Pagina de Curso - Títulos de conteúdo */
@media (min-width: 992px) {
		h2 {
				font-size: 2.2em;
        font-weight: 600;
        padding-top: 1em;
    }
}



/* ### CSS Lista Cursos Profissionalizantes ### */

/* Cabecalho-gradiente-prof lista cursos profissionalizantes */




.cabecalho-gradiente-prof {
	/*background: #15143e url(https://wwwqa.uninteramericas.com/wp-content/themes/uninter_by_housecricket/images/bg-gradiente2.jpg);*/
background: linear-gradient(315deg, #0b1049 0%, var(--dark-orange) 100%);
	background-size: initial;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 30px;
	border-radius: 20px;
	margin-bottom: 40px;
	background-position: top center;
	background-repeat: no-repeat;

	@include mq(md) {
		padding-bottom: 90px;
		border-radius: 50px;
		margin-bottom: 100px;
		background-size: cover;
	}
	.curso-busca {
	border-right: 1px solid #ffffff2b!important;
	}
	.searchandfilter input[type=text] {
background: rgb(255 255 255 / 38%);
    border: 1px solid #c5c5c5;
	}
	.searchandfilter label {
		border: 1px solid #ffffff6b;
	}
	.bt-esq {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14.121'%3E%3Cg data-name='Icon'%3E%3Cpath data-name='7acf5e09-4858-4888-ac2f-879e854d14ee' d='M9 13.061l-6-6 6-6' fill='none' stroke='%23ffffff5c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E")!important;
	}
	.bt-dir {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14.121'%3E%3Cg data-name='Icon'%3E%3Cpath data-name='7acf5e09-4858-4888-ac2f-879e854d14ee' d='M3 1.061l6 6-6 6' fill='none' stroke='%23ffffff5c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E")!important;
	
	}
	.curso-archive__item {
		border: 1px solid #ffffff2b!important;
	}
	.curso-lista h4:after {
		background: #ffffff2b!important
	}
	.curso-lista h4 {
		color: #ffffff6b!important;
	}
	.curso-lista__menu li {
		color: #ffffff75;
		
	}
	.curso-lista__menu li:hover {
        color: #587ca8; 
	
	}
	/* Pagina do curso */
	.curso-intro__dados-duracao strong {
	    border: 1px solid #ffffff2b!important;
	}
	.curso-descricao__txt {
		border-right: 1px solid #ffffff2b!important;
	}
}

/*QUANDO NO TOPO DA PÁGINA*/
.cabecalho-gradiente-prof {
	/* padding-top: 135px; */
	padding-top: 60px;
	margin-top: -60px;
	border-radius: 0 0 20px 20px;

	@include mq(md) {
		border-radius: 0 0 50px 50px;
		padding-top: 125px; 
		margin-top: -110px;
	}

	.wrapper {
		padding-left: 100px;

		@include mq(md) {
			padding-left: 100px;
		}
	}

	p {
		color: #fff;
	}

	h5 {
		border-color: #fff;
	}

	.swiper-pagination {
		&-bullet {
			background: #fff !important;
		}
	}
}

@media (min-width: 992px) {
    .cabecalho-gradiente-prof {
        padding-bottom: 90px;
        border-radius: 50px;
        margin-bottom: 100px;
        background-size: cover;
        border-radius: 0 0 50px 50px;
        padding-top: 125px;
        margin-top: -110px;
			  overflow: visible;
    }
		.home .nav li a, body:has(.cabecalho-gradiente-prof) .nav li a {
    color: hsla(0, 0%, 100%, .7);
    }
}

body:has(.cabecalho-gradiente-prof) {
	.bt-voltar {
		color: #fff;

		&:before {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg id='Icon' transform='translate(0.5 0.5)'%3E%3Crect id='Area' width='16' height='16' fill='%23fcfcfc' opacity='0'/%3E%3Cg id='Icon-2' data-name='Icon' transform='translate(1.29 2.499)'%3E%3Ccircle id='fa5f5fe8-fd0f-4d90-a39e-de494ab8b9d1' cx='8' cy='8' r='8' transform='translate(-1.29 -2.499)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='_8beb2922-058e-4960-a691-69541ab0a224' data-name='8beb2922-058e-4960-a691-69541ab0a224' d='M9.6,6.4,6.4,9.6l3.2,3.2' transform='translate(-2.89 -4.099)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='_7a4f4de6-09d0-4aac-9f6f-6400826a1a59' data-name='7a4f4de6-09d0-4aac-9f6f-6400826a1a59' x1='6.4' transform='translate(3.51 5.501)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
		}
	}
}

body:has(.cabecalho-gradiente-prof),
.home {
	.nav li a {
		color: #fff;
		@include mq(md) {
			color: rgba(255, 255, 255, 0.7);
			&:hover {
				color: rgba(255, 255, 255, 1);
			}
		}
	}

	.nav li li a {
		color: rgba(255, 255, 255, 0.7);
		&:hover {
			color: rgba(255, 255, 255, 1);
			cursor: default;
		}
	}

	.nav li.cursos li a:hover {
		cursor: pointer;
	}
}

body:has(.cabecalho-gradiente-prof) {
  .header__logo--light {
    display: block;
  }

  .header__logo--dark {
    display: none;
  }
}

/* ==== MOBILE ==== */
@media (max-width: 768px) {
		.curso-inscreva {
    	margin: 60px auto 0px!important;
		}
	  .home-content__destaque {
        max-height: calc(50vh - 110px);
    }
}