@import "reset.less";
@import "fonts.less";
@import "functions.less";
@import "../../../files/config/colors.less";
@import "menu.less";


html {
	background: #FFFFFF;
	color: @textoHtml;
	font-family: robotolight;
}


body {
	background: ~"@{fundoHtml}55";
}

body[idioma='pt'] not {
	display: inline;
}
body:not([idioma='pt']) not {
	display: none;
}


* {
	box-sizing: border-box;
}


bread {
	display: none;
}

page {
	opacity: 0;
	font-size: 0px;
}

.container {
	.container();
	padding-right: 20px;
}

a {
	cursor: pointer;
	color: @corLink;
	&:hover {
		color: @corLinkHover;
		text-decoration: @underlineLink;
	}
}

.paragraph-generate {
	p:not(:last-child) {
		margin-bottom: 20px;
	}
	&.-padding {
		p:not(:last-child) {
			margin-bottom: 10px;
		}
	}
	&[ln='off']{
		p:not(:last-child) {
			margin-bottom: 0px;
		}
	}
}

.list-textarea {
	padding-left: 45px;
	padding-bottom: 1px;
	li {
		margin: -8px;
	}
	li:before {
		content: "";
		position: absolute;
		width: 8px;
		height: 8px;
		background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAyUlEQVR4nN2UUQqCQBRFD4ZuL7HSLVW2i8KWlGW2h7D/iQfvK8Yc9fXThQvDMNwDb2Yu/LsSoAAqoAZe6lr3cj0zSSugBdyA70A2JngBHAKC3YdLIAoBTAl36l3IWNxMp33hic5zLuDRd/GFQbhTb3yAsyHg5APcDAG1D9AZArpfA54+wNUQcPEBKkPA0QfIDQFrHyAGGoPw9lvDZgaAJQMqZ4RvCZBU7n5ik0aMUBp4J03IWPoUa3FJt8jbls8olrXsyWuRM3+sNzv8NxmupskvAAAAAElFTkSuQmCC");
		background-size: cover;
		margin: 8px 0 0 -20px;
	}
}

.textarea-separator {
	border-top: 1px solid #123B;
	margin: -5px 0 20px 0;
}

iframe.video {
	display: block;
	width: 100%;
	max-width: 1000px;
}


/* G|Translate - reset */
#google_translate_element, iframe[id*=":"], .skiptranslate, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
	display: none;
	position: absolute;
	height: 0;
}
#goog-gt-tt {
    display: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    pointer-events: none !important;
}
#gtranslate-text {
	display: none;
}
#loading-translate {
	position: absolute;
	width: 100px;
	height: 100px;
	left: calc(50% - 50px);
	top: calc(50% - 80px);
}
font:hover,
font:not([class=""]) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none;
}
/* G|Translate - reset */


#app {
	min-height: 90vh;
	.cards {
		padding: 25px 0;
		.grid(1fr; 20px);
		.card {
			.card();
			.grid(1fr 2fr);
			.grid {
				.grid(1fr 150px);
				header {
					padding: 0 15px;
					color: @fundoTopo1;
					font-size: 1.2em;
					font-weight: bold;
				}
				p {
					padding: 15px 15px;
					text-align: justify;
				}
				a.saiba-mais {
					.botao(@fundoBotao; @textoBotao);
					margin: 0 15px 15px 15px;
				}
				a.pix {
					display: block;
					text-align: center;
					color: @fundoTopo1;
					.fx();
					&:hover {
						opacity: 80%;
					}
				}
			}
			.img {
				background: linear-gradient(~"@{fundoTopo1}33", ~"@{fundoTopo2}22");
				border-radius: 3px;
				overflow: hidden;
				img {
					display: block;
					mix-blend-mode: multiply;
				}
			}
		}
	}

	#content {
		.button {
			.botao(@fundoBotao; @textoBotao);
		}
		.button-2 {
			.botao(transparent; #123F);
			padding-top: 6px;
			padding-bottom: 6px;
			border: 1px solid #1238;
		}
		section.drs-section-1 {
			background: linear-gradient(#11223308, #11223305);
		}
	}

	.institucional {
		.txt {
			max-width: 750px;
			margin: 0 auto;
			text-align: justify;
			padding: 20px;
		}
		.grid {
			.infra {
				header {
					background: @fundoTopo2;
				}
				ul {
					.grid(repeat(4, 1fr); 30px 20px);
					li {
						color: @fundoTopo2;
					}
				}
			}
			.disciplina {
				header {
					background: @fundoTopo1;
				}
				ul {
					.grid(repeat(4, 1fr); 30px 20px);
					li {
						color: @fundoTopo1;
					}
				}
			}
			> div {
				.card(0);
				header {
					display: block;
					font-size: 1.2em;
					text-align: center;
					color: #FFF;
					padding: 7px;
				}
				ul {
					padding: 40px 20px;
					&.icons {
						li {
							font-size: .95em;
							text-align: center;
							img {
								display: block;
								margin: 0 auto;
							}
						}
					}
				}
			}
		}
	}
}

