/* Botón de música de fondo (abajo a la izquierda; no tapa el botón «Leer» ni el índice) */
.musica { position: fixed; left: max(14px, env(safe-area-inset-left)); bottom: max(14px, env(safe-area-inset-bottom)); z-index: 60; display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 8px; }
.musica__play { width: 48px; height: 48px; border-radius: 50%; border: 1px solid #c9a86a; background: rgba(8,6,7,.88); color: #e3c886; font-size: 1.35rem; cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.5); }
.musica__play[aria-pressed="true"] { background: #c9a86a; color: #120c06; }
.musica__play:focus-visible, .musica__panel button:focus-visible { outline: 2px solid #f3e2b6; outline-offset: 2px; }
.musica__panel { min-width: 230px; padding: 10px; border: 1px solid rgba(201,168,106,.5); border-radius: 8px; background: rgba(8,6,7,.95); color: #f1e6cc; }
.musica__panel[hidden] { display: none; }
.musica__t { margin: 0 0 6px; font: 600 .72rem/1.2 Cinzel, serif; letter-spacing: .18em; text-transform: uppercase; color: #c9a86a; }
.musica__panel ul { list-style: none; margin: 0; padding: 0; }
.musica__panel button { display: grid; width: 100%; text-align: left; padding: 8px; min-height: 44px; background: none; border: 0; border-radius: 6px; color: #f1e6cc; font: 400 1rem Spectral, Georgia, serif; cursor: pointer; }
.musica__panel button small { color: #b5a888; font-size: .82rem; }
.musica__panel button[aria-current="true"] { background: rgba(201,168,106,.16); color: #f3e2b6; }
@media (prefers-reduced-motion: reduce) { .musica__play { transition: none; } }