.overlay {
  display: none; /* oculto por defecto */
  justify-content: center;
  align-items: center;
}

.progress-bar {
  width: 100%;
  height: 10px;
  margin-top: 10px;
  background-color: #f3f3f3; /* color de fondo de la barra de progreso */
  border-radius: 10px;
  overflow: hidden; /* para ocultar el exceso de la barra de progreso */
}

.shadow {
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); /* sombra lineal hacia la derecha */
}

.bar {
  width: 0%;
  height: 100%;
  background-color: #3498db; /* color de la barra de progreso */
}