#rodape {
	background: linear-gradient(~"@{fundoRodape}EE", ~"@{fundoRodape}FF");
    font-size: 1em;
    color: @textoRodape;
    padding: 10px 0 20px 0;
    * { .fx(); }
    .grid {
		.grid(1fr 1fr auto; 30px; start);
		#address {
		    white-space: pre-line;
		    padding: 15px 0;
		    opacity: 80%;
		}
		p {
			padding: 3px 0;
			&.email a,
			&.phone a {
				.grid(27px 1fr; 10px);
				color: @corLinkRodape;
				filter: brightness(140%);
				font-size: .95em;
				&:hover {
					color: @corLinkRodapeHover;
					.svg-icon {
						fill: @corLinkRodapeHover;
					}
				}
			}
			.svg-icon {
			    fill: @corLinkRodape;
			}
		}
		.redes-sociais {
			margin: 10px 0 30px 0;
			height: 25px;
			overflow: hidden;
			a:hover {
				img {
					transform: translateY(-27px);
				}
			}
		}
		#box-qr-code {
			max-width: 150px;
			h4 {
				margin-bottom: 10px;
			}
			#qrcode {
				background: #FFF;
				padding: 10px;
				width: 100%;
			}
		}
    }
}

#links-rodape {
	background: linear-gradient(#202020, #191919);
	.container {
		padding: 20px 0;
		a {
			display: inline-block;
			background: @fundoTopo1;
			color: @textoBotao;
			padding: 3px 15px;
			font-size: .9em;
			border-radius: 3px;
			&:hover {
				background: @corLinkRodape;
			}
		}
		&:empty {
			padding: 0;
		}
	}
}

@media screen and ( max-width: 950px ){
    #rodape {
    	.grid {
	    	.grid(1fr 1fr; 40px; start);
	    	grid-template-areas: "d1 d2" "d3 d3";
	    	> div {
	    		&:nth-child(1) { grid-area: d1; }
	    		&:nth-child(2) { grid-area: d2; }
	    		&:nth-child(3) { grid-area: d3; }
	    		&#box-qr-code {
	    			margin: auto;
	    			text-align: center;
	    		}
	    	}
	    }
    }
}

@media screen and ( max-width: 750px ){
    #rodape {
    	text-align: center;
    	.grid {
	    	.grid(1fr; 40px; start);
	    	grid-template-areas: "d1" "d2" "d3";
	    	.redes-sociais, h4 {
	    		text-align: center;
	    	}
	    	p {
				padding: 3px 0;
				&.icon-rodape {
					font-size: 1.1em;
					&:not(:last-child) {
						margin-bottom: 15px;
					}
				}
				&.email a,
				&.phone a {
					display: block;
					svg {
						height: 25px;
						display: block;
						margin: 0 auto;
					}
				}
			}
	    }
    }
}

#webdesign {
	background: #111;
	padding-bottom: 20px;
	text-align: center;
	color: #FFF;
	p {
		padding: 5px 10px;
	}
}

