/* Preloader cobrindo toda a tela com gradiente sofisticado */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #000000, #000000, #000000);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

/* Substituindo o spinner animado por um gif */
.spinner {
	background: url('../assets/logo/000.svg') no-repeat center center;
	background-size: contain;
	width: 150px;
	/* ajuste o tamanho conforme necessário */
	height: 150px;
	/* ajuste o tamanho conforme necessário */
}

/* Efeito de fade-out para sumir suavemente quando necessário */
.fade-out {
	opacity: 0;
	transition: opacity 0.5s ease;
}

/* Ajustes responsivos para telas menores */
@media (max-width: 768px) {
	.spinner {
		width: 100px;
		height: 100px;
	}
}