*/
.reproductor-container {
position: fixed; /* Usamos fixed para que se mantenga en su lugar */
bottom: 10px; /* 10px desde la parte inferior */
left: 50%;
transform: translateX(-50%);
width: 80%;
max-width: 400px;
z-index: 10;
background: rgba(0, 0, 0, 0.7);
padding: 10px;
border-radius: 10px;
text-align: center;
}
audio {
width: 100%;
}