/*	Custom Styles
*	Editar de acordo com necessidades especificas de cada unidade.
*/

/*	Usar os comentários por seção, o ID do template (#uni) e a classe da seção para personalização ou somente o ID #uni para
*	estilos gerais.

Exempo:

*	/* UNIDADE * /
*	#uni .classe-personalizada {
*		color: #ccc;
*	}
*
*	/* DESAFIO * /
	#uni *	#uni .desafio .classe-personalizada {
*		background: #aaa;
*	}

*/
@import  "https://unpkg.com/open-props";


/*#uni.grd #cover:after {background: none!important;}*/

#uni .cover-title {
    width: 100%!important;
    /*word-break: break-word!important;
    margin-left: 0rem!important;
    padding: 3%!important;
    bottom: -2rem!important;
    vertical-align: bottom!important;*/
	color: #FFFFFF!important;
    
}

#uni .cover-title>* {
    font-size: 6vmin!important;
}

.scroll-arrow, i, .icon a:hover{background-image:none!important;}

#uni #cover .scroll-arrow > * {color: #FFFFFF!important;}

/*#uni #cover .scroll-arrow > * {color: #FFFFFF!important;}*/

#uni .exercicios .questions-nav .questions-index [class*="active"] .pill {
    border-color: #22B6D1!important;
    background:  #22B6D1!important;
}

#uni .exercicios .questions-nav .questions-index :not([class*="active"]) .pill:hover {
    color: #22B6D1!important;
}

#uni .exercicios .donut-svg .circle-svg {stroke:#22B6D1!important;}

li .uk-disabled {color: #999999!important;}

#uni .resume-box >* {padding: 2rem!important;}

#uni .flat-list {padding-left: 2rem!important;}

.resume-content h4 {padding-left: 0.6rem!important;}   

/*#uni .referencias .ref-content li {	color: #444444;}*/

/*#uni .nav-fab .nav-fab-trigger {background-color: #e91e63!important;}*/
								
.uk-tab>*>a {text-transform: none!important}


a {  word-wrap: break-word!important;} 


.txt-wordfind {text-transform: uppercase!important;}

#uni .exercicios .questions-nav .questions-index [class*="active"] .pill {
	border-color: #22B6D1!important;
	background: #22B6D1!important;
	color: #FFFFFF!important;
}


/*---RECURSO ANTES E DEPOIS------*/
.antesDepois {
			display: block;
			position: relative;
			width: 100%;
			max-width: 100% !important;
			cursor: col-resize;
		}

.depois {
		position: absolute;
		top: 0;
		left: 0;
		width: 45%;
		height: 96.5%;
		background-size: cover;
		border-right: 1px solid #fff;
	}

@media screen and (max-width: 600px) {
  .depois {
    height: 93%;
  }
}

@media screen and (min-width: 600px) and (max-width: 1000px) {
  .depois {
    height: 95.5%;
  }
}
/*-------*/


/*----DRAG AND DROP---*/

.secdrapdrop {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--size-4);
  margin: var(--size-5);
}

.divdragdrop {
  display: grid;
  place-content: center;
  width: 9rem;
  aspect-ratio: 1.25 / 1;
  
  border-radius: var(--radius-2);
  background-color: var(--gray-3);
}

.draggable {
  cursor: move;
}

.draggable:hover {
  opacity: 0.3;
}

.draggable.dragged {
  opacity: .3;
  cursor: default;
}

.droppable {
  outline: 2px dotted var(--gray-10);
  background-color: var(--gray-3);
}

.droppable.droppable-hover {
  outline-width: 2px;
  background-color: var(--gray-6);
}

.droppable.dropped {
  outline: 1px solid var(--gray-8);
  color: #fff;
}
/*-------*/

#uni .blockquote::before {
	color: #e91e63!important;
}

.transition,
.transition:before,
.transition:after {
	-webkit-transition: all 0.2s ease-in!important;
	-moz-transition: all 0.2s ease-in!important;
	-o-transition: all 0.2s ease-in!important;
	transition: all 0.2s ease-in!important;
}

.bx-shadow-hover {
	-webkit-transition: -webkit-box-shadow .25s ease-in!important;
	-moz-transition: -webkit-box-shadow .25s ease-in!important;
	-o-transition: -webkit-box-shadow .25s ease-in!important;
	transition: -webkit-box-shadow .25s ease-in!important;

	-webkit-transition: box-shadow .25s ease-in!important;
	-moz-transition: box-shadow .25s ease-in!important;
	-o-transition: box-shadow .25s ease-in!important;
	transition: box-shadow .25s ease-in!important;
}

#uni .referencias .ref-content li > * {
	margin-left: 0rem!important;
	padding: 0rem, 0!important;
}

