/* --- Override para el estado "En espera" --- */
#gx_ajax_notification {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 100000 !important;
  text-align: initial !important; /* anula el centrado de texto del theme */
  padding: 0 !important;
  margin: 0 !important;
  font: inherit !important;       /* anulamos la fuente que pone el theme */
}

/* Fondo translúcido gris oscuro */
#gx_ajax_notification > div {
  background: rgba(58, 58, 58, 0.40) !important;
  position: absolute !important;
  inset: 0 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Ocultar el GIF de GeneXus */
#gx_ajax_indicator { display: none !important; }

/* Spinner circular con colores SISSAN */
#gx_ajax_notification::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 64px; height: 64px;
  border-radius: 50%;
  border: 6px solid #ffffff;
  border-top-color: #A61C1C;       /* rojo SISSAN */
  animation: gxSpin 0.8s linear infinite;
  box-shadow: 0 2px 12px rgba(0,0,0,.25);
}

/* Texto personalizado (ahora en blanco puro y con más contraste) */
#gx_ajax_notification::before {
  content: "Procesando solicitud ...";
  position: absolute;
  top: calc(50% + 52px); left: 50%;
  transform: translateX(-50%);
  font: 600 16px/1.2 Verdana, Arial, Helvetica, sans-serif;
  color: #A61C1C;                              /* <-- blanco puro */
  text-shadow: 0 2px 6px rgba(0,0,0,0.7);      /* sombra más marcada para contraste */
  -webkit-text-stroke: 0.4px rgba(0,0,0,0.5); /* contorno sutil (Chrome/Edge) */
}

@keyframes gxSpin {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}