/* MYXA v1.9.0 — MYXA Radio Streaming · tema neon com menu lateral (mobile first) */
:root{
 --rn-bg:#050B18;--rn-side:#0B1428;--rn-card:#101B33;--rn-card-2:#13203D;--rn-blue:#00BFFF;--rn-purple:#7545FF;--rn-pink:#EC38D8;
 --rn-white:#FFFFFF;--rn-muted:#A7B4CE;--rn-line:rgba(120,160,255,.16);--rn-line-2:rgba(117,69,255,.5);
 --rn-grad:linear-gradient(90deg,var(--rn-blue),var(--rn-purple) 55%,var(--rn-pink));
 --rn-grad-btn:linear-gradient(90deg,var(--rn-purple),var(--rn-pink));
 --rn-grad-sel:linear-gradient(90deg,rgba(0,191,255,.22),rgba(117,69,255,.42));
 --rn-glow:0 0 0 1px rgba(117,69,255,.35),0 12px 40px rgba(0,191,255,.14);
 --rn-radius:18px;--rn-header:64px;--rn-side-w:260px;--rn-mini-h:0px;
 --rn-font:Inter,'Segoe UI Variable','Segoe UI',system-ui,-apple-system,Roboto,'Helvetica Neue',Arial,sans-serif;
 --rn-font-h:Poppins,Montserrat,'Segoe UI Variable Display','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--rn-header) + 16px);-webkit-text-size-adjust:100%}
body.rn{margin:0;background:var(--rn-bg);color:var(--rn-white);font:400 15px/1.55 var(--rn-font);min-height:100vh;overflow-x:hidden}
body.rn.rn-has-mini{--rn-mini-h:78px}
.rn img{max-width:100%;display:block}
.rn [hidden]{display:none!important}
.rn a{color:inherit}
.rn button{font:inherit;color:inherit}
.rn-i{width:20px;height:20px;flex:none}
.rn-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rn-skip{position:absolute;left:12px;top:-60px;z-index:200;background:#fff;color:#000;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700}
.rn-skip:focus{top:12px}
.rn :focus-visible{outline:2px solid var(--rn-blue);outline-offset:3px;border-radius:8px}
.rn-muted{color:var(--rn-muted)}
.rn-grad{background:var(--rn-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.rn-h1{font:800 clamp(26px,5.6vw,46px)/1.06 var(--rn-font-h);margin:6px 0 10px;letter-spacing:.06em}
.rn-h2{display:flex;align-items:center;gap:6px;font:700 clamp(18px,2.6vw,23px)/1.2 var(--rn-font-h);margin:0}
.rn-h2-arrow{display:inline-grid;color:var(--rn-pink)}
.rn-h3{font:700 18px/1.25 var(--rn-font-h);margin:0 0 10px}
.rn-lead{color:#d3dbef;font-size:clamp(14.5px,2vw,17px);margin:0 0 6px;max-width:62ch}
.rn-kicker{margin:0 0 6px;font:700 11.5px/1 var(--rn-font);letter-spacing:.22em;color:var(--rn-blue)}
.rn-pre{white-space:pre-line;margin:0;color:#d3dbef}
.rn-glass{background:linear-gradient(160deg,rgba(26,40,74,.7),rgba(16,27,51,.86));border:1px solid var(--rn-line);border-radius:var(--rn-radius);box-shadow:0 12px 36px rgba(0,0,0,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.rn-section{margin:30px 0}
.rn-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;margin-bottom:14px}
.rn-head-row p{margin:4px 0 0;font-size:13.5px}
.rn-see{background:none;border:0;padding:6px 0;color:var(--rn-blue);font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.rn-see:hover{color:#fff}.rn-see .rn-i{width:16px;height:16px}

/* NeonButton */
.rn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:12px;border:0;cursor:pointer;text-decoration:none;font:700 13.5px/1 var(--rn-font);color:#fff;transition:transform .15s,box-shadow .2s,background .2s;white-space:nowrap}
.rn-btn:hover{transform:translateY(-1px)}
.rn-btn .rn-i{width:17px;height:17px}
.rn-btn-pink{background:var(--rn-grad-btn);box-shadow:0 6px 22px rgba(236,56,216,.33)}
.rn-btn-pink:hover{box-shadow:0 8px 30px rgba(236,56,216,.5)}
.rn-btn-ghost{background:rgba(255,255,255,.04);border:1px solid var(--rn-line-2);color:#fff}
.rn-btn-ghost:hover{background:rgba(117,69,255,.2)}
.rn-btn-sm{min-height:36px;padding:7px 13px;font-size:12.5px}
.rn-btn-wa{background:#1fae54;box-shadow:0 6px 20px rgba(31,174,84,.3);font-size:14px}
.rn-icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;color:#dfe5ff;flex:none;text-decoration:none}
.rn-icon-btn:hover{background:rgba(255,255,255,.07);color:#fff}
.rn-icon-btn[aria-pressed="true"],.rn-fav-btn[aria-pressed="true"]{color:var(--rn-pink)}
.rn-icon-btn[aria-pressed="true"] path,.rn-fav-btn[aria-pressed="true"] path{fill:currentColor}

/* Live / estado */
.rn-live{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;background:linear-gradient(90deg,#e11d74,var(--rn-pink));font:800 10.5px/1 var(--rn-font);letter-spacing:.12em;color:#fff;white-space:nowrap}
.rn-live i{width:7px;height:7px;border-radius:50%;background:#fff;animation:rnDot 1.2s ease-in-out infinite}
.rn-live-xs{padding:3px 6px;font-size:8.5px;gap:4px}.rn-live-xs i{width:5px;height:5px}
@keyframes rnDot{50%{opacity:.25}}
.rn-ondemand{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0;padding:5px 10px;border-radius:8px;border:1px solid rgba(0,191,255,.4);color:var(--rn-blue);font:700 11.5px/1 var(--rn-font);letter-spacing:.06em}
.rn-ondemand .rn-i{width:15px;height:15px}
.rn-badge-prev{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;border:1px dashed rgba(236,56,216,.7);color:#ff9cf1;font:800 9.5px/1 var(--rn-font);letter-spacing:.1em;white-space:nowrap}
.rn-state{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:800 10px/1 var(--rn-font);letter-spacing:.1em;margin:8px 0 0}
.rn-state.is-on{background:rgba(16,185,129,.16);color:#34d399;border:1px solid rgba(52,211,153,.45)}
.rn-state.is-on::before{content:"";width:7px;height:7px;border-radius:50%;background:#34d399;animation:rnDot 1.2s infinite}
.rn-state.is-off{background:rgba(148,163,184,.12);color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}
.rn-quality{display:inline-flex;align-items:center;padding:4px 8px;border-radius:8px;border:1px solid var(--rn-line);font:700 11px/1.1 var(--rn-font);color:#dfe5ff;background:rgba(255,255,255,.04)}
.rn-conn{font-size:11.5px;font-weight:600;color:var(--rn-muted)}
.rn-conn.is-ok{color:#34d399}.rn-conn.is-bad{color:#fda4af}

/* Equalizador (decorativo) */
.rn-eq{display:inline-flex;align-items:center;gap:3px;height:44px}
.rn-eq i{display:block;width:3px;height:18%;border-radius:3px;background:linear-gradient(var(--rn-pink),var(--rn-purple) 50%,var(--rn-blue));opacity:.85}
.is-playing .rn-eq i,.rn-mini.is-playing .rn-eq i,.rn-expanded.is-playing .rn-eq i{animation:rnEq 1s ease-in-out infinite;animation-delay:var(--d)}
@keyframes rnEq{0%,100%{height:18%}50%{height:var(--h)}}

/* HeaderMYXA */
.rn-header{position:sticky;top:0;z-index:70;height:var(--rn-header);background:rgba(5,11,24,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--rn-line)}
.rn-header-in{display:flex;align-items:center;gap:10px;height:100%;padding:0 12px}
.rn-logo{display:flex;align-items:center;gap:8px;text-decoration:none;min-width:0}
.rn-logo img{height:38px;width:auto;max-width:120px;object-fit:contain}
.rn-logo-txt{font:700 10.5px/1.05 var(--rn-font);letter-spacing:.1em;text-transform:uppercase;color:var(--rn-muted);display:none}
.rn-topnav{display:none}
.rn-search{display:none}
.rn-search-mobile{margin-left:auto}
.rn-profile{display:flex;align-items:center;gap:8px;text-decoration:none;color:#dfe5ff;font-weight:600;font-size:14px}
.rn-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--rn-grad);color:#fff}
.rn-avatar .rn-i{width:19px;height:19px}
.rn-profile-txt{display:none}
.rn-topnav a{text-decoration:none;color:#c6cfe8;font-weight:600;font-size:14px;padding:8px 12px;border-radius:999px;white-space:nowrap}
.rn-topnav a:hover,.rn-topnav a.is-active{color:#fff;background:rgba(0,191,255,.12)}
.rn-topnav a.rn-nav-hl{background:var(--rn-grad-sel);color:#fff;border:1px solid var(--rn-line-2)}
@media(min-width:768px){.rn-logo-txt{display:block}.rn-profile-txt{display:inline}.rn-header-in{padding:0 18px;gap:14px}}
@media(min-width:1100px){
 .rn-topnav{display:flex;gap:2px;margin-left:10px}
 .rn-search{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 1 340px;min-width:180px;background:rgba(255,255,255,.04);border:1px solid var(--rn-line);border-radius:999px;padding:0 14px;height:42px;color:var(--rn-muted)}
 .rn-search:focus-within{border-color:var(--rn-blue)}
 .rn-search input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:inherit;font-size:14px;outline:none}
 .rn-search input::placeholder{color:#7d89a7}
 .rn-search-mobile{display:none}
}

/* Shell: SideMenu + conteúdo */
.rn-shell{display:block}
.rn-content{min-width:0;padding:0 14px calc(24px + var(--rn-mini-h))}
.rn-side{position:fixed;z-index:110;top:0;bottom:0;left:0;width:min(300px,86vw);background:linear-gradient(180deg,#0d1832,var(--rn-side));border-right:1px solid var(--rn-line);padding:12px 12px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;transform:translateX(-102%);transition:transform .25s ease;visibility:hidden;scrollbar-width:thin;scrollbar-color:rgba(117,69,255,.5) transparent}
.rn-side.is-open{transform:none;visibility:visible;box-shadow:20px 0 60px rgba(0,0,0,.55)}
.rn-side-bg{position:fixed;inset:0;z-index:105;background:rgba(2,5,14,.62);backdrop-filter:blur(3px)}
.rn-side-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;font-size:17px}
.rn-side-group{display:grid;gap:2px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}
.rn-side-head+.rn-side-group{border-top:0}
.rn-side-title{margin:4px 10px 6px;font:700 10.5px/1 var(--rn-font);letter-spacing:.18em;color:#7d89a7}
.rn-side-link{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:9px 12px;border-radius:12px;border:1px solid transparent;background:none;text-decoration:none;color:#c9d2ec;font-weight:500;font-size:14.5px;text-align:left;cursor:pointer;transition:background .15s,color .15s,box-shadow .2s}
.rn-side-link span:first-of-type{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-side-link .rn-i{width:19px;height:19px;color:#aab6d6}
.rn-side-link>.rn-i:last-child:not(:first-child){width:14px;height:14px;opacity:.6}
.rn-side-link:hover{background:rgba(0,191,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(0,191,255,.18)}
.rn-side-link:hover .rn-i{color:var(--rn-blue)}
.rn-side-link.is-active{background:var(--rn-grad-sel);color:#fff;border-color:var(--rn-line-2);box-shadow:0 0 18px rgba(117,69,255,.25)}
.rn-side-link.is-active .rn-i{color:#fff}
.rn-side-hl{color:#fff;background:linear-gradient(90deg,rgba(117,69,255,.3),rgba(236,56,216,.24));border-color:var(--rn-line-2);font-weight:700}
.rn-side-social{margin:12px 6px 0}
@media(min-width:1024px){
 .rn-side-btn{display:none}
 .rn-shell{display:grid;grid-template-columns:var(--rn-side-w) minmax(0,1fr)}
 .rn-side{position:sticky;top:var(--rn-header);height:calc(100vh - var(--rn-header) - var(--rn-mini-h));width:auto;transform:none;visibility:visible;box-shadow:none;z-index:20;background:var(--rn-side);margin:14px 0 0 14px;border:1px solid var(--rn-line);border-radius:18px;height:calc(100vh - var(--rn-header) - var(--rn-mini-h) - 28px)}
 .rn-side-head{display:none}
 .rn-side-bg{display:none!important}
 .rn-content{padding:0 22px calc(28px + var(--rn-mini-h)) 22px}
}
@media(min-width:1024px) and (max-width:1199px){body.rn-side-collapsed .rn-shell{grid-template-columns:76px minmax(0,1fr)}body.rn-side-collapsed .rn-side-link span,body.rn-side-collapsed .rn-side-title,body.rn-side-collapsed .rn-side-social,body.rn-side-collapsed .rn-side-link>.rn-i:last-child:not(:first-child){display:none}}

/* BannerCarousel */
.rn-banner{position:relative;margin:16px 0 0;border-radius:22px;overflow:hidden;border:1px solid var(--rn-line);min-height:300px;background:#081129}
.rn-banner-track{position:relative;min-height:inherit}
.rn-slide{position:absolute;inset:0;display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.rn-slide.is-on{opacity:1;visibility:visible;position:relative;min-height:300px}
.rn-slide-bg{position:absolute;inset:0;background:radial-gradient(700px 380px at 78% 30%,rgba(117,69,255,.55),transparent 62%),radial-gradient(520px 320px at 100% 100%,rgba(236,56,216,.42),transparent 60%),radial-gradient(600px 360px at 5% 100%,rgba(0,191,255,.28),transparent 60%),#070f24}
.rn-slide-bg>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rn-slide-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,24,.92) 0%,rgba(5,11,24,.55) 55%,rgba(5,11,24,.15)),linear-gradient(0deg,rgba(5,11,24,.75),transparent 55%)}
.rn-slide-art{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:min(38%,380px);opacity:.92;filter:drop-shadow(0 18px 50px rgba(236,56,216,.35))}
.rn-slide-art img{width:100%;height:auto}
.rn-slide-waves{position:absolute;inset:auto 0 0;height:55%;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(0,191,255,.08) 9px 11px);mask-image:radial-gradient(80% 100% at 70% 100%,#000,transparent 70%);-webkit-mask-image:radial-gradient(80% 100% at 70% 100%,#000,transparent 70%)}
.rn-slide-txt{position:relative;z-index:1;padding:26px 22px 54px;max-width:640px}
.rn-slide-title{font:800 clamp(26px,5.4vw,52px)/1.02 var(--rn-font-h);letter-spacing:.08em;margin:0 0 12px;text-shadow:0 6px 30px rgba(0,0,0,.45)}
.rn-slide-sub{color:#dfe5f7;font-size:clamp(14.5px,2vw,17px);margin:0 0 18px;max-width:46ch}
.rn-banner-nav{position:absolute;bottom:14px;z-index:2;display:none;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--rn-line);background:rgba(5,11,24,.55);cursor:pointer;color:#fff}
.rn-banner-nav:hover{background:rgba(117,69,255,.45)}
.rn-banner-prev{right:66px}.rn-banner-next{right:14px}
.rn-banner-dots{position:absolute;left:22px;bottom:18px;z-index:2;display:flex;gap:8px}
.rn-banner-dots button{width:9px;height:9px;padding:0;border-radius:99px;border:0;background:rgba(255,255,255,.35);cursor:pointer;transition:width .25s,background .25s}
.rn-banner-dots button[aria-current="true"]{width:26px;background:var(--rn-grad)}
@media(min-width:768px){.rn-banner,.rn-slide.is-on{min-height:360px}.rn-slide-txt{padding:40px 70px 60px 44px}.rn-banner-nav{display:grid}.rn-banner-dots{left:44px}}
@media(max-width:767px){.rn-slide-art{right:-6%;top:22%;width:58%;opacity:.35}}

/* RadioPlayer */
.rn-home-player{display:grid;gap:14px}
@media(min-width:1280px){.rn-home-player{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch}}
.rn-section-player{margin-top:18px}
.rn-player{display:grid;grid-template-columns:84px 1fr;gap:12px 16px;padding:16px;border-color:var(--rn-line-2);box-shadow:var(--rn-glow)}
.rn-player>*{min-width:0}
.rn-player-cover img{width:84px;height:84px;object-fit:contain;border-radius:14px;background:#0a1124;border:1px solid var(--rn-line)}
.rn-player-tag{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rn-player-info h2{font:800 clamp(18px,3vw,25px)/1.15 var(--rn-font-h);margin:8px 0 2px;text-transform:uppercase;letter-spacing:.03em}
.rn-player-slogan{margin:0 0 6px;font-size:13px}
.rn-now{display:grid;min-width:0}
.rn-now b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-now span{color:var(--rn-muted);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-program{display:block;color:var(--rn-blue);font-size:12.5px;margin-top:4px}
.rn-player-eq{grid-column:1/-1;overflow:hidden;display:flex;justify-content:center}
.rn-player-ctrl{grid-column:1/-1;display:flex;align-items:center;gap:12px;justify-content:space-between}
.rn-player-tools{display:flex;align-items:center;gap:2px;flex:1;justify-content:flex-end;min-width:0}
.rn-player-status{grid-column:1/-1;margin:0;font-size:12.5px;color:var(--rn-muted)}
.rn-player.is-error .rn-player-status,.rn-exp-status.is-error{color:#fda4af}
.rn-vol{display:inline-flex;align-items:center;gap:8px;color:#dfe5ff;min-width:0}
.rn-vol input{width:100%;max-width:110px;accent-color:var(--rn-blue)}
.rn-play{position:relative;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#fff;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent 60%),#170a30;border:3px solid var(--rn-pink);box-shadow:0 0 0 4px rgba(236,56,216,.12),0 0 28px rgba(236,56,216,.55),inset 0 0 18px rgba(236,56,216,.35);transition:transform .15s,box-shadow .2s;flex:none}
.rn-play:hover{transform:scale(1.04);box-shadow:0 0 0 6px rgba(236,56,216,.16),0 0 38px rgba(236,56,216,.7),inset 0 0 18px rgba(236,56,216,.4)}
.rn-play .rn-i{width:42%;height:42%}
.rn-play .rn-i+.rn-i,.rn-track-play .rn-i+.rn-i{display:none}
.rn-play.is-on .rn-i:first-child,.rn-track-play.is-on .rn-i:first-child{display:none}
.rn-play.is-on .rn-i+.rn-i,.rn-track-play.is-on .rn-i+.rn-i{display:block}
.rn-play.is-loading::after,.rn-track-play.is-loading::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid transparent;border-top-color:var(--rn-blue);animation:rnSpin .9s linear infinite}
@keyframes rnSpin{to{transform:rotate(360deg)}}
.rn-play-xl{width:74px;height:74px}
.rn-play-md{width:50px;height:50px;border-width:2px}
@media(min-width:900px){
 .rn-player{grid-template-columns:140px minmax(0,1.2fr) minmax(0,.9fr) auto;align-items:center;padding:20px 24px;gap:8px 24px}
 .rn-player-cover img{width:140px;height:140px}
 .rn-player-eq{grid-column:auto}
 .rn-player-ctrl{grid-column:auto;flex-direction:column;align-items:center;gap:10px}
 .rn-player-tools{justify-content:center}
 .rn-player-status{grid-column:2/-1}
 .rn-play-xl{width:88px;height:88px}
}
.rn-timeline{display:grid;gap:10px;padding:16px;align-content:start}
.rn-tl-item{display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--rn-line)}
.rn-tl-item.is-now{border-color:rgba(236,56,216,.45);background:linear-gradient(90deg,rgba(236,56,216,.12),transparent)}
.rn-tl-item b{font-size:15px}.rn-tl-item small{color:var(--rn-muted)}
.rn-tl-label{font:800 9.5px/1 var(--rn-font);letter-spacing:.14em;color:var(--rn-blue)}
.rn-tl-item .rn-badge-prev{justify-self:start}
.rn-embed{margin:14px 0 0;padding:0 16px}
.rn-embed summary{display:flex;align-items:center;gap:8px;padding:14px 0;cursor:pointer;font-weight:600}
.rn-embed iframe{width:100%;border:0;border-radius:12px;background:#0a1124}
.rn-embed p{font-size:12.5px;margin:6px 0 14px}

/* Linhas horizontais e grades */
.rn-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(178px,62%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin;scrollbar-color:rgba(117,69,255,.5) transparent}
.rn-row>*{scroll-snap-align:start;min-width:0}
@media(min-width:560px){.rn-row{grid-auto-columns:minmax(190px,40%)}}
@media(min-width:900px){.rn-row{grid-auto-columns:minmax(200px,calc((100% - 56px)/5))}}
@media(min-width:1500px){.rn-row{grid-auto-columns:calc((100% - 70px)/6)}}
.rn-row-genres{grid-auto-columns:minmax(150px,46%)}
@media(min-width:900px){.rn-row-genres{grid-auto-columns:calc((100% - 70px)/6)}}
.rn-grid{display:grid;gap:14px}
.rn-grid>*{min-width:0}
.rn-grid-radios{grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr))}
.rn-grid-tracks{grid-template-columns:repeat(auto-fill,minmax(min(46%,170px),1fr))}
.rn-grid-artists{grid-template-columns:repeat(auto-fill,minmax(min(46%,170px),1fr))}

/* RadioCard */
.rn-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 12px;border-radius:18px;background:linear-gradient(170deg,rgba(54,30,120,.5),var(--rn-card) 55%);border:1px solid var(--rn-line-2);box-shadow:0 10px 28px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s}
.rn-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(236,56,216,.45),0 16px 40px rgba(117,69,255,.3)}
.rn-card-logo{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1/1;border-radius:14px;background:radial-gradient(circle at 50% 40%,rgba(117,69,255,.4),rgba(5,11,24,.92) 72%);margin-bottom:10px;overflow:hidden}
.rn-card-logo img{max-width:80%;max-height:80%;object-fit:contain;transition:transform .3s}
.rn-card:hover .rn-card-logo img{transform:scale(1.05)}
.rn-card-flag{position:absolute;left:8px;top:8px;padding:3px 7px;border-radius:6px;background:var(--rn-grad);font:800 9px/1 var(--rn-font);letter-spacing:.12em}
.rn-fav-btn{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:rgba(5,11,24,.6);color:#dfe5ff;cursor:pointer;z-index:2}
.rn-fav-btn .rn-i{width:17px;height:17px}
.rn-fav-btn:hover{color:var(--rn-pink)}
.rn-card h3{margin:0;font:800 14.5px/1.2 var(--rn-font-h);text-transform:uppercase;letter-spacing:.02em}
.rn-card h3 a{text-decoration:none}
.rn-card-loc{margin:4px 0 0;font-size:11px;letter-spacing:.07em;color:#c3cbe6}
.rn-card-meta{margin:3px 0 0;font-size:12px;color:var(--rn-muted);min-height:1.2em}
.rn-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px;width:100%}
.rn-card-actions .rn-btn{flex:1 1 auto;padding:8px 10px;min-height:38px;font-size:11.5px}
.rn-card-actions .rn-i{width:14px;height:14px}
.rn-card .rn-btn-pink.is-on{background:linear-gradient(90deg,var(--rn-pink),var(--rn-purple))}
@media(max-width:640px){
 .rn-grid-radios{gap:10px}
 .rn-grid-radios .rn-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;column-gap:12px;row-gap:1px;align-items:center;text-align:left;padding:10px 12px;border-radius:16px}
 .rn-grid-radios .rn-card-logo{grid-row:1/5;width:62px;height:62px;aspect-ratio:auto;margin:0;border-radius:12px}
 .rn-grid-radios .rn-card-flag{display:none}
 .rn-grid-radios .rn-fav-btn{position:static;grid-column:3;grid-row:1/3;align-self:center;background:none}
 .rn-grid-radios .rn-card h3{grid-column:2;font-size:13.5px}
 .rn-grid-radios .rn-card-loc,.rn-grid-radios .rn-card-meta{grid-column:2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0}
 .rn-grid-radios .rn-state{grid-column:2;justify-self:start;margin:3px 0 0;padding:3px 8px;font-size:9px}
 .rn-grid-radios .rn-card-actions{grid-column:3;grid-row:3/5;width:auto;padding:0;margin:0}
 .rn-grid-radios .rn-card-actions .rn-btn-ghost{display:none}
 .rn-grid-radios .rn-card-actions .rn-btn-pink{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%}
 .rn-grid-radios .rn-card-actions .rn-btn-pink span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}

/* TrackCard / AlbumCard */
.rn-track{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;background:var(--rn-card);border:1px solid var(--rn-line);transition:transform .2s,box-shadow .2s,border-color .2s}
.rn-track:hover{transform:translateY(-3px);border-color:rgba(236,56,216,.45);box-shadow:0 14px 36px rgba(117,69,255,.25)}
.rn-track-cover{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#0a1124}
.rn-track-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.rn-track:hover .rn-track-cover img{transform:scale(1.06)}
.rn-track-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,11,24,.6),transparent 50%);pointer-events:none}
.rn-track-play{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;color:#fff;background:var(--rn-grad-btn);box-shadow:0 8px 24px rgba(236,56,216,.45);transition:transform .2s,opacity .2s}
.rn-track-play .rn-i{width:20px;height:20px}
.rn-track-play:hover{transform:scale(1.08)}
@media(hover:hover){.rn-track .rn-track-play:not(.is-on){opacity:.0;transform:translateY(6px)}.rn-track:hover .rn-track-play,.rn-track:focus-within .rn-track-play{opacity:1;transform:none}}
.rn-new,.rn-rank{position:absolute;left:8px;top:8px;z-index:2;padding:4px 8px;border-radius:7px;font:800 10px/1 var(--rn-font);letter-spacing:.1em}
.rn-new{background:rgba(5,11,24,.7);border:1px solid var(--rn-pink);color:#ff9cf1}
.rn-rank{background:var(--rn-grad);font-size:13px;letter-spacing:0;min-width:28px;text-align:center}
.rn-track-txt{min-width:0;padding:0 2px}
.rn-track-txt h3{margin:0;font:700 14px/1.25 var(--rn-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-track-txt a{display:block;color:var(--rn-muted);font-size:13px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-track-txt a:hover{color:#fff}
.rn-track-meta{margin:2px 0 0;font-size:11.5px;color:#7f8bab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-track .rn-fav-btn{top:16px;right:16px}

/* ArtistCard */
.rn-artist{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 10px;border-radius:18px;background:var(--rn-card);border:1px solid var(--rn-line);transition:transform .2s,border-color .2s}
.rn-artist:hover{transform:translateY(-3px);border-color:var(--rn-line-2)}
.rn-artist-photo{display:block;width:min(140px,78%);aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid transparent;background:var(--rn-grad) border-box;box-shadow:0 10px 30px rgba(117,69,255,.3)}
.rn-artist-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#0a1124}
.rn-artist h3{margin:4px 0 0;font:700 15px/1.2 var(--rn-font-h);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-artist h3 a{text-decoration:none}
.rn-artist .rn-track-meta{max-width:100%}
.rn-artist .rn-btn{margin-top:4px}

/* GenreCard */
.rn-genre{position:relative;display:flex;align-items:flex-end;aspect-ratio:16/10;border-radius:16px;overflow:hidden;text-decoration:none;border:1px solid var(--rn-line);background:radial-gradient(120% 90% at 85% 10%,hsl(var(--g) 90% 55% / .55),transparent 60%),radial-gradient(100% 80% at 0% 100%,hsl(calc(var(--g) + 60) 90% 55% / .45),transparent 60%),#0c1630;transition:transform .2s,box-shadow .2s}
.rn-genre:hover{transform:translateY(-3px);box-shadow:0 14px 34px hsl(var(--g) 90% 55% / .3)}
.rn-genre-art{position:absolute;right:10px;top:10px;opacity:.75}
.rn-genre-art .rn-eq{height:36px}
.rn-genre-art .rn-eq i{animation:rnEq 1.6s ease-in-out infinite;animation-delay:var(--d)}
.rn-genre-txt{position:relative;display:flex;align-items:center;gap:8px;padding:12px 14px}
.rn-genre-txt b{font:700 15px/1.1 var(--rn-font-h)}
.rn-genre-txt .rn-i{width:22px;height:22px;padding:3px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7)}

/* Hero de páginas */
.rn-page-hero{position:relative;margin:16px 0 0;border-radius:22px;overflow:hidden;border:1px solid var(--rn-line);background:radial-gradient(700px 360px at 85% 40%,rgba(0,191,255,.26),transparent 60%),radial-gradient(500px 300px at 10% 100%,rgba(117,69,255,.32),transparent 60%),radial-gradient(400px 260px at 100% 100%,rgba(236,56,216,.22),transparent 60%),#081129}
.rn-page-hero-in{display:grid;gap:12px;align-items:center;padding:24px 20px}
.rn-page-hero-sm .rn-page-hero-in{padding:22px 20px}
.rn-genre-hero{background:radial-gradient(700px 360px at 85% 30%,hsl(var(--g) 90% 55% / .45),transparent 60%),radial-gradient(500px 300px at 10% 100%,hsl(calc(var(--g) + 60) 90% 55% / .35),transparent 60%),#081129}
.rn-map{width:min(240px,64%);height:auto;justify-self:center}
.rn-map path{fill:rgba(0,191,255,.08);stroke:rgba(0,191,255,.45);stroke-width:2;transition:fill .2s}
.rn-map path.is-on{fill:rgba(117,69,255,.6);stroke:var(--rn-pink);cursor:pointer}
.rn-map path.is-on:hover,.rn-map path.is-sel{fill:var(--rn-pink)}
@media(min-width:860px){.rn-page-hero-in{grid-template-columns:1fr 300px;padding:34px 36px}.rn-page-hero-sm .rn-page-hero-in{grid-template-columns:1fr;padding:30px 36px}.rn-map{width:290px}}
.rn-crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--rn-muted)}
.rn-crumbs a{text-decoration:none;color:#c9d2ee}.rn-crumbs .rn-i{width:14px;height:14px}

/* Filtros */
.rn-filters{display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:10px}
@media(min-width:720px){.rn-filters{grid-template-columns:1fr 220px auto}.rn-filters-list,.rn-filters-one{grid-template-columns:1fr auto}}
.rn-filters-list{grid-template-columns:1fr}
.rn-field{display:flex;align-items:center;gap:8px;background:rgba(16,27,51,.9);border:1px solid var(--rn-line);border-radius:14px;padding:0 12px;min-height:48px;color:var(--rn-muted)}
.rn-field:focus-within{border-color:var(--rn-blue)}
.rn-field input,.rn-field select{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:inherit;outline:none;height:46px}
.rn-field select option{background:#101B33}
.rn-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;margin:4px 0 6px;scrollbar-width:none}
.rn-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:12px;border:1px solid var(--rn-line);background:rgba(16,27,51,.9);color:#c9d2ec;font-weight:600;font-size:13.5px;cursor:pointer;text-decoration:none;transition:all .2s;white-space:nowrap}
.rn-chip:hover{border-color:rgba(0,191,255,.5);color:#fff}
.rn-chip.is-on{background:var(--rn-grad-sel);border-color:var(--rn-line-2);color:#fff;box-shadow:0 0 18px rgba(117,69,255,.3)}
.rn-count{margin:6px 0 12px;font-size:13.5px}
.rn-more{display:flex;justify-content:center;margin-top:18px}
.rn-empty{display:grid;justify-items:center;text-align:center;gap:6px;padding:32px 18px}
.rn-empty .rn-i{width:42px;height:42px;color:var(--rn-purple)}
.rn-empty h2{margin:4px 0 0;font:700 19px/1.2 var(--rn-font-h)}

/* Página da rádio / artista */
.rn-fr-hero,.rn-artist-hero{position:relative;margin:16px 0 0;padding:16px 18px 26px;border-radius:22px;overflow:hidden;border:1px solid var(--rn-line);background:linear-gradient(90deg,rgba(5,11,24,.92),rgba(5,11,24,.5)),var(--rn-banner,none) center/cover no-repeat,radial-gradient(800px 380px at 80% 20%,rgba(117,69,255,.45),transparent 60%),radial-gradient(600px 320px at 10% 80%,rgba(0,191,255,.3),transparent 60%),#081129}
.rn-fr-hero-in{display:grid;gap:14px;align-items:center;margin-top:14px}
.rn-fr-logo{width:min(200px,52vw);height:auto;max-height:190px;object-fit:contain;filter:drop-shadow(0 10px 40px rgba(236,56,216,.35))}
.rn-artist-avatar{width:min(170px,44vw);aspect-ratio:1;border-radius:50%;object-fit:cover;border:3px solid var(--rn-pink);box-shadow:0 0 40px rgba(236,56,216,.4);background:#0a1124}
.rn-fr-loc{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 6px;color:#dfe5ff;font-weight:600;letter-spacing:.05em;font-size:13.5px}
.rn-fr-loc span{display:inline-flex;align-items:center;gap:6px}
.rn-fr-loc .rn-i{width:16px;height:16px;color:var(--rn-pink)}
.rn-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
@media(min-width:760px){.rn-fr-hero-in{grid-template-columns:auto 1fr;gap:28px}.rn-fr-hero,.rn-artist-hero{padding:20px 32px 34px}}
.rn-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--rn-line);margin:22px 0 18px;scrollbar-width:none}
.rn-tabs a{flex:none;padding:12px 16px;text-decoration:none;font-weight:600;color:#c9d2ee;border-bottom:2px solid transparent}
.rn-tabs a:hover,.rn-tabs a.is-active{color:#fff;border-bottom-color:var(--rn-pink)}
.rn-split{display:grid;gap:20px}
.rn-split>*{min-width:0}
@media(min-width:1100px){.rn-split{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}}
.rn-aside{display:grid;gap:16px;align-content:start}
.rn-block{padding:20px;margin-bottom:16px}
.rn-aside .rn-block{margin:0}
.rn-block .rn-btn{margin:6px 6px 0 0}
.rn-app{margin-top:16px;display:grid;gap:8px}.rn-app div{display:flex;gap:8px;flex-wrap:wrap}
.rn-about{padding:24px}
.rn-about .rn-btn{margin-top:14px}

/* Programação */
.rn-schedule{padding:18px 18px 10px}
.rn-schedule h3{display:flex;align-items:center;gap:8px;font:700 17px/1.2 var(--rn-font-h);margin:0 0 8px}
.rn-schedule h3 .rn-see{margin-left:auto;font-size:13px}
.rn-schedule ul{list-style:none;margin:0;padding:0}
.rn-schedule li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid rgba(255,255,255,.06)}
.rn-schedule li:first-child{border-top:0}
.rn-schedule time{font-weight:700;color:#dfe5ff}
.rn-schedule li>span:not(.rn-badge-prev){display:grid;min-width:0}
.rn-schedule small{color:var(--rn-muted)}
.rn-schedule li.is-now{background:linear-gradient(90deg,rgba(236,56,216,.14),transparent);border-radius:10px}
.rn-schedule li.is-now time,.rn-schedule li.is-now b{color:#ff8cf0}
.rn-sched-logo{width:34px;height:34px;object-fit:contain;border-radius:8px;background:#0a1124;display:inline-block}
.rn-programs{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.rn-program-card{display:flex;gap:14px;padding:14px}
.rn-program-card[hidden]{display:none}
.rn-program-card>img{width:76px;height:76px;border-radius:12px;object-fit:contain;background:#0a1124;flex:none}
.rn-program-card h3{margin:2px 0 4px;font:700 16px/1.2 var(--rn-font-h)}
.rn-program-card p{margin:0 0 4px;font-size:13.5px}
.rn-program-card.is-now{border-color:rgba(236,56,216,.55);box-shadow:0 0 24px rgba(236,56,216,.2)}
.rn-program-time{color:var(--rn-blue);font-weight:700;font-size:12.5px!important;letter-spacing:.03em}
.rn-host-role{display:flex;align-items:center;gap:6px;color:var(--rn-blue)}
.rn-host-role .rn-i{width:15px;height:15px}
.rn-hosts{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.rn-host{display:flex;gap:14px;padding:14px;align-items:flex-start}
.rn-host img{width:70px;height:70px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--rn-line-2);background:#0a1124}
.rn-host h3{margin:0;font:700 16px/1.2 var(--rn-font-h)}
.rn-host p{margin:4px 0 0;font-size:13.5px}
.rn-host-ig{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:#e7ebff;text-decoration:none}

/* RecentTracks */
.rn-recent-row{display:flex;align-items:center;gap:6px}
.rn-recent-row>*{min-width:0}
.rn-scroll-btn{display:none}
@media(min-width:900px){.rn-scroll-btn{display:inline-grid;border:1px solid var(--rn-line);background:rgba(255,255,255,.04)}}
.rn-recent-list{list-style:none;margin:0;padding:4px 2px 10px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;flex:1}
.rn-recent-list li{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:var(--rn-card);border:1px solid var(--rn-line);scroll-snap-align:start;min-width:0}
.rn-recent-list img{width:50px;height:50px;border-radius:10px;object-fit:contain;flex:none;background:#0a1124}
.rn-recent-list span{display:grid;min-width:0}
.rn-recent-list time{font-size:11.5px;color:var(--rn-blue);font-weight:700}
.rn-recent-list b,.rn-recent-list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-recent-list small{color:var(--rn-muted)}
.rn-recent.is-all .rn-recent-list{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));overflow:visible}
.rn-recent.is-all .rn-scroll-btn{display:none}

/* Club / planos / FAQ (franquias) */
.rn-club{display:grid;gap:18px;padding:22px}
@media(min-width:860px){.rn-club{grid-template-columns:1fr 1fr;align-items:center}}
.rn-club-table{display:grid;gap:6px}
.rn-club-table div{display:flex;justify-content:space-between;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--rn-line)}
.rn-club-table b{color:var(--rn-pink)}
.rn-plans{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
.rn-plan{padding:20px;display:flex;flex-direction:column;gap:6px;border-top:3px solid var(--plan,var(--rn-blue))}
.rn-plan h3{margin:0;font:800 20px/1.1 var(--rn-font-h)}
.rn-price{font:800 26px/1.1 var(--rn-font-h)}
.rn-plan ul{margin:6px 0 12px;padding-left:18px;color:#d6dcf0;font-size:14px}
.rn-plan .rn-btn{margin-top:auto}
.rn-faq details{padding:0 18px;margin-bottom:10px;border-radius:14px}
.rn-faq summary{cursor:pointer;padding:16px 0;font-weight:700;list-style:none}
.rn-faq summary::-webkit-details-marker{display:none}
.rn-faq summary::after{content:"+";float:right;color:var(--rn-pink);font-size:20px;line-height:1}
.rn-faq details[open] summary::after{content:"–"}
.rn-faq p{margin:0 0 16px;color:#d6dcf0}
.rn-wa-float{position:fixed;right:16px;bottom:calc(16px + var(--rn-mini-h) + env(safe-area-inset-bottom));z-index:55;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#1fae54;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.rn-wa-float .rn-i{width:28px;height:28px}
.rn-aff-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.rn-aff-card{display:flex;align-items:center;gap:14px;padding:16px;text-decoration:none}
.rn-aff-card span{display:grid;flex:1}.rn-aff-card small{color:var(--rn-muted)}
.rn-aff-card>.rn-i:first-child{width:30px;height:30px;color:var(--rn-blue)}
.rn-inline-i{display:inline-flex;vertical-align:-4px;color:var(--rn-pink)}

.rn-social{display:flex;gap:10px;flex-wrap:wrap}
.rn-social a{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--rn-line);color:#e7ebff}
.rn-social a:hover{background:rgba(117,69,255,.28)}
.rn-social-lg a{width:48px;height:48px}

/* FooterMYXA */
.rn-footer{margin-top:44px;border-top:1px solid var(--rn-line)}
.rn-footer-in{display:grid;gap:24px;padding:32px 0 20px;grid-template-columns:1fr}
@media(min-width:760px){.rn-footer-in{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.rn-footer h2{font:700 12.5px/1 var(--rn-font);letter-spacing:.16em;text-transform:uppercase;color:var(--rn-blue);margin:6px 0 12px}
.rn-footer-in>div{display:grid;gap:8px;align-content:start}
.rn-footer-in a{color:#c9d2ee;text-decoration:none}.rn-footer-in a:hover{color:#fff}
.rn-footer-brand img{height:52px;width:auto}.rn-footer-brand p{margin:6px 0 8px;color:var(--rn-muted)}
.rn-footer .rn-btn-wa{justify-self:start}
.rn-footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 0 6px;border-top:1px solid rgba(255,255,255,.06);font-size:13px;color:var(--rn-muted)}
.rn-footer-legal a{color:var(--rn-muted)}

/* MiniRadioPlayer (barra inferior persistente) */
.rn-mini{position:fixed;left:0;right:0;bottom:0;z-index:90;padding-bottom:env(safe-area-inset-bottom);background:rgba(8,14,32,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--rn-line-2);box-shadow:0 -10px 40px rgba(0,0,0,.45)}
.rn-mini::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--rn-grad);opacity:.8}
.rn-mini-in{display:flex;align-items:center;gap:10px;min-height:78px;padding:0 12px}
.rn-mini-id{display:flex;align-items:center;gap:12px;min-width:0;flex:1;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.rn-mini-id img{width:52px;height:52px;border-radius:12px;object-fit:contain;background:#0a1124;border:1px solid var(--rn-line);flex:none}
.rn-mini-txt{display:grid;min-width:0;gap:1px}
.rn-mini-badge{display:flex}
.rn-mini-txt b,.rn-mini-txt>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-mini-txt>span:last-child{color:var(--rn-muted);font-size:12.5px}
.rn-mini-center{display:flex;align-items:center;gap:12px;flex:none}
.rn-mini-center .rn-conn{display:none}
.rn-seek{display:none;align-items:center;gap:8px;font-size:11.5px;color:var(--rn-muted);font-variant-numeric:tabular-nums}
.rn-seek input{width:min(320px,26vw);accent-color:var(--rn-pink)}
.rn-mini .rn-eq,.rn-mini-vol,.rn-mini-share,.rn-mini-fav{display:none}
.rn-ondemand-badge{display:inline-flex;padding:3px 6px;border-radius:5px;border:1px solid rgba(0,191,255,.6);color:var(--rn-blue);font:800 8.5px/1 var(--rn-font);letter-spacing:.1em}
@media(min-width:760px){
 .rn-mini-in{padding:0 20px;gap:16px}
 .rn-mini .rn-eq{display:inline-flex;height:34px}.rn-mini-vol{display:inline-flex;width:140px}.rn-mini-share,.rn-mini-fav{display:inline-grid}
 .rn-mini-id{flex:0 1 330px}
 .rn-mini-center{flex:1;justify-content:center}
 .rn-mini-center .rn-conn{display:inline}
 .rn-seek:not([hidden]){display:flex}
}

/* ExpandedRadioPlayer */
.rn-expanded{border:0;padding:0;margin:auto;width:min(440px,100%);max-height:100%;background:transparent;color:#fff}
.rn-expanded::backdrop{background:rgba(2,5,14,.8);backdrop-filter:blur(6px)}
.rn-exp-in{display:grid;gap:12px;justify-items:center;text-align:center;padding:18px 20px 22px;border-radius:24px;background:linear-gradient(170deg,#1b1250,#0d1530 45%,#0a1124);border:1px solid var(--rn-line-2);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 40px rgba(117,69,255,.25)}
.rn-exp-top{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.rn-exp-top b{flex:1;font:700 13px/1.2 var(--rn-font);letter-spacing:.1em;text-transform:uppercase;color:var(--rn-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-exp-cover{position:relative;width:min(250px,66vw)}
.rn-exp-cover>img:first-child{width:100%;aspect-ratio:1;object-fit:contain;border-radius:20px;background:#0a1124;box-shadow:0 18px 50px rgba(236,56,216,.25)}
.rn-exp-logo{position:absolute;left:-10px;bottom:-10px;width:62px;height:62px;border-radius:14px;object-fit:contain;background:#0a1124;border:1px solid var(--rn-line-2)}
.rn-exp-track{display:grid;gap:2px;min-width:0;width:100%}
.rn-exp-track b{font:700 20px/1.2 var(--rn-font-h)}
.rn-exp-track span{color:#dfe5ff}.rn-exp-track small{color:var(--rn-blue)}
.rn-exp-status{margin:0;font-size:13px;color:var(--rn-muted);min-height:1em}
.rn-exp-ctrl{display:flex;align-items:center;justify-content:center;gap:22px;width:100%}
.rn-exp-vol{width:min(280px,90%)}.rn-exp-vol input{max-width:none}
.rn-exp-link{display:inline-flex;align-items:center;gap:6px;color:#c9d2ee;font-size:14px;text-decoration:none}
@media(max-width:520px){.rn-expanded{width:100%;height:100%;max-width:none;max-height:none;margin:0}.rn-exp-in{min-height:100%;border-radius:0;align-content:center}}

.rn-toast{position:fixed;left:50%;bottom:calc(20px + var(--rn-mini-h));transform:translateX(-50%);z-index:130;background:#fff;color:#0a1124;padding:10px 16px;border-radius:12px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.4)}
html.rn-busy #rn-main{opacity:.55;transition:opacity .2s}

@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .rn *,.rn *::before,.rn *::after{animation:none!important;transition:none!important}
}

/* v1.9.1 — logos oficiais MYXA */
.rn-hero-logo{display:block;height:clamp(96px,16vw,150px);width:auto;margin:0 0 10px;filter:drop-shadow(0 10px 30px rgba(117,69,255,.35))}
.rn-section-logo{display:block;height:clamp(80px,12vw,120px);width:auto;margin:0 0 6px;filter:drop-shadow(0 8px 24px rgba(117,69,255,.3))}
.rn-footer-brand img{height:84px;max-width:220px;object-fit:contain}

/* v1.9.2 — VideoSlot da home (vídeo de artista ou institucional ao lado do player) */
.rn-home-stage{display:grid;gap:14px;min-width:0}
.rn-home-stage>*{min-width:0}
.rn-video{display:grid;gap:10px;padding:12px;border-color:var(--rn-line-2);box-shadow:var(--rn-glow);align-content:start}
.rn-video-head{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;min-width:0;padding:2px 4px 0}
.rn-video-head b{font:700 15px/1.3 var(--rn-font-h);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 160px}
.rn-video-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font:700 11px/1 var(--rn-font);letter-spacing:.14em;color:#fff;background:var(--rn-grad-btn)}
.rn-video-tag .rn-i{width:14px;height:14px}
.rn-video-frame{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;border:1px solid var(--rn-line)}
.rn-video-frame video,.rn-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.rn-video-facade{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:radial-gradient(circle at 50% 45%,rgba(117,69,255,.45),#050B18 75%);display:grid;place-items:center}
.rn-video-facade img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .2s,transform .4s}
.rn-video-facade:hover img{opacity:1;transform:scale(1.02)}
.rn-video-btn{position:relative;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:#170a30cc;border:3px solid var(--rn-pink);box-shadow:0 0 0 5px rgba(236,56,216,.15),0 0 34px rgba(236,56,216,.6);transition:transform .15s}
.rn-video-btn .rn-i{width:40%;height:40%}
.rn-video-facade:hover .rn-video-btn{transform:scale(1.06)}
.rn-video-hint{position:absolute;left:10px;bottom:10px;padding:5px 9px;border-radius:8px;background:rgba(5,11,24,.78);font-size:12px;color:#dfe5ff}
.rn-video-link{justify-self:start;padding:2px 4px}
.rn-home-video-only .rn-video{max-width:860px}
@media(min-width:1100px){
 .rn-home-stage{grid-template-columns:minmax(0,1.2fr) minmax(330px,1fr);align-items:stretch}
 .rn-home-stage .rn-player{grid-template-columns:112px minmax(0,1fr);align-content:center;padding:18px 20px;gap:10px 16px}
 .rn-home-stage .rn-player-cover img{width:112px;height:112px}
 .rn-home-stage .rn-player-eq,.rn-home-stage .rn-player-ctrl,.rn-home-stage .rn-player-status{grid-column:1/-1}
 .rn-home-stage .rn-player-ctrl{flex-direction:row;align-items:center}
 .rn-home-stage .rn-player-tools{justify-content:flex-end}
}
@media(min-width:1280px){.rn-home-player.has-video{grid-template-columns:minmax(0,1fr) 280px}}
/* Logos horizontais das franquias no mini player e no player expandido */
.rn-exp-logo{width:auto;max-width:150px;height:46px;padding:5px 8px}
@media(min-width:1280px){.rn-home-player:not(:has(>.rn-timeline)){grid-template-columns:minmax(0,1fr)}}
/* v1.9.3 — logo principal MYXA SmartStreaming no cabeçalho e atalho "Baixar app" */
.rn-logo.rn-logo-main img{height:42px;max-width:180px}
@media(max-width:420px){.rn-logo.rn-logo-main img{height:34px;max-width:128px}}
.rn-app-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:700;font-size:13px;color:#fff;background:var(--rn-grad-btn);box-shadow:0 6px 18px rgba(236,56,216,.25);flex:none}
.rn-app-btn .rn-i{width:18px;height:18px}
.rn-app-btn span{display:none}
@media(min-width:768px){.rn-app-btn span{display:inline}}
/* v1.9.4 — logos das Rádios Afiliadas (sobre fundo claro: os logos têm partes escuras) */
.rn-aff-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.rn-aff-logo-card{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px!important}
.rn-aff-plate{grid-column:1/-1;display:grid;place-items:center;height:118px;border-radius:14px;background:linear-gradient(160deg,#ffffff,#eef1fb);padding:12px 16px}
.rn-aff-plate img{max-width:100%;max-height:94px;width:auto;height:auto;object-fit:contain;transition:transform .25s}
.rn-aff-logo-card:hover .rn-aff-plate img{transform:scale(1.04)}
.rn-aff-name{display:grid;min-width:0}
.rn-side-aff{display:grid;place-items:center;height:64px;margin:4px 6px 8px;border-radius:12px;background:linear-gradient(160deg,#ffffff,#eef1fb);padding:6px 10px;border:1px solid var(--rn-line)}
.rn-side-aff img{max-height:52px;max-width:100%;width:auto;object-fit:contain}
.rn-side-aff:hover{box-shadow:0 0 0 2px var(--rn-purple)}
.rn-foot-aff{display:inline-grid!important;place-items:center;height:56px;width:180px;max-width:100%;margin:4px 0 8px;border-radius:12px;background:linear-gradient(160deg,#ffffff,#eef1fb);padding:6px 10px}
.rn-foot-aff img{max-height:44px;max-width:100%;width:auto;object-fit:contain}

/* v1.9.6 — Quiz Artístico MYXA */
.rn-quiz-wrap{max-width:1100px;margin:28px auto;padding:0 16px}
.rn-quiz-hero{display:grid;gap:20px;padding:28px;align-items:center;grid-template-columns:1fr}
@media(min-width:900px){.rn-quiz-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}}
.rn-quiz-hero-txt .rn-h1{margin:4px 0 10px}
.rn-quiz-sub{color:#A7B4CE;font-size:17px;margin:0 0 10px}
.rn-quiz-hero-art img{max-width:100%;height:auto;border-radius:18px;filter:drop-shadow(0 20px 50px rgba(236,56,216,.35))}
.rn-btn-xl{font-size:16px;padding:14px 22px;border-radius:14px;letter-spacing:.08em}
.rn-quiz-stage{margin:26px 0;padding:0}
.rn-quiz-progress{height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-bottom:8px}
.rn-quiz-progress span{display:block;height:100%;background:linear-gradient(90deg,#00BFFF,#7545FF,#EC38D8);width:0;transition:width .35s}
.rn-quiz-count{margin:0 0 14px;color:#A7B4CE;font-size:13.5px}.rn-quiz-count b{color:#fff}
.rn-quiz-card{padding:22px;transition:transform .25s,opacity .25s}
.rn-quiz-card.is-shake{animation:rnQuizShake .4s}
@keyframes rnQuizShake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}
.rn-quiz-num{margin:0 0 4px;color:var(--rn-blue);font:800 11.5px/1 var(--rn-font);letter-spacing:.18em;text-transform:uppercase}
.rn-quiz-tag{color:#EC38D8;font-weight:700;text-transform:none;letter-spacing:0;font-size:12px}
.rn-quiz-q{font:700 clamp(18px,2.6vw,24px)/1.3 var(--rn-font-h);margin:0 0 14px;color:#fff}
.rn-quiz-opts{display:grid;gap:8px}
.rn-quiz-opt{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--rn-line);cursor:pointer;transition:background .15s,border-color .15s,transform .1s}
.rn-quiz-opt:hover{background:rgba(117,69,255,.08);border-color:rgba(117,69,255,.4)}
.rn-quiz-opt.is-on{background:linear-gradient(90deg,rgba(0,191,255,.14),rgba(236,56,216,.14));border-color:var(--rn-pink);box-shadow:0 0 0 2px rgba(236,56,216,.2)}
.rn-quiz-opt input{accent-color:var(--rn-pink);flex:none}
.rn-quiz-other{display:grid;gap:4px;margin-top:10px;color:#A7B4CE;font-size:13px}
.rn-quiz-other input{padding:10px 12px;border-radius:10px;border:1px solid var(--rn-line);background:#050B18;color:#fff}
.rn-quiz-nav{display:flex;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap}
.rn-btn-ghost{background:transparent;border:1px solid var(--rn-line);color:#dfe5ff;padding:12px 18px;border-radius:12px}
.rn-btn-ghost:hover{background:rgba(255,255,255,.06)}
.rn-quiz-fields{padding:22px;display:grid;gap:12px}
.rn-quiz-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:720px){.rn-quiz-grid{grid-template-columns:1fr 1fr}}
.rn-quiz-grid label{display:grid;gap:4px;color:#A7B4CE;font-size:13px}
.rn-quiz-grid input,.rn-quiz-grid select{padding:10px 12px;border-radius:10px;border:1px solid var(--rn-line);background:#050B18;color:#fff;font:inherit}
.rn-quiz-grid .rn-quiz-full{grid-column:1/-1}
.rn-check{display:flex;align-items:flex-start;gap:8px;color:#dfe5ff;font-size:13px}
.rn-quiz-error{color:#fda4af;background:rgba(253,164,175,.12);border:1px solid rgba(253,164,175,.4);padding:10px 12px;border-radius:10px;margin:0}
.rn-btn{background:var(--rn-grad-btn);color:#fff;border:0;padding:12px 18px;border-radius:12px;font:700 14px/1 var(--rn-font);cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.rn-btn:hover{filter:brightness(1.1)}