/* .ref-content a{ 
	color: #0D47A1!important;
	background-image: -moz-linear-gradient(transparent calc(100% - 2px), #0D47A1 1px);
	background-image: -webkit-linear-gradient(transparent calc(100% - 2px), #0D47A1 1px);
	background-image: -o-linear-gradient(transparent calc(100% - 2px), #0D47A1 1px);
	background-image: -ms-linear-gradient(transparent calc(100% - 2px), #0D47A1 1px);
	background-image: linear-gradient(transparent calc(100% - 2px), #0D47A1 1px);
} */
.ref-content a{ 
	color: #e91e63 !important;
	background-image: -moz-linear-gradient(transparent calc(100% - 2px), #e91e63 1px);
	background-image: -webkit-linear-gradient(transparent calc(100% - 2px), #e91e63 1px);
	background-image: -o-linear-gradient(transparent calc(100% - 2px), #e91e63 1px);
	background-image: -ms-linear-gradient(transparent calc(100% - 2px), #e91e63 1px);
	background-image: linear-gradient(transparent calc(100% - 2px), #e91e63 1px);
}
.referencias .ref-content a{ 
	color: #ffffff !important;
	background-image: none  !important;
	text-decoration: underline  !important;
}
.row p a{ 
	color: #e91e63 !important;
	background-image: none !important;
	text-decoration: underline !important;
}
.saiba-mais a{ 
	color: #ffffff !important;
}
.bx-referencia a { 
	color: #ffffff !important;
	text-decoration: none !important;
}

/*----- TÍTULOS --------*/
.skew{
  	padding: 10px 11px 11px 14px;
	margin-right: 10px;
  	/*transform: skewx(-30deg)*/
}

.skew-ico{
  	/*padding: 5px 10px;*/
	margin-right: -20px!important;
    clip-path: polygon(0 0, 92% 0, 61% 100%, 0% 100%);
	border-radius: 50px 0 10px 50px;
}

.skew-content-ico{
  	/*transform: skewx(-35deg); */
	padding: 6px 33px 0 13px;
}

.skew-content-tit{
  	transform: skewx(0deg);
	padding: 0px 24px 2px 14px;
}

.skew-content-tit-box{
	transform: skewx(0deg);
	padding: 10px 0 5px 19px;
	clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
	border-radius: 0 50px 50px 0;
}



/*--TÍTULO GRANDE--*/

.skew-ico2{
  	/*padding: 5px 10px;*/
	margin-right: -20px!important;
    clip-path: polygon(0 0, 92% 0, 63% 100%, 0% 100%);
	border-radius: 50px 0 10px 50px;
}

.skew-content-ico2 {
     padding: 12px 40px 0px 19px;
}

.skew-content-tit2 {
	transform: skewx(0deg);
    padding: 0px 24px 9px 14px;
}

.skew-content-tit-box2 {
	transform: skewx(0deg);
    padding: 10px 0 5px 16px;
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%);
	border-radius: 0 50px 50px 0;
	margin-left: -4px;
}


@media screen and (min-width: 320px) and (max-width: 359px){
	#uni .section .section-title .title-text {
		font-size: .9rem!important;
	}
}

@media screen and (min-width: 360px) and (max-width: 410px){
	#uni .section .section-title .title-text {
		font-size: 1.1rem!important;
	}
}

@media screen and (min-width: 411px) and (max-width: 480px){
	#uni .section .section-title .title-text {
		font-size: 1.3rem!important;
	}
}

/*-----------FIM----------------------*/

/*-----3------*/
.skew-ico3{
  	/*padding: 5px 10px;*/
	margin-right: -20px!important;
    clip-path: polygon(0 0, 92% 0, 61% 100%, 0% 100%);
	border-radius: 50px 0 10px 50px;
}

.skew-content-ico3{
  	/*transform: skewx(-35deg); */
	padding: 6px 33px 0 13px;
}

.skew-content-tit3{
  	transform: skewx(0deg);
	padding: 0px 24px 2px 14px;
}

.skew-content-tit-box3{
	transform: skewx(0deg);
	padding: 10px 0 5px 19px;
	clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
	border-radius: 0 50px 50px 0;
}

/*-----4------*/
.skew-ico4{
  	/*padding: 5px 10px;*/
	margin-right: -20px!important;
    clip-path: polygon(0 0, 92% 0, 61% 100%, 0% 100%);
	border-radius: 50px 0 10px 50px;
}

.skew-content-ico4{
  	/*transform: skewx(-35deg); */
	padding: 6px 33px 0 13px;
}

.skew-content-tit4{
  	transform: skewx(0deg);
	padding: 0px 24px 2px 14px;
}

.skew-content-tit-box4{
	transform: skewx(0deg);
	padding: 10px 0 5px 19px;
	clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
	border-radius: 0 50px 50px 0;
}


/*------------IMG CONTEÚDISTA----------*/
.skew-img{
	-webkit-clip-path: polygon(13% 0, 100% 0, 88% 100%, 0% 100%);
	clip-path: polygon(13% 0, 100% 0, 88% 100%, 0% 100%);
}

.skew-img-shadow{
	clip-path: polygon(16% 0, 100% 0, 88% 100%, 0% 100%);
	-webkit-clip-path: polygon(16% 0, 100% 0, 88% 100%, 0% 100%);
	background-color: #FE677E;
	padding: 0 10px 5px 0; 
	height: 190px;
	width: 15%;
	position: absolute;
	z-index: -99;
	top: 18%;
	left: 52%;
}

/*@media screen and (min-width: 320px) and (max-width: 360px){
	.skew-img-shadow {
		top: 25%;
		left: 2%;
		height: 318px;
		width: 100%;
	}
}

@media screen and (min-width: 361px) and (max-width: 375px){
	.skew-img-shadow {
		top: 25%;
		left: 2%;
		height: 339px;
		width: 100%;
	}
}

@media screen and (min-width: 376px) and (max-width: 667px){
	.skew-img-shadow {
		top: 25%;
		left: 2%;
		height: 371px;
		width: 100%;
	}
}

@media screen and (min-width: 668px) and (max-width: 768px){
	.skew-img-shadow {
		top: 12%;
		left: 49%;
		height: 299px;
		width: 44%;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px){
	.skew-img-shadow {
		top: 15%;
		left: 52%;
		height: 129px;
		width: 15%;
	}
}*/

@media screen and (max-width: 771px){
	.skew-img-shadow {
		display: none!important;
	}
}

@media screen and (min-width: 772px) and (max-width: 1024px){
	.skew-img-shadow {
		top: 19%;
		left: 52%;
		height: 131px;
		width: 16%;
		clip-path: polygon(13% 0, 95% 0, 83% 100%, 0% 100%)!important;
		-webkit-clip-path: polygon(13% 0, 95% 0, 83% 100%, 0% 100%)!important;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1120px){
	.skew-img-shadow {
		top: 12%;
		left: 52%;
		height: 130px;
		width: 16%;
		clip-path: polygon(13% 0, 95% 0, 84% 100%, 0% 100%)!important;
		-webkit-clip-path: polygon(13% 0, 95% 0, 84% 100%, 0% 100%)!important;
	}
}


@media screen and (min-width: 1121px) and (max-width: 1366px){
	.skew-img-shadow {
		top: 17%;
		left: 52%;
		height: 187px;
		width: 15%;
		clip-path: polygon(13% 0, 95% 0, 83% 100%, 0% 100%)!important;
		-webkit-clip-path: polygon(13% 0, 95% 0, 83% 100%, 0% 100%)!important;
	}
}


@media screen and (max-width: 1024px){
	.interativo iframe{
		position: relative !important;
		height: 520px !important;
	}
}

@media screen and (max-width: 639px){
	.imagem-lateral div div:first-child{
		margin-bottom: 1.5rem !important;
		padding-right: 0 !important;
	}
	.imagem-lateral div div:last-child{
		padding-left: 0 !important;
	}
}

/*-------------FIM-----------------------------------*/



/*---APRESENTAÇÃO---*/

* {
    box-sizing: border-box;
    outline: none !important;
}
/*button:focus { outline: none !important; box-shadow: none !important; }
a:focus {outline: none !important;}
body { font-family: 'Inter', sans-serif; color: #333333; font-weight: 400; font-size: 20px; line-height: 1.5; margin: 0; padding: 0; overflow-x: hidden; -webkit-text-size-adjust: 100%;}
img {max-width: 100%;}
p, li {font-size: 20px; color: #333333; line-height: 1.5;}
p {margin:0 0 20px 0;}
ul {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    margin-top: 0px;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
    line-height: 1.1;
    font-weight: 700;
}*/



::selection{
  color: #fff;
  background: #ff7979;
}
.wrapper{
  max-width: 1080px;
  margin: 50px auto;
  padding: 0 20px;
  position: relative;
}
.wrapper .center-line{
  position: absolute;
  height: 100%;
  width: 4px;
  background: #fff;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
}
.wrapper .row{
  display: flex;
}
.wrapper .row-1{
  justify-content: flex-start;
}
.wrapper .row-2{
  justify-content: flex-end;
}
.wrapper .row section{
  background: #fff;
  border-radius: 20px;
  width: calc(50% - 40px);
  padding: 20px;
  position: relative;
}
.wrapper .row section::before{
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  background: #fff;
  top: 28px;
  z-index: -1;
  transform: rotate(45deg);
}
.row-1 section::before{
  right: -7px;
}
.row-2 section::before{
  left: -7px;
}
.row section .icon,
.center-line .scroll-icon{
  position: absolute;
  background: #f2f2f2;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  color: #ff7979;
  font-size: 17px;
  box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0,0,0,0.08), 0 3px 0 4px rgba(0,0,0,0.05);
}
.center-line .scroll-icon{
  bottom: 0px;
  left: 50%;
  font-size: 25px;
  transform: translateX(-50%);
}
.row-1 section .icon{
  top: 15px;
  right: -60px;
}
.row-2 section .icon{
  top: 15px;
  left: -60px;
}
.row section .details,
.row section .bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.row section .details .title{
  font-size: 22px;
  font-weight: 600;
}
.row section p{
  margin: 10px 0 17px 0;
}
.row section .bottom a{
  text-decoration: none;
  background: #ff7979;
  color: #fff;
  padding: 7px 15px;
  border-radius: 5px;
  /* font-size: 17px;*/
  font-weight: 400;
  transition: all 0.3s ease;
}
.row section .bottom a:hover{
  transform: scale(0.97);
}
@media(max-width: 790px){
  .wrapper .center-line{
    left: 40px;
  }
  .wrapper .row{
    margin: 30px 0 3px 60px;
  }
  .wrapper .row section{
    width: 100%;
  }
  .row-1 section::before{
    left: -7px;
  }
  .row-1 section .icon{
    left: -60px;
  }
}
@media(max-width: 440px){
  .wrapper .center-line,
  .row section::before,
  .row section .icon{
    display: none;
  }
  .wrapper .row{
    margin: 10px 0;
  }
}

/*------FIM APRESENTAÇÃO-----------*/

.ico-plus{
		display: inline-block;
		font-size: inherit;
		overflow: visible;
		vertical-align: -1.4em;
		color: #FFFFFF;
		width: 32px;
		text-align: center!important;
	}

@media(max-width: 790px){
	.ico-plus-center {
		text-align: center!important;
	}
}

/*---- BOTÃO SCROLL PÁGINA INICIAL-------*/
.scroll-down {
  height: 90px;
  width: 50px;
  border: 2px solid #FFFFFF;
  position: absolute;
  left: 50%;
  bottom: 20px;
  border-radius: 50px;
  cursor: pointer;
}
.scroll-down::before,
.scroll-down::after {
  content: "";
  position: absolute;
  top: 20%;
  left: 50%;
  height: 20px;
  width: 20px;
  transform: translate(-50%, -100%) rotate(45deg);
  border: 2px solid #FFFFFF;
  border-top: transparent;
  border-left: transparent;
  animation: scroll-down 1s ease-in-out infinite;
}
.scroll-down::before {
  top: 30%;
  animation-delay: 0.3s;
  /* animation: scroll-down 1s ease-in-out infinite; */
}

@keyframes scroll-down {
  0% {
    /* top:20%; */
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    top: 90%;
    opacity: 0;
  }
}
/*---------- FIM ------------------*/

#uni .section .section-tit-box {
	position: relative;
	display: flex;
	margin-bottom: 3rem;
	margin-bottom: 1vh;
}
#uni .section .section-tit-box * {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: space-around;
}
#uni .section .section-tit-box .tit-box {
	font-size: 1.1rem;
	/*font-weight: bold;*/
	/* text-transform: uppercase; */
	color: inherit;
	line-height: 1;
	margin: 0;
}
#uni .section .section-tit-box * + .tit-box {
	margin-left: 3rem;
}

