/* ÁUDIO - CENTRALIZAÇÃO GARANTIDA */
.audio-container {
  width: 100%;             /* ocupa toda a largura do pai */
  text-align: center;      /* centraliza conteúdo inline */
  margin: 0.75rem 0;       /* espaçamento vertical */
  padding: 0.5rem 0;
}

.audio-container audio {
  display: inline-block;   /* faz o <audio> respeitar o text-align */
  width: 210px;            /* largura fixa do player */
  height: 32px;
  transform: scale(0.7);
  transform-origin: center center;
}

/* MEDIA QUERIES - ÁUDIO */

/* Telas médias (até 768px) */
@media (max-width: 768px) {
  .audio-container audio {
    width: 180px;
    height: 28px;
    transform: scale(0.6);
  }
}

/* Telas pequenas (até 480px) */
@media (max-width: 480px) {
  .audio-container audio {
    width: 140px;
    height: 24px;
    transform: scale(0.55);
  }
}

/* Telas muito pequenas (até 320px) */
@media (max-width: 320px) {
  .audio-container audio {
    width: 120px;
    height: 20px;
    transform: scale(0.5);
  }
}