@charset "utf-8";

/* Fontes Adicionais */

/* CSS Document */
:root {
	--fonte-principal: 					"Lato", "Helvetica", "Arial", "sans-serif";
	--fonte-secundaria:					"Ropa Sans", "Helvetica", "Arial", "sans-serif";
	--tamanho-de-fonte: 				12pt;
	--cor-principal: 					rgba(34, 70, 84, 1);
	--cor-principal-transparente: 		rgba(34, 70, 84, 0.6);
	--cor-principal-transparente2: 		rgba(34, 70, 84, 0.4);
	--cor-principal-transparente3: 		rgba(34, 70, 84, 0.2);
	--cor-secundaria: 					rgba(0, 180, 189, 1);
	--cor-branca: 						rgba(255, 255, 255, 1);
	--cor-branca-transparente:			rgba(255, 255, 255, 0.8);
	--cor-preta: 						rgba(35, 30, 30, 1);
	--cor-preta-transparente:			rgba(35, 30, 30, 0.9);
	--cor-preta-transparente-sombra:	rgba(35, 30, 30, 0.3);
	--cor-preta2: 						rgba(45, 40, 40, 1);
	--cor-cinza: 						rgba(81, 81, 81, 1);
	--cor-cinza2: 						rgba(150, 150, 150, 1);
	--cor-cinza-claro:					rgba(220, 220, 220, 1);
	--cor-cinza-claro2:					rgba(205, 205, 205, 1);
	--cor-cinza-claro3:					rgba(190, 190, 190, 1);
	--espacamento1: 					20px;
	--espacamento2: 					40px;
	--espacamento3: 					50px;
	--espacamento4: 					30px;
	--espacamento5: 					10px;
	--borda-redonda: 					8px;
	--cor-sucesso: 						rgba(55,170,65,1);
	--cor-erro: 						rgba(170,30,20,1);
	--tempo-transicao: 					all 1s;
	--animacao-otimizada: 				translateZ(0);
	--animacao-otimizada2: 				preserve-3d;
	--escondido:						hidden;
	--zindex1: 							1010;
	--zindex2: 							1009;
	--zindex3: 							1008;
	--zindex4: 							1007;
	--zindex5: 							1006;
	--zindex6: 							1005;
	
	--zindex-inicial-1:					1;
	--zindex-inicial-2: 				2;
	--zindex-inicial-3: 				3;
	--zindex-inicial-4: 				4;
	--zindex-inicial-5: 				5;
	--zindex-inicial-6: 				6;
}

@media (max-width:991px){
	:root {
		--tempo-transicao: 					.4s;
		--animacao-otimizada:				translateZ(0);
	}
}

@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}