#uni .section-pdf {
	position: relative;
	display: flex;
	height: 200px!important;
}


/**---- BACKGROUND MOBILE ----------*/

@media screen and (min-width: 320px) and (max-width: 1024px){
	.bg-quiz-mobile { background-image: url("../img/bg-quiz-mobile.jpg"); background-attachment: scroll!important }
	/*.bg-secao-video {background-color: #D31C5B !important; background-image: none!important;}*/
}

@media screen and (min-width: 320px) and (max-width: 600px){
	.bg-podcast-mobile { background-image: url("../img/bg-podcast-mobile.jpg");}
	.bg-conteudo-mobile {background-color: #FFFFFF !important; background-image: none!important;}
}

@media screen and (min-width: 320px) and (max-width: 768px){
	.cover-overlay-mobile { background-image: url("../img/cover-overlay-mobile.png")!important;}
}

@media screen and (max-width: 730px){
	.bg-alem-sala-aula {background: none;}
}

@media screen and (max-width: 1087px){	
	.bg-conteudista-mobile { background-image: url("../img/bg-conteudista-mobile.jpg"); }
	/*#uni .cover-title>* { font-size: 5vmin!important;}*/

}

@media screen and (max-width: 959px){	
	.bg-conteudista { background-image: none!important; }
}

@media screen and (max-width: 960px){	
	.bg-roteiro { background-image: none!important; }
}

@media screen and (width: 639px){
	.bg-conteudo { 
		background-image: none;
		background-color: #F4EFF3;
	}
	.bg-referencias{ 
		background-image: none;
		background-color: #8B9895;
	}
}

/*----- FIM ---------------*/


.uk-slideshow-items {
	min-height: 415px!important;	
}
.mosaico .uk-slideshow-items {
	min-height: 540px!important;
}
#uni .destaque .mosaico .legenda-li{
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
#uni .destaque .mosaico p.legenda-li{
	margin-bottom: 0;
	padding: 0.5rem;
	background-color: #e91e63;
	width: auto;
	color: #ffffff;
}


