/* Estilos para oscurecer todo excepto el spinner */
.dash-spinner {
  position: fixed; /* Posición fija para cubrir toda la pantalla */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; /* Asegurarse de que esté por encima del overlay */
  display: flex;
  justify-content: center; /* Centrado horizontal */
  align-items: center; /* Centrado vertical */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

/* Capa oscura de fondo */
.dash-spinner::before {
  content: '';
  position: fixed; /* Posición fija para cubrir toda la pantalla */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75); /* Color de fondo oscuro con más opacidad */
  background-image: url("/assets/loading.gif"); /* La URL de tu imagen de spinner */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10%;
  z-index: -1; /* Se asegura que esté detrás del spinner */
}

/* Ocultar todos los elementos dentro de .dash-spinner excepto el fondo */
.dash-spinner * {
  display: none !important;
}