/* ==========================================================================
   CONCRETO · concreto-loader.css — Loader ESTÁNDAR único (ball-climbing-dot)
   --------------------------------------------------------------------------
   El ÚNICO loader de pantalla del proyecto es ball-climbing-dot. Depende de la
   animación de css/ball-climbing-dot.css (mantener cargado antes que este).
   Cualquier otro loader de pantalla (spinner Bootstrap full-screen, GIF,
   lc-loader…) se reemplaza por este. Doc: Concreto-Migracion-Diseno/00 §8.
   ========================================================================== */

/* Recolorear a marca (el original de Load Awesome usa #fdd300) */
.la-ball-climbing-dot { color: var(--main-yellow); }

/* Overlay estándar de pantalla completa.
   z-index alto a propósito: debe quedar POR ENCIMA de los modales de Bootstrap
   (~1055) y de los toasts. El loader original del proyecto usaba 10000. */
.concreto-loader-overlay,
#loadingOverlay.concreto-loader-overlay {
  position: fixed; inset: 0; z-index: 20000;
  display: grid; place-items: center;
  background: rgba(2, 34, 61, .72);   /* navy translúcido del sistema */
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
}

/* Compatibilidad con el patrón actual: oculto con .d-none de Bootstrap.
   (.d-none ya trae display:none !important; esta regla es solo claridad.) */
.concreto-loader-overlay.d-none { display: none !important; }