@media screen and (min-width: 320px) and (max-width: 1092px){
	.uk-slideshow-items { min-height: 300px!important;	}
	.mosaico .uk-slideshow-items { min-height: 350px!important;	}
}

.uk-lightbox-items>* {background-color: #FFFFFF!important;}

.bg-apre-grey {background-color: #f2f4fc!important;}

.section-title {z-index: 99999999999999999999999!important;}


/* --- Core --- */

/* Basic */
h1 { font-weight: 600; font-size: 5rem;}
h2 { font-weight: 600; font-size: 2.5rem;}
h3 { font-weight: 600; font-size: 2rem;}
h4 { font-weight: 600; font-size: 1.5rem; }
h5 { font-weight: 600; font-size: 1.5rem; }
h6 { font-weight: 600; font-size: 1.1rem; }
h6.titulo1 { font-size: 1.3rem;}
h6.titulo2 { font-size: 1.1rem;}

.titulo{
	margin-top: 2.5rem;
    align-items: center;
}
h4.titulo{
	display: flex;
}
h4.titulo + h5.titulo{
	margin-top: 1.5rem;
}
.col h4.titulo:first-child{
	margin-top: .4rem;
}

#cs4 .container h5{
	margin-top: 0rem;
}

.destaque .bx-content .bx-title {
    display: flex;
	margin-bottom: 1rem;
}

.destaque .titulo {
	margin-top: 0;
}

.destaque .bx-title h4.titulo {
	font-weight: 700;
	font-size: 1.3rem;
}

.offset-0-4{
	margin-left: 0.4rem;
}

#uni .section .section-title{
	margin-bottom: 1rem;
}

