/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
  height: 100%;
  position: relative;
  /*font-family: "Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  font-family: 'PT Sans', sans-serif;
}

body:before {
  background-color: transparent !important;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  /*font-family: "Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  font-family: 'PT Sans', sans-serif;
}

h3{
	font-size: 2rem;
	margin-bottom: 0rem;
}

a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #ffffff;
}

.borda{
	/*
	border: 1px solid #fff;
	*/
}

.btn-lembrar,.btn-cadastrar,.btn-login{
	color: #FFFFFF;
	font-size: 13px;
}

.masthead::before {
    background-color: transparent !important;
}

.masthead::before {
    transform: none;
    transform-origin: top right;
}

.masthead .masthead-content h1, .masthead .masthead-content .h1 {
    font-size: 90px;
}

.masthead .masthead-content p {
    font-size: 26px;
    font-weight: normal;
    color: #9EC6F3;
}

.overlay {
	display: none;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    opacity: 0.5;
}

/*FORM*/
.form-group{
	margin: 10px 0px;
}

.form-conclusao{
	margin: 60px 0px;
}

.btn-enviar{
	background: #556797; 
	margin: 10px 0px;
	width: 100%;
	font-weight: bold; 
	color: #FFF;
}

.form-entrar{
	padding: 10px 20px;
}

.btn-entrar{
	background: #FFF; 
	margin: 10px 0px;
	width: 100%;
	font-weight: bold; 
	color: #556797;
}

textarea{
	background-color: #cbdaef !important;
}

input.input-entrar{
	background: #311358 !important;	
	border: none;
	color: #FFFFFF !important;
}

/*IMAGEM*/
.img-full{
	width: 100%;
}

.img-full-mobile{
	width: 100%;
	display: none;	
}

.img-full-player{
	width: 100%;
}

.img-home{
	width: 100%;
	max-width: 140px;
}

/*MENU*/
.menu-nivel-um{
	background-color: #FFFFFF; 
	position: fixed; 
	height: inherit; 
	width: 72px; 
	text-align: center; 
	z-index: 10; 
	box-shadow: 0px 0px 50px -2px #000;
}

.item-menu-nivel-um{
	position: absolute;left: 0px; padding: 9.5px; color: #CCCCCC;
}

.item-menu-nivel-um:hover,
.item-menu-mobile-nivel-um:hover{
	background-color: #593393;
	color: #FFFFFF;
}

.item-menu-nivel-um:hover > img{
	filter: brightness(0) invert(1);
}

.item-menu-nivel-um:hover > a > img{
	filter: brightness(0) invert(1);
}

.item-menu-nivel-um-home{
	bottom: 0px;
	width: 72px; 
	padding-left: 8px;
}

.menu-nivel-dois-usuario,
.menu-nivel-dois-jornada,
.menu-nivel-tres-jornada,
.menu-nivel-quatro-jornada{
	background-color: #593393; 
	position: fixed; 
	height: inherit; 
	width: 275px; 
	text-align: center; 
	color: #CCCCCC; 
	z-index: 5; 
	opacity: 0.99; 
	left: -300px;
}

.menu-nivel-tres-jornada{
	background-color: #442770; 
	opacity: 0.97; 
}

.menu-nivel-quatro-jornada{
	background-color: #33155B; 
	opacity: 0.92; 
}

.div-menu-fechar{
	position: absolute;
	text-align: center;
	width: 100%; 
	margin-top: -25px; 
	color: #fff; 
	cursor: pointer; 
	padding-top: 6px;
}

.fa-chevron-circle-down{
	background-color: #7448bb; 
	border-radius: 68%;
}

.menu-mobile-nivel-dois-usuario,
.menu-mobile-nivel-dois-jornada,
.menu-mobile-nivel-tres-jornada,
.menu-mobile-nivel-quatro-jornada{
	position: fixed;
	background-color: #593393; 
	width: 100%;
	z-index: 2;
	bottom: -200px;
}

.menu-nivel-dois-jornada,
.menu-nivel-tres-jornada{
	box-shadow: 0px 0px 50px -2px #000;
}

