@charset "UTF-8";

.mensaje-carga {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	z-index: 4;
}

/* Spinner circular */
.spinner {
  border: 4px solid #f3f3f3;      /* Color del anillo */
  border-top: 4px solid #3498db;  /* Color de la parte que gira */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 110px;
  padding-right: 10px;            
  animation: spin 1s linear infinite;
}

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