/* ===============================
   ÁUDIO – HARMONIZAÇÃO CHROME x FIREFOX
   (nativo, sem player custom)
================================ */

/* ===============================
   ÁUDIO – CENTRALIZAÇÃO REAL
================================ */

/* Container */
.audio-container{
  width:100%;
  display:flex;                 /* ✅ garante centralização */
  justify-content:center;       /* ✅ centro horizontal */
  align-items:center;           /* ✅ centro vertical */
  gap:0;

  margin-top:1.5rem;
  margin-bottom:.6rem;

  padding:0;
}

/* Player base */
.audio-container audio{
  display:block;                /* ✅ evita “meio pixel” do inline */
  width:220px;
  height:32px;

  transform:scale(.78);
  transform-origin:center center;  /* ✅ centro real */

  background-color:#dfe7ea;
  border-radius:12px;

  outline:none;
}

/* ===== Chrome / Edge / Safari ===== */
.audio-container audio::-webkit-media-controls-panel{
  background-color:#edf3f5;
  border-radius:12px;
}

.audio-container audio::-webkit-media-controls-play-button,
.audio-container audio::-webkit-media-controls-pause-button{
  filter:contrast(1.1);
}

.audio-container audio::-webkit-media-controls-current-time-display,
.audio-container audio::-webkit-media-controls-time-remaining-display{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;;
  font-size:16px;
  color:#0f172a;
}

/* ===== Firefox ===== */
.audio-container audio{
  /* força visual mais “clean” */
  appearance:auto;
}

/* Remove fundo escuro padrão do Firefox */
.audio-container audio::-moz-focus-inner{
  border:0;
}

/* ===== Responsivo ===== */
@media (max-width:768px){
  .audio-container audio{
    width:190px;
    height:28px;
    transform:scale(.68);
  }
}

@media (max-width:480px){
  .audio-container audio{
    width:150px;
    height:24px;
    transform:scale(.6);
  }
}

@media (max-width:320px){
  .audio-container audio{
    width:130px;
    height:22px;
    transform:scale(.55);
  }
}

 /**/
@-moz-document url-prefix(){
  .audio-container audio{
    filter:brightness(1.18) contrast(1.10);
  }
}