.menu-nivel-tres-jornada{
	z-index: 4; 
}

.menu-nivel-quatro-jornada{
	z-index: 3; 
}

.heightEixoPos,
.heightAmuletoPos
.heightJornadaPos{
	top: 50%;
}

.li-eixo,
.li-mobile-eixo,
.li-amuleto,
.li-mobile-amuleto,
.li-jornada,
.li-mobile-jornada{
	border-bottom: 1px solid #39215f;
	border-top: 1px solid #7448bb;
	color: #FFF;
	font-weight: bold;
	padding: 10px 0px;
	list-style: none;
	cursor: pointer;
	height: 50px;
	text-align: left;
	padding-left: 27px;
}

.li-mobile-amuleto{
	background-color: #40236b;
}

.li-mobile-jornada{
	background-color: #311358;
}

.li-eixo:hover,
.li-amuleto:hover,
.li-jornada:hover{
	background-color: #42266d;
}

p.texto{
	font-size: 1.1rem;
	color: #9ec6f3;
	margin-bottom: 0rem;
	border-top: 1px solid #FFF;
	padding-top: 40px;
}

a.titulo{
	text-decoration: underline;
}

/*HOME*/
.planeta-home{
	width: 100%; 
	padding:10px; 
	margin: 0px 0px;
	display: block;
}

.social-icons {
	background: transparent; 
	background-position-y: center;
}

.eixo-home{
	position: inherit;
	text-align: left;
	font-size: 26px;
	font-weight: bold;
	padding-left: 15%;
}

a.home{
	color: #CCCCCC;
}

a.home:hover{
	color: #FFFFFF;
}

/*EIXO*/
.breadcrumb{
	margin-bottom: 40px;
}

.eixo-itens{
	display: none; 
	margin-top: 20px; 
	width: 253px;
}

.img-planeta{
	width: 100%; 
	margin-top: -50px;
}

.li-jornada-list{
	list-style: none;
	/*font-weight: bold;*/
	color: #3a4665;
	margin-left: -32px;
	padding: 5px 0px;
	text-align: left;
	border-bottom: 1px solid #999ca3;
	box-shadow: 0 1px 0 #ffffff;
}

.fa-plus-circle{
	font-size: 25px;
}

.bt-eixo{
	text-align: left; 
	font-weight: bold;
	line-height: 15px;
}

/*JORNADA*/

a.a-jornada{
	color: #3a4665;
	font-weight: normal;
}

.timeline {
    position: relative;
    padding: 0;
    list-style: none;
}

.timeline::before {
    left: 50%;
}
.timeline::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    content: "";
    background-color: #ffffff;
}

.bncc-titulo-bncc{
	height: 50px; 
	display: inline-block;
	font-weight: bold;
}

.bncc{
	height: 25px;
	float: left;
	border-radius: 50%;
	background: #1e0e3d;
	width: 25px;
	position: relative;
	border: 4px solid #fff;
	color: #000;
}

.bncc-bncc{
	background: #ccc;
	margin-top: 0px;
}

.bncc-ok{
	background: #2bbd73;
}

.etapa-off{
	pointer-events: none;
	cursor: default;
	opacity: 0;
}

/*ETAPA*/
.sessao-joca{
	margin: 60px 0px;
	color: #1E0E3D;
	border-radius: 5px;
	font-size: 0.9rem;
	font-weight: normal;
	background-color: orange;
	padding: 20px 0px;
	display: table;
}

.sessao-joca-img{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 145px;
}

.sessao-joca-texto{
	vertical-align: middle;
	display: table-cell;
}

.player{
	margin-bottom: 60px;
}

.bloco-video{
	margin-top: 60px;
}

.bloco-caixa{
	background-color: #cbdaef;
	padding: 40px;
	color: #130D3D;
	font-size: 1.1rem;
}

p.texto-joca{
	font-size: 1.1rem;
	color: #9EC6F3;
}

p.texto-etapa{
	text-align: left;
	font-size: 1.1px;
	color: #9ec6f3;
	padding: 5px;
}

