/*********************
↓↓↓↓↓ UB LOADING ↓↓↓↓↓
*********************/
.ub-loading {
	z-index: 9999;
	position: fixed;
	background: #FFFFFF;
	/* Fallbacks para cobrir 100% da tela no mobile, mesmo com a barra de
	   endereço do navegador recolhendo/expandindo (viewport dinâmico). */
	height: 100vh;
	height: 100dvh;
	width: 100vw;
	width: 100dvw;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.ub-loading svg{
	width: 20rem;
	height: 20rem;
}
.brasao-svg-loading mask path,
.brasao-svg-loading mask rect {
fill: white !important;
stroke: white !important;
}
.ub-loading.brasao-svg-loading .st0{
	stroke: #192a56;
	color: #192a56;
}
/*.ub-loading .brasao-svg-loading {*/
/*	stroke: #192a56;*/
/*	color: #192a56;*/
/*	fill: transparent;*/
/*	stroke-width: 0.6;*/
/*	stroke-dashoffset: 2000;*/
/*	stroke-dasharray: 500;*/
/*	animation: dash 7s linear forwards infinite;*/
/*	opacity: 1;*/
/*}*/

.ub-loading .brasao-svg-loading{
	stroke: var(--color-principal);;
	fill: transparent;
	stroke-width: 1.2;
	stroke-dashoffset: 4000;
	stroke-dasharray: 4000;
	animation: dashLoading 7s linear forwards;
}

.ub-loading .ub-loading-text{
	color: #13182C;
	font-size: 0.9rem;
	font-weight: 200!important;
	line-height: 0;
	margin-top: 20px;
}
.ub-loading .ub-loading-text span{
	font-size: 2rem;
	letter-spacing: -2px;
}
.ub-loading .ub-loading-text span:nth-child(1){
	animation: dotsLoading 1s linear forwards infinite;
	animation-delay: 0.3s;
}
.ub-loading .ub-loading-text span:nth-child(2){
	animation: dotsLoading 1s linear forwards infinite;
	animation-delay: 0.6s;
}
.ub-loading .ub-loading-text span:nth-child(3){
	animation: dotsLoading 1s linear forwards infinite;
	animation-delay: 0.9s;
}

@keyframes dotsLoading {
	0%{
		opacity: 0.2;
	}
	50%{
		opacity: 1;
	}
}

@keyframes dash {
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes dashLoading {
	95%{
		fill: transparent;
		stroke-dashoffset: 0;
		stroke: var(--color-principal);;
		stroke-width: 1.2;
	}
	100%{
		stroke: var(--color-principal);;
		stroke-dashoffset: 0;
		fill: #13182C;
		stroke-width: 0.2;
	}
}

/***************************
↓↓↓↓↓ UB IMG ANIMATION ↓↓↓↓↓
***************************/
.ub-svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.ub-svg .brasao-svg {
	/*stroke: #6576ff;*/
	stroke: var(--color-principal);
	fill: transparent;
	stroke-width: 0.6;
	stroke-dashoffset: 2000;
	stroke-dasharray: 500;
	animation: dash 10s linear forwards infinite;
	opacity: 0.075;
	margin-left: -50%;
}

@keyframes dash {
	100% {
		stroke-dashoffset: 0;
	}
}


/*********************
↑↑↑↑↑ UB LOADING ↑↑↑↑↑
*********************/