:root {
	--primaryBlue: #034e97;
	--primaryYellow: #f6a009;
	--primaryGreen: #007841;
	--color1: #165094;  /* Azul Escuro */
	--color2: #076080;  /* Verde Escuro */
	--color3: #046d62;  /* Verde Médio */
	--color4: #057942;  /* Verde Claro */
	--color5: #70883e;  /* Verde Oliva */
	--color6: #b19638;  /* Ouro Claro */
	--color7: #e79e33;  /* Ouro */
}

* {
	font-family: "Fira Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.gradient-yellow {
	background: rgb(253,200,1);
	background: linear-gradient(108deg, rgba(253,200,1,1) 0%, rgba(246,160,9,1) 100%);
}

.gradient-green {
	background: rgb(0,156,69);
	background: linear-gradient(108deg, rgba(0,156,69,1) 0%, rgba(0,120,65,1) 100%);
}

.gradient-blue {
	background: rgb(36,50,98);
	background: linear-gradient(108deg, rgba(36,50,98,1) 0%, rgba(2,77,150,1) 100%);
}

/* LOADER */
/* HTML: <div class="loader"></div> */

.loader {
	width: 200px;
	height: 20px;
	background: 
    linear-gradient(var(--color1) 50%, #0000 0) 0 0, 
    linear-gradient(#0000 50%, var(--color2) 0) 50% 0, 
    linear-gradient(var(--color3) 50%, #0000 0) 100% 0,
    linear-gradient(#0000 50%, var(--color4) 0) 150% 0,
    linear-gradient(var(--color6) 50%, #0000 0) 200% 0,
    linear-gradient(#0000 50%, var(--color7) 0) 250% 0 #ddd;
	background-size: calc(100%/6 + 1px) 200%;
	background-repeat: no-repeat;
	animation: l12 2s infinite;
  }
  
  @keyframes l12 {
	0%     {background-position: calc(0*100%/5) 100%,calc(1*100%/5)   0%,calc(2*100%/5) 100%,calc(3*100%/5)   0%,calc(4*100%/5) 100%,calc(5*100%/5)   0%}
	16.67% {background-position: calc(0*100%/5)   0%,calc(1*100%/5)   0%,calc(2*100%/5) 100%,calc(3*100%/5)   0%,calc(4*100%/5) 100%,calc(5*100%/5)   0%}
	33.33% {background-position: calc(0*100%/5)   0%,calc(1*100%/5) 100%,calc(2*100%/5) 100%,calc(3*100%/5)   0%,calc(4*100%/5) 100%,calc(5*100%/5)   0%}
	50%    {background-position: calc(0*100%/5)   0%,calc(1*100%/5) 100%,calc(2*100%/5)   0%,calc(3*100%/5)   0%,calc(4*100%/5) 100%,calc(5*100%/5)   0%}
	66.67% {background-position: calc(0*100%/5)   0%,calc(1*100%/5) 100%,calc(2*100%/5)   0%,calc(3*100%/5) 100%,calc(4*100%/5) 100%,calc(5*100%/5)   0%}
	83.33% {background-position: calc(0*100%/5)   0%,calc(1*100%/5) 100%,calc(2*100%/5)   0%,calc(3*100%/5) 100%,calc(4*100%/5)   0%,calc(5*100%/5)   0%}
	100%   {background-position: calc(0*100%/5)   0%,calc(1*100%/5) 100%,calc(2*100%/5)   0%,calc(3*100%/5) 100%,calc(4*100%/5)   0%,calc(5*100%/5) 100%}
  }

  .no-scroll {
	overflow: hidden;
  }
/*------*/

.group-cca:hover .ccas {
	display: block;
}

.group-ccinter:hover .ccinter {
	display: block;
}

.group-telecentro:hover .telecentro {
	display: block;
}

.group-npj:hover .npj {
	display: block;
}

.group-sasf:hover .sasf {
	display: block;
}

.cca-nelson-mandela:hover .cca-submenu {
	display: block;
}

.cca-nelson-mandela:hover .cca-nelson-mandela-docs {
	display: block;
}

.telecentro-alan-turing:hover .telecentro-alan-turing-docs {
	display: block;
}

.cca-clarice:hover .cca-submenu {
	display: block;
}

.gradient-probrasil {
	background: linear-gradient(to right, #fdc801, #009c46, #366ab2);
}

.green-shadow {
	-webkit-box-shadow: 0px 0px 41px 0px rgba(0,120,65,1);
	-moz-box-shadow: 0px 0px 41px 0px rgba(0,120,65,1);
	box-shadow: 0px 0px 41px 0px rgba(0,120,65,1);
}

.shadow-top {
	-webkit-box-shadow: 0px -3px 47px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px -3px 47px 0px rgba(0,0,0,0.45);
	box-shadow: 0px -3px 47px 0px rgba(0,0,0,0.45);
}

.botoes-servicos {
	transition: 0.5s;
}

.botoes-servicos:hover{
	-webkit-box-shadow: 0px 0px 17px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 17px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 17px 0px rgba(255,255,255,1);
}

.botao-azul { transition: 0.5s; }
.botao-verde { transition: 0.5s; }
.botao-amarelo { transition: 0.5s; }
.botao-azul:hover {
	background-color: #1483ff;
}
.botao-verde:hover {
	background-color: #21d281;
}		
.botao-amarelo:hover {
	background-color: #ffc529;
}

.page-selected {
	border-bottom: 3px solid #f6a009;
	background-color: transparent !important;
	padding:4px 10px;
}

.page-selected span {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.centralizar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}

.sombra {
	-webkit-box-shadow: 0px 0px 37px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 0px 37px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 0px 37px 0px rgba(0,0,0,0.20);
}

.sombra-75 {
	-webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
}

.grayscale {
	transition: 0.5s;
}

.grayscale:hover {
	--tw-grayscale: grayscale(0%);
}

.transition-width {
	-webkit-transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-o-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
}