#resultadoBusca {
	.container(1100px);
    h2 {
        border-bottom: 2px solid #123;
		margin-bottom: 20px;
    }
    .resultado {
    	padding: 10px 5%;
    }

	h3 {
		margin-bottom: 10px;
		padding-bottom: 5px;
		border-bottom: 1px solid #1236;
	}

	p.item {
		color: #123;
	}

	.item {
		display: block;
		padding: 5px;
		&:before {
			@size: 12px;
			height: @size;
			width: @size;
			background: no-repeat url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik0yLjYsMjJjMCwwLDYuMiw5LjUsOS42LDE3LjVoNy4xYzAsMCw1LjItMTksMjguMS0zOWMwLDAtMTkuNywxMC0zMS43LDI2LjdMMTMuMSwyMkgyLjZ6Ii8+DQo8L3N2Zz4NCg==);
			background-size: cover;
			background-position: center;
			margin: 2px 0 0 -22px;
			display: block;
			content: '';
			position: absolute;
		}
	}

	.cn {
		.grid(auto 1fr; 10px);
		padding: 2px 0;
		img {
			background: #FFF;
			padding: 2px;
		}
		&:hover img {
			opacity: 70%;
		}
	}

	.funcao {
		display: block;
		font-size: 12px;
		opacity: 60%;
	}

	.obs {
		display: inline-block;
		font-size: 11px;
		color: #D00;
		padding: 1px 10px;
		border-radius: 3px;
		.b();
	}
	.contato {
		.grid(auto auto 1fr; 20px);
		font-size: .9em;
		a {
			.grid(auto auto; 5px);
		}
	}
	a[target='_blank'] {
		&:after {
			display: inline-block;
			content: "";
			width: 13px;
			height: 13px;
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkklEQVR4nGNgGAWkAONZH/4TwgxEqB14CxhIAAZzP4kaz/pwiSYW6E37LGY088NlkB4YTTULDFBc/v666ZQvElSzwACL4UTpJ8YCAxyGU8UCAzyGEwXwWWBAqeH4LDAg0nCygsiABJeTZYHRzA9ZsHQOSvc4NVMSycYzP2QSMpwiC4gFI8gCYwoxw4BZMAoYsAAAm9+2069RQucAAAAASUVORK5CYII=);
			background-size: cover;
			background-position: center;
			filter: grayscale(35%);
		}
		&:hover:after {
			opacity: 40%;
		}
	}
}

#avisos-site {
	.grid(@gtc:1fr; @gap:10px;);
	position: fixed;
	width: 100%;
	bottom: 0px;
	left: 0px;
	padding: 50% 10px 10px 10px;
	box-sizing: border-box;
	font-family: opensans;
	font-size: 15px;
	transform: translateY(300%);
	background: linear-gradient(#0000, #000);
	z-index: 100000;
	.item-aviso {
		.grid(@gtc:1fr 130px; @gap:40px; @ai:center;);
		.card(@padding:15px 20px 17px 35px);
		.container();
		padding-top: 15px;
		padding-bottom: 15px;
		background: #FFF;
		white-space: pre-line;
		div {
			color: #555;
		}
		a.button {
			width: auto;
			text-align: center;
			background: @fundoTopo1;
			color: #FFF;
			font-size: 14px;
			padding: 9px 0;
			border: 2px solid transparent;
			border-radius: 3px;
			cursor: pointer;
			letter-spacing: 1px;
			&:hover {
				opacity: 70%;
			}
		}
		&.highlight {
			background: #C00;
			div {
				color: #FFF;
			}
			a.button {
				background: #FFF2;
				border-color: #FFF;
				&:hover {
					background: #FFF;
					color: #A00;
				}
			}
		}
	}
	@keyframes exibirAvisos {
		0% { transform: translateY(300%); }
		100% { transform: translateY(0); }
	}
	@keyframes fecharAvisos {
		0% { transform: translateY(0); }
		45% { transform: translateY(-10px); }
		100% { transform: translateY(300%); }
	}
}