.musica{z-index:80;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));align-items:center;display:flex;position:fixed}.musica-boton{color:#e2c992;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 35%,#18211d,#0b100f 70%);border:1px solid #c5a66a80;border-radius:50%;place-items:center;width:3rem;height:3rem;padding:0;transition:border-color .2s,color .2s,transform .2s cubic-bezier(.16,1,.3,1);display:grid;position:relative;box-shadow:0 6px 18px #0006,inset 0 0 0 3px #0b100fe6,inset 0 0 0 4px #c5a66a2e}.musica-boton:hover{border-color:#c5a66a;transform:translateY(-1px)}.musica-boton:active{transform:scale(.96)}.musica-boton:focus-visible{outline-offset:3px;outline:2px solid #e2c992}.musica-boton[aria-pressed=true]{border-color:#c5a66a}.musica[data-estado=silenciada] .musica-boton,.musica[data-estado=cedida] .musica-boton,.musica[data-estado=error] .musica-boton{color:#a9a894}.musica-nota{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.musica-tachado{display:none}.musica[data-estado=silenciada] .musica-tachado,.musica[data-estado=error] .musica-tachado{display:inline}.musica-barras{align-items:flex-end;gap:3px;height:1.15rem;display:none}.musica-barras i{transform-origin:50% 100%;background:currentColor;border-radius:1px;width:3px;height:100%;display:block;transform:scaleY(.35)}.musica[data-estado=sonando] .musica-barras,.musica[data-estado=oculta] .musica-barras,.musica[data-estado=cargando] .musica-barras{display:flex}.musica[data-estado=sonando] .musica-nota,.musica[data-estado=oculta] .musica-nota,.musica[data-estado=cargando] .musica-nota{display:none}.musica[data-estado=sonando] .musica-barras i{animation:1.3s ease-in-out infinite musica-cuerda}.musica[data-estado=sonando] .musica-barras i:nth-child(2){animation-duration:1.05s;animation-delay:-.4s}.musica[data-estado=sonando] .musica-barras i:nth-child(3){animation-duration:1.45s;animation-delay:-.8s}.musica[data-estado=sonando] .musica-barras i:nth-child(4){animation-duration:1.2s;animation-delay:-.2s}.musica[data-estado=cargando] .musica-barras i{opacity:.5}@keyframes musica-cuerda{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.musica-pista{color:#f1e7d3;white-space:nowrap;opacity:0;pointer-events:none;background:#0b100f;border:1px solid #c5a66a59;border-radius:3px;padding:.3rem .65rem;font-family:Alegreya SC,Alegreya,Georgia,serif;font-size:.85rem;transition:opacity .2s,translate .2s;position:absolute;top:50%;right:calc(100% + .6rem);translate:.25rem -50%}.musica:hover .musica-pista,.musica:focus-within .musica-pista{opacity:1;translate:0 -50%}@media (hover:none){.musica:hover .musica-pista{opacity:0}}@media (prefers-reduced-motion:reduce){.musica-boton,.musica-pista{transition:none}.musica-boton:hover{transform:none}.musica[data-estado=sonando] .musica-barras i{animation:none}.musica[data-estado=sonando] .musica-barras i:first-child{transform:scaleY(.55)}.musica[data-estado=sonando] .musica-barras i:nth-child(2){transform:scaleY(.9)}.musica[data-estado=sonando] .musica-barras i:nth-child(3){transform:scaleY(.7)}.musica[data-estado=sonando] .musica-barras i:nth-child(4){transform:scaleY(.45)}}@media (max-width:760px){html body .pie{padding-bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 4rem)}}@media print{.musica{display:none}}