/* ================================
   Loading global
   ================================ */
.cb-loading{
  position: fixed;
  inset: 0;
  z-index: 2000;                 /* por encima de modals Bootstrap */
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.32);   /* un pelín más oscuro */
  backdrop-filter: blur(3px);
}

.cb-loading.active{
  display: flex;
}

/* Panel */
.loading-content{
  background: rgba(255,255,255,.92); /* más sólido */
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  padding: 20px 26px;
  min-width: 260px;
  text-align: center;
  box-shadow:
    0 30px 70px rgba(2,8,23,.35),
    inset 0 1px 0 rgba(255,255,255,.6);
}

/* Spinner */
.loading-spinner{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 4px solid rgba(54,168,235,.25);
  border-top-color: var(--cb-blue);
  margin: 0 auto 12px;
  animation: spin .85s linear infinite;
}

/* Texto */
.loading-text{
  font-weight: 700;
  color: #0f172a; /* legible incluso con blur */
  letter-spacing: .2px;
}

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