#uni .unidades-box.section {
	padding-top: 0;
	padding-bottom: 0;
	-webkit-border-radius: 40px 40px 0px 0px;
	-moz-border-radius: 40px 40px 0px 0px;
	border-radius: 40px 40px 0px 0px;
}

#uni .bx-ghost {
	border: 1px solid;
	background-color: transparent;
	border-style: dotted !important;
	border-width: 3px;
	border-radius: 15px;
}



/* = Borders = */
.bd-dotted-4 { border: dotted 4px !important; }


/* BLOCKQUOTE */
#uni .blockquote2 {
    position: relative;	
    /* margin: 2rem 0 2.5rem 5rem; */
    margin-left: 5rem;
    padding-left: 1.5rem;
    font-style: normal;
	color: #e91e63!important;
}


.blockquote2 {
    /* margin: 0 0 1.5rem 0; */
	margin: 0;
    padding-left: 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    font-style: normal;
    color: inherit;
}

.blockquote2::before {
    /*font-family: "Material Design Icons";
    content: url('../img/ico-map-book.png');
    position: absolute;
    top: -1rem;
    left: -4.5rem;
    font-size: 2.5rem;
	color: #e91e63;*/
	/*"\F352"*/
	background-image: url('../img/ico-map-book.png');
    background-size: 63px 62px;
    display: inline-block;
    width: 63px; 
    height: 62px;
    content:"";
	position: absolute;
	top: 0;
	left: -5rem;
}

.ico-transform {transform: none!important;}
.icon--pressed, .icon--not-pressed, .label--pressed, .label--not-pressed, .plyr__sr-only, .plyr__controls__item {transform: none!important;}

#uni .uk-accordion-title {border-radius: 8px!important;}

#uni .bx-img-reveal .card-title{
	font-size: 1.1rem!important;
	font-weight: 500!important;
	
}

.card .card-content .card-title{
	line-height: 13px!important;
}

/*------TABELA------*/
#uni .tbl {
	border: 1px solid #e4779d!important;
}
#uni .tbl td,
#uni .tbl th {
	border-right: 1px solid #e4779d!important;
	border-left: 1px solid #e4779d!important;
}
/* #uni .tbl tr:not(:last-child) {
	border-bottom: 1px solid #e4779d!important;
} */

#uni .tbl td:not(:last-child), 
#uni .tbl th:not(:last-child){
	border-right:1px solid #e4779d!important;
	border-left:1px solid #e4779d!important;
}


#uni .tbl tr{
	border-bottom: 1px solid #e4779d!important;
}

/*------BOTÃO DE VOLTAR------*/
#uni .nav-fab .nav-fab-left-trigger {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 1.4rem;
	/*bottom: 1rem;*/
    top: 1rem;
	left: 1rem;
	z-index: 20;
	background-color: #22B6D1;
}
#uni .nav-fab .nav-fab-left-trigger:hover,
#uni .nav-fab .nav-fab-left-trigger:active,
#uni .nav-fab .nav-fab-left-trigger:focus {
	background-color: #22B6D1;
	outline: none;
    text-decoration: none!important;
}

/* Preformated Text - Code */
#uni .txt-pre {
	color: #444444;
	background: none;
	font-family: "Courier Prime", monospace;
}
#uni .txt-pre > * {
	display: inline-block;
	counter-increment: line;
}
#uni .txt-pre > *::before {
	content: counter(line);
	display: inline-block;
	width: 3rem;
	padding: 0 1rem;
	margin-right: 1rem;
	text-align: right;
	color: inherit;
	border-right: 1px solid;
}

/* FONT CURRIER */

pre{
    font: .875rem/1.5 Consolas, monaco, monospace;
    color: #666;
    -moz-tab-size: 0;
    tab-size: 0;
    overflow: auto;
	padding: 0;
    margin: 0 1rem;
    border: none;
    border-radius: 0px;
    background: none;
}

pre code{
	font-family: "Courier Prime", monospace;
    tab-size: 5;
}

.palavra-codigo{
	font-family: "Courier Prime", monospace;
    color: #666;
}

