:root{
    --blue-marine: #3E4356;
    --dourado: #EBC681;
    --font-size:1rem;
    --line-height:1.3;
}

html{
    font-family:'Inter', sans-serif;
    font-size:14px;
    background-color:#F6F6F6;
    color:#787878;
    font-weight: 300;
}

.menu-nav li a{
    color:white;
    font-weight:200;
    transition: color .2s ease-in-out;
}
.menu-nav li a:hover{
    color:var(--dourado);
}

.menu-nav-mobile li{
    margin:1rem 0;
}

.menu-nav-mobile li a{
    color:white;
    font-size:1.2rem;
    font-weight:400;
    transition: color .2s ease-in-out;
}

.header-stick{
    top:-100%;
    transition: top .3s ease-in-out;
}

#menu-item-32{
	position:relative;
}

#menu-item-32:after{
	content: "\ea5f";
	font-family:'tabler-icons';
/* 	font-weight:400; */
	color:var(--dourado);
	padding-left:0.2rem;
	padding-top:0.1rem;
}

.sub-menu{
	display:none;
	position:absolute;
/* 	width:100%; */
	background-color:var(--dourado);
	padding:0.5rem 0.6rem;
	top:3.3rem;
	left:0;
	width: fit-content;
	white-space: nowrap;
}

.sub-menu:before{
	position:absolute;
	content:'';
    top:-10px;
    left:15px;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-bottom:12px solid var(--dourado);;
}

.sub-menu:after{
	position:absolute;
	content:'';
	width:100%;
	height:50px;
/* 	background-color:red; */
    top:-20px;
    left:0;
}

#menu-item-32:hover .sub-menu{
	display:block;
}

.sub-menu li{
	padding:0.2rem 0.5rem;
	position:relative;
	z-index:400;
}

.sub-menu li a{
	color:var(--blue-marine);
	font-size:1rem;
	position:relative;
	font-weight:500;
}
.sub-menu li a:hover{
	color:var(--blue-marine);
}
.sub-menu li a:after{
	position:absolute;
	content:'';
	width:0;
	height:1px;
	background-color:var(--blue-marine);
	bottom:0;
	left:0;
	transition: width .2s ease-in-out;
}
.sub-menu li a:hover:after{
	width:100%;
}

.sticky{
    top:0;
}

.ghost{
    transition: padding-top .3s ease-in-out;
}

@media(max-width:600px){
	.sub-menu{
		position:relative;
		display:block;
		background-color:#272C3E;
		padding:0.5rem 0.6rem;
		top:1rem;
		margin-bottom:2rem;
		width: fit-content;
		white-space: nowrap;
	}
	.sub-menu li{
		padding:0.02rem 0.5rem;
		position:relative;
		z-index:400;
	}
	.sub-menu li a{
		color:#fff;
		font-weight:300;
	}
	.sub-menu:before{
		content:none;
	}
}

/*.sticky + .header-stick{*/
/*    padding-top:80px;*/
/*}*/

.menu-nav-stick{
    color:#fff;
    font-weight:300;
    transition: color .2s ease-in-out;
}
.menu-nav-stick li a:hover{
    color:var(--dourado);
}

.banner h1{
    color:#fff;
    font-size:6rem;
    font-weight:200;
    line-height: 6.5rem;
}

.banner .title-bold{
    font-weight:800;
    font-size:8.5rem;
}

.banner .title-middle{
    font-weight:600;
}

@media(min-width:1280px) and (max-width:1399px){
    .banner .title-bold{
        font-size:6.5rem;
    }
    .banner h1{
        font-size:4rem;
        line-height: 4.5rem;
    }
}

@media(max-width: 600px){
    .banner h1{
        font-size:2.5rem;
        line-height: 3.5rem;
    }
	.banner .title-bold{
        font-size:4.1rem;
    }
}

.page-menu{
    left:-100%;
    transition:.3s ease-in-out;
}

.menu-search{
    top:-150%;
    transition:.3s ease-in-out;
}

.text-slide{
    /*opacity:0;*/
    transform:translateY(-120%);
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.inner-title{
    overflow-y: hidden;
}

.text-slide.active{
    /*opacity:1;*/
    transform:translateY(0);
    animation: slide-up 0.85s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}

.text-slide.exit{
    /*opacity:1;*/
    transform:translateY(0);
}

.texto-pagina p{
	margin:1rem 0;
	line-height:1.7rem;
}

.swiper-custom-pagination .swiper-pagination-bullet{
    background-color:#F6F6F6;
}

.swiper-yellow-pagination .swiper-pagination-bullet{
    background-color:#272C3E;
}

.talentos ul li{
	margin:0.5rem 0;
	list-style-type:disc;
	margin-left:20px;
}

.panel {
  padding: 0 18px;
  background-color: #E6E1E1;
  border-bottom:2px solid white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

@media(max-width: 600px){
	.panel p{
		font-size:0.9rem;
	} 
}