/* Barra de carga GPSFOX (opcion D) - v2 */
@keyframes gfx-slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(290%); } }

.loader,
.loader.large,
.loader.small {
  display: block !important;
  position: relative !important;
  margin: 0 auto !important;
  width: 160px !important;
  height: 6px !important;
  border-radius: 6px !important;
  background: #e5e7eb !important;
  overflow: hidden !important;
  animation: none !important;
}
.loader:before { display: none !important; }
.loader:after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 35% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #65b200 !important;
  animation: gfx-slide 1.2s ease-in-out infinite !important;
  animation-direction: normal !important;
  will-change: transform;
}

/* Texto encima de la barra (pantalla de entrada y ventanas) */
#loading .inner:before,
.loading .inner:before {
  content: "Cargando\2026";
  display: block;
  text-align: center;
  margin-bottom: 10px;
  font: normal 13px/1.2 "Segoe UI", Roboto, Arial, sans-serif;
  color: #6b7280;
}
#loading .inner:before { font-size: 15px; }

/* Pantalla de entrada */
.loader.large { width: 220px !important; }

/* Cargas pequenas dentro de botones o textos */
.loader.small {
  display: inline-block !important;
  vertical-align: middle;
  margin: 0 6px !important;
  width: 40px !important;
  height: 4px !important;
}