/* Rounded Borders */
.br-15 {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.br-20-qd2-qd3 {
	-webkit-border-radius: 0px 20px 0px 20px;
	-moz-border-radius: 0px 20px 0px 20px;
	border-radius: 0px 20px 0px 20px;
}
.br-25 {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.br-25-qd1-qd2 {
	-webkit-border-radius: 25px 25px 0px 0px;
	-moz-border-radius: 25px 25px 0px 0px;
	border-radius: 25px 25px 0px 0px;
}
.br-30 {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.br-30-vertical {
	-webkit-border-radius: 30px 0px;
	-moz-border-radius: 30px 0px;
	border-radius: 30px 0px;
}
.br-30-horizontal {
	-webkit-border-radius: 0px 30px;
	-moz-border-radius: 0px 30px;
	border-radius: 0px 30px;
}
.br-30-qd2 {
	-webkit-border-radius: 0px 30px 0px 0px;
	-moz-border-radius: 0px 30px 0px 0px;
	border-radius: 0px 30px 0px 0px;
}
.br-30-qd1-qd2 {
	-webkit-border-radius: 30px 30px 0px 0px;
	-moz-border-radius: 30px 30px 0px 0px;
	border-radius: 30px 30px 0px 0px;
}
.br-30-qd3-qd4 {
	-webkit-border-radius: 0px 0px 30px 30px;
	-moz-border-radius: 0px 0px 30px 30px;
	border-radius: 0px 0px 30px 30px;
}
.br-30-qd2-qd3-qd4 {
	-webkit-border-radius: 0px 30px 30px 30px;
	-moz-border-radius: 0px 30px 30px 30px;
	border-radius: 0px 30px 30px 30px;
}
.br-40 {
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.br-40-qd1-qd2{
	-webkit-border-radius: 40px 40px 0px 0px;
	-moz-border-radius: 40px 40px 0px 0px;
	border-radius: 40px 40px 0px 0px;
}
.br-100-qd2-qd3 {
	-webkit-border-radius: 0px 100px 100px 0px;
	-moz-border-radius: 0px 100px 100px 0px;
	border-radius: 0px 100px 100px 0px;
}
.br-100-qd2-qd3-qd4 {
	-webkit-border-radius: 0px 100px 100px 70px;
	-moz-border-radius: 0px 100px 100px 70px;
	border-radius: 0px 100px 100px 70px;
}
.br-100-qd1-qd3-qd4 {
	-webkit-border-radius: 100rem 0px 100rem 100rem;
	-moz-border-radius: 100rem 0px 100rem 100rem;
	border-radius: 100rem 0px 100rem 100rem;
}

/* Borders */
.bd-dotted { border-style: dotted; }
.bd-3 { border-width: 3px; }

/*  */
.pd-2 {padding: 0.2rem !important;}

/* blockquote */
.blockquote2::before {
	background-image: url('../img/ico-aspas.png');
    background-size: 63px 62px;
    display: inline-block;
    width: 63px; 
    height: 62px;
    content:"";
	position: absolute;
	top: 0;
	left: -5rem;
	
}
#uni .blockquote2 p{
	color: #737373!important;
	font-weight: 100;
}

/* lista */
#uni ol { 
	counter-reset: item;
}
#uni .number-list-1 li::before, #uni .number-list li::before {
	content: counters(item, ".") ". ";
	counter-increment: item;
	font-weight: bolder;

	position: absolute;
	left: -1rem;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#uni .number-list-2 li::before, #uni .number-list .number-list li::before {
	content: counters(item, ".") " ";
	left: -1.25rem;
}
#uni .number-list-3 li::before, #uni .number-list .number-list .number-list li::before {
	left: -1.75rem;
}

#uni ol ol{
	margin: 0;
}
#uni .number-list-1 ol ol, #uni .number-list .number-list .number-list{
	margin: 0 0 0 1rem;
}
#uni ul ul{
	margin: 0;
}

#uni .letter-list {
    counter-reset: item; /* Reseta o contador ao início da lista */
    list-style: none;
}
#uni .letter-list li::before {
    content: counter(item, lower-alpha) ". ";
	counter-increment: item;
	font-weight: bolder;

	position: absolute;
	left: -1rem;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#uni .roman-list {
    counter-reset: item; /* Reseta o contador ao início da lista */
    list-style: none;
}
#uni .roman-list li::before {
    content: counter(item, upper-roman) ". ";
    counter-increment: item;
    font-weight: bolder;

    position: absolute;
    left: -1rem;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}


/* Icons */
#uni .pink-list .square-list.pink-list li::before { color: #444444; }


/* Botão */

/* Botão Posição */
#uni.grd .btn-top-fixed{
	position: fixed;
	top: 0;	
}
#uni.grd .btn-left-fixed{
	left: 0;
	border-radius: 0 0 20px 0;
}
#uni.grd .btn-right-fixed{
	right: 0;
	border-radius: 0 0 0 20px;
}

/* Buttons Colors */
#uni.grd .btn,
#uni.grd .btn-large,
#uni.grd .btn-small,
#uni.grd .btn-floating,
#uni.grd .btn-flat {
	color: #FFFFFF;
	background-color: #c2185b!important;
	
}
#uni.grd .btn:hover,
#uni.grd .btn-large:hover,
#uni.grd .btn-small:hover,
#uni.grd .btn:focus,
#uni.grd .btn-large:focus,
#uni.grd .btn-small:focus,
#uni.grd .btn-floating:focus {
	background-color: #880e4f!important;
	box-shadow: none;
}

/*Botão Menu*/
#uni.grd .btn-floating
{
    box-shadow: none!important;
	background-color: #c2185b!important;
}

#uni.grd .btn-floating:hover
{
    box-shadow: none!important;
	background-color: #880e4f!important;
}

