:root{--rfp-bg:rgba(7,12,20,.98);--rfp-line:rgba(255,255,255,.12);--rfp-text:#fff;--rfp-muted:#aeb8c7;--rfp-red:#ef3340;--rfp-mint:#70e6c0}
body{padding-bottom:76px}
body.site-redesign .bottom-player{left:0;right:0;bottom:0;width:100%;padding:8px 0!important;z-index:1080;background:var(--rfp-bg)!important;border-top:1px solid var(--rfp-line)!important;box-shadow:0 -14px 38px rgba(2,6,23,.28)!important;color:#fff;backdrop-filter:blur(18px) saturate(145%)}
body.site-redesign .bottom-player .container{width:100%;max-width:1180px}
body.site-redesign .bp-title{color:#fff}body.site-redesign .bp-sub{color:var(--rfp-muted)}
body.site-redesign .bp-logo{border-color:rgba(255,255,255,.14)}
body.site-redesign .bp-btn-icon,body.site-redesign .bp-expand{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;color:#fff}
body.site-redesign .bp-btn-icon{background:var(--rfp-red)!important;box-shadow:0 10px 24px rgba(239,51,64,.25)}
.bp-expand{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)!important;cursor:pointer}.bp-expand:hover{background:rgba(255,255,255,.14);color:#fff}
.hero-full-open{min-height:40px;margin-top:4px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:.76rem;font-weight:800;cursor:pointer;backdrop-filter:blur(8px)}.hero-full-open:hover,.hero-full-open:focus{background:rgba(255,255,255,.17);color:#fff;outline:none}

/* Ecualizador ambiental: no reemplaza el fondo configurado por el cliente. */
.hero{isolation:isolate}.hero-audiorhythm{position:absolute;inset:8% -3% 3%;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:clamp(5px,1.25vw,18px);opacity:0;overflow:hidden;pointer-events:none;transition:opacity .35s ease;mask-image:linear-gradient(to bottom,transparent 0,#000 25%,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 25%,#000 76%,transparent 100%)}
body.radio-is-playing .hero-audiorhythm{opacity:.30}.hero-audiorhythm span{--h:.5;width:clamp(4px,.55vw,8px);height:12%;border-radius:999px;background:linear-gradient(180deg,rgba(189,251,231,.5),rgba(112,230,192,.72) 52%,rgba(250,34,91,.22));box-shadow:0 0 15px rgba(112,230,192,.15);transform-origin:bottom;animation:rfpHeroEq 1.25s cubic-bezier(.45,.05,.55,.95) infinite alternate;animation-play-state:paused}.hero-audiorhythm span:nth-child(2n){--h:.72;animation-delay:-.55s}.hero-audiorhythm span:nth-child(3n){--h:.9;animation-delay:-.28s}.hero-audiorhythm span:nth-child(5n){--h:.46;animation-delay:-.78s}.hero-audiorhythm span:nth-child(7n){--h:.64;animation-delay:-.14s}body.radio-is-playing .hero-audiorhythm span{animation-play-state:running}@keyframes rfpHeroEq{0%{height:7%;opacity:.45}100%{height:calc(22% + 54% * var(--h));opacity:1}}

.rfp-full{position:fixed;inset:0;z-index:2147483000;display:flex;visibility:hidden;opacity:0;flex-direction:column;overflow:hidden;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(155deg,#070c14,#111c2c 54%,#080d16);color:#fff;transform:translateY(14px);transition:opacity .24s ease,transform .24s ease,visibility .24s}.rfp-full.is-open{visibility:visible;opacity:1;transform:none}.rfp-full::before{content:"";position:absolute;inset:-25% -35% auto auto;width:90vw;height:90vw;border-radius:50%;background:radial-gradient(circle,rgba(112,230,192,.16),transparent 64%);pointer-events:none}.rfp-full-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.rfp-live{display:flex;align-items:center;gap:9px;color:#aeb8c7;font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.rfp-live b{padding:5px 8px;border-radius:8px;background:var(--rfp-red);color:#fff;font-size:.62rem}.rfp-close{width:44px;height:44px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;font-size:1.35rem;cursor:pointer}.rfp-stage{position:relative;z-index:1;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.rfp-logo{width:min(45vw,210px);aspect-ratio:1;padding:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:28%;background:#fff;box-shadow:0 32px 70px rgba(0,0,0,.42),0 0 0 10px rgba(255,255,255,.035)}.rfp-logo img{width:100%;height:100%;border-radius:23%;object-fit:contain}.rfp-kicker{margin-top:24px;color:var(--rfp-mint);font-size:.68rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.rfp-title{max-width:92vw;margin:7px 0 0;color:#fff;font-size:clamp(1.55rem,7vw,2.35rem);font-weight:900;line-height:1.08;letter-spacing:-.04em}.rfp-now{max-width:88vw;min-height:24px;margin-top:10px;overflow:hidden;color:#b8c2d0;font-size:.9rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.rfp-eq{width:min(82vw,390px);height:66px;margin-top:22px;display:flex;align-items:flex-end;justify-content:center;gap:clamp(3px,1.1vw,6px)}.rfp-eq span{--h:.5;width:clamp(3px,1vw,5px);height:10%;border-radius:999px;background:linear-gradient(180deg,#b4f8df,var(--rfp-mint) 50%,#2cae8c);box-shadow:0 0 11px rgba(112,230,192,.22);transform-origin:bottom;animation:rfpFullEq 1s ease-in-out infinite alternate;animation-play-state:paused}.rfp-eq span:nth-child(2n){--h:.62;animation-delay:-.55s}.rfp-eq span:nth-child(3n){--h:.88;animation-delay:-.28s}.rfp-eq span:nth-child(5n){--h:.42;animation-delay:-.76s}.rfp-eq span:nth-child(7n){--h:.73;animation-delay:-.12s}body.radio-is-playing .rfp-eq span{animation-play-state:running}@keyframes rfpFullEq{0%{height:8%;opacity:.65}100%{height:calc(24% + 62% * var(--h));opacity:1}}
.rfp-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.rfp-play{width:78px;height:78px;border:0;border-radius:25px;background:linear-gradient(145deg,#ff5360,#d91f2c);box-shadow:0 20px 44px rgba(239,51,64,.32),0 0 0 8px rgba(255,255,255,.04);color:#fff;font-size:1.7rem;cursor:pointer}.rfp-volume{width:min(78vw,320px);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;color:#9ca9ba;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rfp-volume input{width:100%;accent-color:var(--rfp-mint)}body.rfp-open{overflow:hidden;touch-action:none}
@media(max-width:767.98px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}body.site-redesign .bottom-player{padding:8px 0 max(8px,env(safe-area-inset-bottom))!important}.bottom-player .container{max-width:none!important;padding-left:10px;padding-right:10px}.bp-title,.bp-sub{max-width:44vw!important}.hero-audiorhythm{inset:15% -18% 5%;gap:8px}.hero-audiorhythm span:nth-child(n+25){display:none}.rfp-logo{width:min(43vw,180px)}.rfp-eq{height:52px;margin-top:15px}}
@media(max-width:390px){body.site-redesign .bp-logo{width:40px;height:40px}.bp-actions{gap:6px!important}body.site-redesign .bp-btn-icon,body.site-redesign .bp-expand{width:40px;height:40px}.bp-title,.bp-sub{max-width:40vw!important}.rfp-logo{width:min(39vw,160px)}.rfp-kicker{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.hero-audiorhythm{display:none}.rfp-eq span{animation:none!important}.rfp-full{transition:none}}