/* Overlay que bloquea toda la UI */
.loading-overlay{
  position: fixed;
  inset: 0;
  z-index: 9999;               /* por encima de todo */
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15,23,42,.45);      /* fondo oscurecido */
  backdrop-filter: blur(2px);
}

/* Tarjeta central */
.loading-box{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 14px;
  box-shadow: 0 14px 38px rgba(15,23,42,.35);
  background: #ffffff;
  color: #111827;
  min-width: 220px;
  justify-content: center;
}

/* Spinner */
.loading-spinner{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 3.5px solid rgba(10,114,184,.18);       /* usa tu azul */
  border-top-color: var(--brand, #1792E1);
  animation: psk-spin .8s linear infinite;
}
@keyframes psk-spin{
  to{ transform: rotate(360deg); }
}

/* Texto */
.loading-text{
  font-weight: 600;
  letter-spacing: .2px;
}