/* Texto */
.txt-huge-700 { font-size: 700% !important; }
.txt-size-230 { font-size: 230% !important; }

.txt-line-heigth-4-7{line-height: 4.7rem;}

.txt-bold-800 { font-weight: 800 !important; }


/* Padding */
.pd-0 {padding: 0 !important;}
.pd-tiny-0-1,
.pd-t-0-1 {padding: 0.1rem !important;}
.pd-tiny-0-12,
.pd-t-0-12 {padding: 0.12rem !important;}
.pd-tiny-0-2,
.pd-t-0-2 {padding: 0.2rem !important;}
.pd-tiny-0-3,
.pd-t-0-3 {padding: 0.3rem !important;}
.pd-medium-1,
.pd-m-1 {padding: 1.6rem !important;}


.pd-0-left {padding-left: 0 !important;}
.pd-1-5-left {padding-left: 1.5rem !important;}
.pd-2-5-left {padding-left: 2.5rem !important;}
/* .pd-medium-2-left,.pd-m-2-left {padding-left: 2.5rem !important;} */


.pd-0-right {padding-right: 0 !important;}
.pd-1-5-right {padding-right: 1.5rem !important;}
.pd-2-5-right {padding-right: 2.5rem !important;}
.pd-0-5-right {padding-right: 0.5rem !important;}
/* .pd-medium-2-right,.pd-m-2-right {padding-right: 2.5rem !important;} */


/* Margin */
.mg-0 {margin: 0 !important;}
.mg-tiny-0-1,
.mg-t-0-1 {margin: 0.1rem !important;}
.mg-tiny-0-12,
.mg-t-0-12 {margin: 0.12rem !important;}
.mg-tiny-0-2,
.mg-t-0-2 {margin: 0.2rem !important;}
.mg-tiny-0-3,
.mg-t-0-3 {margin: 0.3rem !important;}


.mg-0-left {margin-left: 0 !important;}
.mg-0-1-left-negativo {margin-left: -1rem !important;}


.mg-0-right {margin-right: 0 !important;}


.mg-0-top {margin-top: 0 !important;}


.mg-0-bottom {margin-bottom: 0 !important;}


/* Display */
.dpy-flex{
	display: flex;
}


/* ALÉM DA SALA DE AULA */
/* REFERÊNCIA */
#uni .bx.bx-referencia{
	margin-bottom: 5rem !important;
}

/* Gráfico Steps */
#uni .grafico-steps-box{
	margin: 0;
}
#uni .grafico-steps-box .grafico-steps{
	display: grid;
}
#uni .grafico-steps-box .grafico-steps:last-child{
	margin-bottom: 0;
}
#uni .grafico-steps-box .grafico-steps:first-child{
	margin-top: 0;
}
#uni .grafico-steps-box-1 .grafico-steps,#uni .grafico-steps-box-5 .grafico-steps{
	grid-template-columns: 1fr minmax(auto, 100%);
	margin: 1rem 0.4rem;
}
#uni .grafico-steps-box-2 .grafico-steps,#uni .grafico-steps-box-4 .grafico-steps,#uni .grafico-steps-box-6 .grafico-steps{
	grid-template-columns: 1fr;
	margin: 1rem 0.4rem;
}


/* Timeline */
#uni .timeline-box .tbl, #uni .timeline-box.bx {
	border: 1px solid #00000000!important;
	background-color: #00000000!important;
}
#uni .timeline-box .tbl td,
#uni .timeline-box .tbl th {
	border-right: 1px solid #00000000!important;
	border-left: 1px solid #00000000!important;
}

/* #uni .timeline-box .tbl td:not(:last-child), 
#uni .timeline-box .tbl th:not(:last-child){
	border-right:1px solid #00000000!important;
	border-left:1px solid #00000000!important;
} */
#uni .timeline-box .tbl tr{
	border-bottom: 1px solid #00000000!important;
}
#uni .timeline-box .tbl .bd-dotted-timeline{
	border-left: 4px dotted #a2a2a2!important;
}
#uni .timeline-box .tbl tr:last-child .bd-dotted-timeline {
	border-left: 4px dotted #00000000!important;
}
#uni .timeline-box-2 .tbl tr:nth-child(even) td:last-child{
	padding-left: 1.2rem;
}
#uni .timeline-box .tbl .wd-espacamento{
	width: 2.8rem;
}
#uni .timeline-box .circle-3{
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;	
}
#uni .timeline-box .circle-3-7{
	width: 3.7rem;
	height: 3.7rem;
	display: flex;
	align-items: center;
	justify-content: center;	
}
#uni .timeline-box-1 td, #uni .timeline-box-1 th {
	/* padding: 1rem; */
	padding: 0.5rem 0.2rem 0.5rem 1rem;
}
#uni .timeline-box-2 td, #uni .timeline-box-2 th {
	/* padding: 1rem 0.2rem; */
	padding: 0.5rem 0.2rem;
}


/* Espessura */
.bd-thickness-1{
	border-width: 1px;
}
.bd-thickness-2{
	border-width: 2px;
}


