@keyframes glow {
	0%, 100% { filter: drop-shadow(0 0 10px #f5d76e); opacity: 1; }
	50% { filter: drop-shadow(0 0 25px #ffec9f); opacity: 0.8; }
}

.preloader {
	display: block;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;	
}

.preload-logo {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}

.preload-progress {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	z-index: 1;
	align-content: center;
	font-weight: bold;
	border: 1px solid #5d585800;
	border-radius: 5px;
	align-items: center;	
}

.preload-container-text {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	z-index: 1;
	align-content: center;
	font-weight: bold;
	border: 1px solid #5d585800;
	border-radius: 5px;
	align-items: center;
}

.preload-barra-externa {
	width: 200px;
	height: 25px;
	background-color: #ddd;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	border: 1px solid #5d5858;
}

.preload-barra-container {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}

.preloader.fade-out {
	opacity: 0;
	transition: opacity 0.6s ease;
}

.preload-logo-image {
	width: 200px;
	margin-bottom: 60px;
	animation: glow 3s infinite ease-in-out;
}


.preload-progress-bar {
	width: 0%;
	height: 100%;
	background: linear-gradient(90deg, #d4af37, #f5e7a1);
	transition: width 0.3s ease;
}

.preload-progress-text {
	font-size: 16px;
	letter-spacing: 1px;
	color: #000000;
}

.preload-loading-status {
	margin-top: 8px;
	font-size: large;
	color: #c9b16f;
	font-style: italic;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}