/* ==========================================================================
   Loader global del SIIE
   Overlay a pantalla completa con spinner. Se controla desde comun.js
   mediante las clases/funciones Loader.show() y Loader.hide().
   ========================================================================== */

#siie-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: rgba(255, 255, 255, 0.75);
	/* Sin esto el navegador no muestra el cursor de espera sobre el overlay */
	cursor: progress;
}

/* Clase que activa la visualizacion del overlay */
#siie-loader.siie-loader--visible {
	display: flex;
}

/* Evita el scroll del fondo mientras el loader esta activo */
body.siie-loader-open {
	overflow: hidden;
}

#siie-loader .siie-loader__spinner {
	width: 90px;
	height: 90px;
	border: 9px solid rgba(0, 113, 65, 0.25); /* color institucional (#007141) */
	border-top-color: #007141;
	border-radius: 50%;
	animation: siie-loader-spin 0.8s linear infinite;
}

#siie-loader .siie-loader__text {
	margin-top: 22px;
	font-size: 20px;
	font-weight: bold;
	color: #007141;
	letter-spacing: 0.5px;
	font-family: Arial, Helvetica, sans-serif;
}

@keyframes siie-loader-spin {
	to {
		transform: rotate(360deg);
	}
}

/* Respeta la preferencia de accesibilidad de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
	#siie-loader .siie-loader__spinner {
		animation-duration: 1.8s;
	}
}