/* Círculo */
#uni .circle-box{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(194px, calc((100% - 2rem) / 3)));
	justify-content: center;
}
#uni .circle{
	display: flex;
	padding: 5px;
	margin: auto;
}
#uni .circle-cell {
	text-align: center;
	vertical-align: middle;
}
.circle-3{
	width: 3rem;
	height: 3rem;
	word-break: break-all;
}
.circle-4-5{
	width: 4.5rem;
	height: 4.5rem;
	word-break: break-all;
}
.circle-9{
	width: 9rem;
	height: 9rem;
	word-break: break-all;
}


/* Quadrado */
#uni .square-box.col-3{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, calc((100% - 2rem) / 3)));
	justify-content: center;
}
#uni .square-box.col-2{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, calc((100% - 2rem) / 2)));
	justify-content: center;
}
@media only screen and (max-width: 331px) {
	#uni .square-box.col-3{
		display: grid;
		grid-template-columns: 1fr;
		justify-content: center;
	}
	#uni .square-box.col-2{
		display: grid;
		grid-template-columns: 1fr;
		justify-content: center;
	}
}


/* Iframe */
iframe + hr{
	margin-top: 0;
}
.glossario{
	border-top: #f06292 1px solid;
	border-bottom: #f06292 1px solid;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 2px;
}


/* Imagem */
#uni .imagem{
	margin: 2.5rem 0;
}
#uni div.imagem p, #uni div.imagem figure{
	margin-bottom: 0.3rem;
}
#uni div.imagem p+p,#uni div.imagem figure+p{
	margin-bottom: 0;
}
#uni p.imagem img{
	margin-bottom: 1rem;
}
#uni div.imagem figure a{
	margin-bottom: 0;
}


/* Audiodescrição */
#uni .audiodescricao{
	padding-top: 0.3rem;
	margin-bottom: 0 !important;
}


/* Destaque */
#uni .destaque{
	margin: 3rem 0;
}
#uni .destaque p{
	margin: 0 0 1.5rem 0;
}
#uni .destaque .accordion{
	margin: 0;
}
#uni .destaque.row .col{
	margin-bottom: 0;
}
#uni .col.mg-0-bottom .col.mg-0-bottom p:last-child{
	margin-bottom: 0;
}
#uni .bx-apoio{
	margin-left: 1rem;
	margin-top: 3.5rem;
}
/* #uni .bx-apoio div{
	background-color: #FDFDFD;
} */
#uni .bx-apoio .bx-title i{
	position: relative;
	text-shadow: 0px 1px 6px #FFFFFF,0px 3px 6px #FFFFFF,0px 6px 6px #FFFFFF,0px 9px 6px #FFFFFF,0px 9px 6px #FFFFFF,0px 9px 6px #FFFFFF,0px 9px 6px #FFFFFF;
}
#uni .bx-apoio .bx-title h4{
	text-shadow:  14px 0px 5px #FFFFFF, 14px 0px 5px #FFFFFF, 10px 0px 3px #FFFFFF, 10px 0px 3px #FFFFFF, 16px 0px 5px #FFFFFF, 16px 0px 0px #FFFFFF, -4px 0px 15px #FFFFFF, -4px 0px 15px #FFFFFF, -8px 0px 15px #FFFFFF, -8px 0px 15px #FFFFFF, -12px 0px 15px #FFFFFF, -12px 0px 15px #FFFFFF, -14px 0px 15px #FFFFFF, -14px 0px 15px #FFFFFF, -18px 0px 15px #FFFFFF, -18px 0px 15px #FFFFFF, -22px 0px 15px #FFFFFF, -22px 0px 15px #FFFFFF, -24px 0px 15px #FFFFFF, -24px 0px 15px #FFFFFF, -28px 0px 15px #FFFFFF, -28px 0px 15px #FFFFFF, -32px 0px 15px #FFFFFF, -32px 0px 15px #FFFFFF, -36px 0px 15px #FFFFFF, -36px 0px 15px #FFFFFF, -40px 0px 15px #FFFFFF, -40px 0px 15px #FFFFFF, -44px 4px 15px #FFFFFF, -44px 4px 15px #FFFFFF, -46px 8px 15px #FFFFFF, -46px 8px 15px #FFFFFF;
}

#uni .bx-apoio p{
	margin: 0.5rem !important;
}

/* #uni .row.destaque .col, #uni .row.destaque .col p{
	margin-bottom: 0;
} */
/* #uni .destaque p:last-child,#uni .row .col .destaque {
	margin: 0;
} */

/* Recuo Artigo */
#uni .destaque .recuo-artigo p{
	margin-bottom: 0;
}


/* Apresentação */
.hgth-100vh{
	height: 100vh;
}
.hgth-39{
	height: 39px;
}

/* Página das unidades */
.wdth-175{
	width: 175px;
}
.unidades-box a{
	background-image: none;
}
.unidades-box a:hover{
	filter: brightness(80%);
}
.inexistente{
	cursor: default;
}
.unidades-box a.inexistente:hover,.unidades-box a.sem-conteudo:hover{
	filter: brightness(100%);
}
.unidades-box a.sem-conteudo,.unidades-box a.sem-conteudo:hover{
	/* -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.6; */
	cursor: default;
}
/* .sem-conteudo{
	filter: grayscale(95%);
}
.hidden {
	display: none;
} */