/* === Barra de progreso de lectura + minutos estimados (Mejora 6) === */

#progreso-lectura-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: rgba(19, 63, 53, .08);
  z-index: 60;
  pointer-events: none;
}

#progreso-lectura-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--gold, #c58b42), var(--green, #133f35));
  transition: width .1s linear;
}

.progreso-lectura-badge {
  display: inline-flex !important;
  align-items: center;
  gap: .4rem;
  margin: .6rem 0 0;
}

@media (prefers-reduced-motion: reduce) {
  #progreso-lectura-fill {
    transition: none !important;
  }
}