/* Reproductor compacto: hoja independiente para aislar la fila del CSS histórico. */
.article-listen .listen-row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
}
.article-listen .listen-row > .listen-controls { display: contents !important; }
.article-listen .listen-row .listen-play,
.article-listen .listen-row .listen-stop { flex: 0 0 auto; white-space: nowrap; }
.article-listen .listen-row .listen-play { width: 172px; }
.article-listen .listen-row .listen-stop { width: 96px; }
.article-listen .listen-row label,
.article-listen .listen-row label:last-child {
  display: flex; align-items: center; width: auto !important;
  flex: 0 0 auto; white-space: nowrap; margin: 0; gap: 6px;
}
.article-listen .listen-row .listen-progress {
  flex: 1 1 0 !important; width: auto !important; min-width: 24px;
  height: 8px; min-height: 8px; margin: 0 !important;
}
.article-listen .listen-row .listen-percent {
  flex: 0 0 34px; width: 34px; white-space: nowrap; margin: 0;
}
@media (max-width: 750px) {
  .article-listen .listen-row { gap: 5px; }
  .article-listen .listen-row .listen-play { width: 78px; padding: 9px 2px; font-size: 13px; }
  .article-listen .listen-row .listen-stop { width: 55px; padding: 9px 2px; font-size: 13px; }
  .article-listen .listen-row .listen-rate { width: 46px; padding: 9px 0; font-size: 12px; }
  .article-listen .listen-row .listen-rate-label { display: none !important; }
  .article-listen .listen-row label { gap: 0; }
  .article-listen .listen-row .listen-percent { flex-basis: 29px; width: 29px; font-size: 12px; }
}