.wp-block-image > img{
    width: 100%;
    margin: 20px 0px 0px;
}

.teste .tolltip-competencia {
	visibility: hidden;
	position: absolute;
	z-index: 1000;
	background: #1e0e3d;
	padding: 2px 7px;
	border-radius: 5px;
	border: 2px solid #FFF;
	left: -75px;
	/*width: 110%;
	margin-left: -50px;*/
	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}

.teste .tooltip-competencia::after {
  content: "";
  border:1px solid #f30;
  display: block;
}

.teste:hover .tolltip-competencia {
	visibility: visible;
  	opacity: 1;
}

.line-footer{
	padding: 20px 0px 60px 0px; 
	cursor: pointer; 
	border-top: 2px solid #9ec6f3; 
	padding-top: 35px; 
	margin-top: 40px;
	font-size: 1.1rem;
}

/*==========================*/

@media screen and ( max-height: 650px ){
    .masthead .masthead-content h1, .masthead .masthead-content .h1 {
	    font-size: 60px;
	    padding-top: 30px;
	}
}

@media (min-width: 300px) {

	.masthead{
	    z-index: 1;
	    width: 83%;
	    margin-left: 8%;
	}
	
	.masthead .masthead-content p {
	    font-size: 22px;
	}

	.px-4 {
	    padding-right: 0rem !important;
	    padding-left: 0rem !important;
	}

	.col-xs-4{
		width: 33.33333333%
	}

	.img-menu-mobile{
		width: 50px;
	}

	.menu-nivel-um{
		display: none;
	}

	.menu-mobile-nivel-um{
		display: inline-flex;
		color: #CCCCCC;
		text-align: center;
		position: fixed;
		width: 100%;
		background: #FFFFFF;
		margin: 0 auto;
		padding: 5px 0px;
		z-index: 3;
		bottom: 0;
	}

	.item-menu-mobile-nivel-um{
		position: relative;
		left: 0px;
		padding: 16px 22px 25px 22px;
		color: #CCCCCC;
		cursor: pointer;
		z-index: 10;
	}

	.menu-mobile-nivel-dois-jornada{
		display: none;
	}

	a.a-mobile-eixo{
		padding-left: 10%;
	}

	.li-mobile-eixo{
		padding-left: 0%;
	}

	a.a-mobile-amuleto{
		padding-left: 20%;
	}

	.li-mobile-amuleto{
		padding-left: 0%;
	}

	a.a-mobile-jornada{
		padding-left: 30%;
	}

	.d-flex{
		display: block !important;
	}

	.masthead .masthead-content {
	    padding-top: 0rem;
		padding-bottom: 0rem;
		max-width: 90%;
	}

	/*INTERNAS USO COMUM*/
	.container-outer{
		position: relative;
		z-index: 1;
		color: #fff;
		text-align: center;
		margin: 0 auto;
		max-width: 90%;
		padding-left: 3%;
	}

	.container-inner{
		color: #fff;
		text-align: left;
		max-width: 100%;
		margin: 0 auto;
		padding-top: 100px;
	}

	.container-header-hr{
		height: 1px;
		border-top: 1px solid #EBEBEB;
		border-top-color: rgb(235, 235, 235);
		display: block;
		position: relative;
		top: 9px;
		margin-left: 10px;
	}

	.container-header-hr-hr{
		top: 20px;
	}

	.eixo-home{
		position: inherit;
		margin: 0px;
		width: auto;
		text-align: center;
		padding-left: 0px;
		float: left;
		width: 100%;
	}

	.planeta-img{
		float: left;
		width: 100%;
	}

	.planeta-home{
		text-align: center;
		margin-left: 0px;
		float: left;
	}

	.planeta-linha{
		float: left;
		width: 100%;
		margin-bottom: 50px;
	}

	.social-icons {
	    position: absolute;
		height: 700px;
		top: inherit;
		left: inherit;
		width: 100%;
	    z-index: 1;
	    right: 0;
	}

	.timeline::before {
	    margin-left: -14.5px;
	    top: 25px;
	}

	.bncc{
		margin-left: 13px;
	}	

	.bncc-bncc{
	    background: #ccc;
	    margin-top: 25px;
	}

	.bncc-bncc-div{
		width: 100%;
		min-height: 75px;
	}

	.bncc-titulo-bncc {
	    margin-left: 30px;
	    height: 100%;
	    text-align: left;
	    width: 100%;
	    display: none;
	}

	.bncc-titulo {
	    margin-left: 30px;
		color: #FFFFFF;
		height: 100%;
		text-align: left;
		width: 100%;
		display: none;
	}
	
	.img-full{
		display: none;
	}

	.img-full-mobile{
		display: block;
	}
	
	p.titulo{
		font-weight: bold;
		font-size: 1.2rem;
		margin-bottom: 0rem;
		line-height: 1.5rem;
	}

	h2.topo{
		font-size: 2.5rem;
		margin-bottom: 30px;
		line-height: 3rem;
	}

	.caixa-planeta{
		position: absolute; 
		width: 200px;
	}

	.eixo-planeta{
		cursor: pointer; 
		width: 260px;
		/*float: left;*/
		display: inline-block;
		border: 1px solid rgba(255,255,255,0.1);
		padding: 20px;
		background-image: linear-gradient(#546696, #3a4666);
		border-radius: 15px;
		margin: 70px 20px 0 0px;
		height: 240px;
	}

	.jornada-traco{
		display: inline-block;
		width: 288px;
	}

	.planeta-0{
		width: 25%;margin-top: -402%;margin-left: -1%;
	}
	.planeta-1{
		width: 25%;margin-top: -338%;margin-left: -1%;
	}
  	.planeta-3{
		width: 25%;margin-top: -225%;margin-left: -1%;
	}
	.planeta-2{
		width: 25%;margin-top: -284%;margin-left: -1%;
	}
	.planeta-4{
		width: 25%;margin-top: -165%;margin-left: -1%;
	}
	.planeta-5{
		width: 25%;margin-top: -105%;margin-left: -1%;
	}
}

@media (min-width: 415px) {

	p.titulo{
		font-weight: bold;
		font-size: 1.2rem;
		margin-bottom: 0rem;
		line-height: 1rem;
	}

	h2.topo{
		font-size: 3.5rem;
		margin-bottom: 30px;
		line-height: 3rem;
	}

	.caixa-planeta{
		position: absolute; 
		width: 260px;
	}
	.eixo-planeta{
		cursor: pointer; 
		width: 295px;
		/*float: left;*/
		display: inline-block;
		border: 1px solid rgba(255,255,255,0.1);
		padding: 20px;
		background-image: linear-gradient(#546696, #3a4666);
		border-radius: 15px;
		margin: 70px 20px 0 20px;
		height: 275px;
	}
}

@media (min-width: 465px) {
	.timeline::before {
	    margin-left: -28.5px;
	    top: 0;
	}

	.bncc{
		margin-left: 0px;
	}	

	.bncc-bncc{
		background: #ccc;
		margin-top: 0px;
	}

.planeta-0{
		width: 25%;margin-top: -402%;margin-left: -1%;
	}
	.planeta-1{
		width: 25%;margin-top: -338%;margin-left: -1%;
	}
  	.planeta-3{
		width: 25%;margin-top: -206%;margin-left: -1%;
	}
	.planeta-2{
		width: 25%;margin-top: -275%;margin-left: -1%;
	}
	.planeta-4{
		width: 25%;margin-top: -141%;margin-left: -1%;
	}
	.planeta-5{
		width: 25%;margin-top: -76%;margin-left: -1%;
	}
}

@media (min-width: 768px) {
	.masthead{
	    z-index: 1;
	    width: 55%;
	    margin-left: 8%;
	}

	.timeline::before {
	    margin-left: -28.5px;
	    top: 0;
	}

	.bncc{
		/*margin-left: 26px;*/
	}	

	.img-full{
		display: block;
	}

	.img-full-mobile{
		display: none;
	}

	.jornada-traco{
		display: inline-block;
		width: 540px;
		min-height: 580px;
	}

	.bncc-bncc-div{
		width: 100%;
		min-height: 55px;
	}
	
	.planeta-0{
		width: 12%;margin-top: -111%;margin-left: -31%;
	}
	.planeta-1{
		width: 12%;margin-top: -119%;margin-left: 38%;
	}
	.planeta-3{
		width: 12%;margin-top: -91%;margin-left: -25%;
	}
	.planeta-2{
		width: 12%;margin-top: -83%;margin-left: 37%;
	}
	.planeta-4{
		width: 12%;margin-top: -295px;margin-left: -26%;
	}
	.planeta-5{
		width: 12%;margin-top: -350px;margin-left: 86%;
	}
	/*
	*/
}

@media (min-width: 900px) {
	.jornada-traco{
		display: inline-block;
		width: 600px;
		min-height: 580px;
	}
}

@media (min-width: 992px) {
	.menu-nivel-um{
		display: block;
	}

	.menu-mobile-nivel-um,
	.menu-mobile-nivel-dois-jornada,
	.menu-mobile-nivel-dois-usuario{
		display: none;
	}

	.masthead .masthead-content{
		padding: 0rem;
	}

	.container-outer{
		position: relative;
		z-index: 1;
		color: #fff;
		text-align: center;
		margin: 0 auto;
		max-width: 90%;
		padding-left: 5%;
	}

	.bncc-bncc-div{
		width: 100%;
		min-height: 55px;
	}

	.bncc-titulo-bncc {
	    margin-left: 30px;
	    height: 50px;
	    text-align: left;
	    width: 80%;
	    display: block;
	}

	.bncc-titulo {
	    margin-left: 30px;
	    color: #FFFFFF;
	    height: 100%;
	    text-align: left;
	    width: 100%;
	    display: block;
	}

	.social-icons {
	    position: absolute;
		height: 100%;
		top: 0;
		left: 72%;
		width: auto;
	    z-index: 1;
	    right: 0;
	    background: url('../../assets/img/planeta-png.png'); 
    	background-position-y: center;
	}

	.eixo-home{
		position: absolute; 
		text-align: left;
		width: 100%;
		padding-left: 20%;
		margin-top: -35px;
		z-index: 1000;
	}

	.planeta-img{
		float: none;
		width: 100%;
	}

	.planeta-home{
		text-align: left;
		margin-left: -50px;
	}

	.planeta-home-b{
		margin-left: -100px;
	}

	.planeta-linha{
		float: none;
		padding-left: 0;
		width: 100%;
	}

	.d-flex {
		display: flex !important;
	}

	.jornada-traco{
		display: inline-block;
		width: 700px;
		min-height: 580px;
	}

	.planeta-0{
		width: 12%;margin-top: -111%;margin-left: -31%;
	}
	.planeta-1{
		width: 12%;margin-top: -117%;margin-left: 38%;
	}
	.planeta-3{
		width: 12%;margin-top: -85%;margin-left: -25%;
	}
	.planeta-2{
		width: 12%;margin-top: -78%;margin-left: 37%;
	}
	.planeta-4{
		width: 12%;margin-top: -44%;margin-left: -25%;
	}
	.planeta-5{
		width: 12%;margin-top: -52%;margin-left: 84%;
	}
}

@media (min-width: 1200px) {
	.jornada-traco{
		display: inline-block;
		width: 800px;
		min-height: 580px;
	}

	.planeta-0{
		width: 12%;margin-top: -111%;margin-left: -31%;
	}
	.planeta-1{
		width: 12%;margin-top: -117%;margin-left: 38%;
	}
	.planeta-3{
		width: 12%;margin-top: -83%;margin-left: -25%;
	}
	.planeta-2{
		width: 12%;margin-top: -77%;margin-left: 37%;
	}
	.planeta-4{
		width: 12%;margin-top: -42%;margin-left: -25%;
	}
	.planeta-5{
		width: 12%;margin-top: -48%;margin-left: 84%;
	}
}