/* Barra de progreso del slider */
#slide-progress {
  position: relative;
  height: 4px;           /* grosor */
  background: transparent;
  overflow: hidden;
}
#slide-progress-bar {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 100%;
  background: #0ea5e9;   /* sky-500 aprox; cámbialo si quieres */
  transform-origin: left center;
  transform: scaleX(1);  /* arranca llena */
}

/* Animación: de lleno → vacío */
@keyframes slideShrink {
  from { transform: scaleX(1); }
  to   { transform: scaleX(0); }
}

/* Si usas reduce motion, no animes (opcional) */
@media (prefers-reduced-motion: reduce) {
  #slide-progress-bar { animation: none !important; transform: scaleX(1) !important; }
}