/* Estilo para el fondo oscuro */
#loading-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: white;
	font-family: Arial, sans-serif;
	font-size: 20px;
	z-index: 9999;
}

/* Ocultar por defecto */
.hidden {
	display: none;
}

/* Loader animado */
.loader {
	border: 5px solid #f3f3f3; /* Color del borde externo */
	border-top: 5px solid #3498db; /* Color del borde animado */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
	margin-bottom: 10px;
}

/* Animación de giro */
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}