.radio-flutuante{position:fixed;left:50%;bottom:.9rem;z-index:90;width:min(calc(100% - 1.6rem),30rem);display:grid;grid-template-columns:2.9rem 1fr auto auto;align-items:center;gap:.7rem;padding:.45rem .5rem .45rem .45rem;border-radius:999px;background:#1d1930eb;color:#f5eee1;border:1px solid rgba(245,238,225,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1rem 2.4rem #0006;translate:-50% 0;font-family:Inter,system-ui,sans-serif;animation:rf-entra .5s cubic-bezier(.2,.8,.3,1) both}@keyframes rf-entra{0%{translate:-50% calc(100% + 1.5rem);opacity:0}to{translate:-50% 0;opacity:1}}.rf-capa{display:block;width:2.9rem;height:2.9rem;border-radius:50%;overflow:hidden;background:#282341}.rf-capa img{width:100%;height:100%;object-fit:cover;display:block}.radio-flutuante.tocando .rf-capa{animation:rf-gira 7s linear infinite}@keyframes rf-gira{to{rotate:1turn}}.rf-texto{min-width:0;display:grid;line-height:1.25}.rf-texto strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rf-texto small{color:#f5eee18c;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rf-tocar,.rf-fechar{border:0;cursor:pointer;display:grid;place-items:center;color:#fff}.rf-tocar{width:2.7rem;height:2.7rem;border-radius:50%;background:radial-gradient(circle at 50% 30%,#ffd3a3,#ffa14a 28%,#f27a1a 58%,#b04a04);box-shadow:inset 0 .2rem .35rem #ffffff59,inset 0 -.35rem .5rem #50190073,0 .4rem 1rem #f27a1a66}.rf-tocar svg{width:1.1rem;height:1.1rem;fill:currentColor}.rf-pausa,.tocando .rf-play{display:none}.tocando .rf-pausa{display:block}.rf-fechar{width:2.2rem;height:2.2rem;border-radius:50%;background:transparent;color:#f5eee199}.rf-fechar:hover{background:#f5eee11f;color:#fff}.rf-fechar svg{width:.9rem;height:.9rem}.com-radio-flutuante body{padding-bottom:4.5rem}@media(prefers-reduced-motion:reduce){.radio-flutuante,.rf-capa{animation:none!important}}