.radio-page{background:radial-gradient(circle at 82% 4%,rgba(212,175,55,.18),transparent 30%),var(--cream)}
.radio-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:28px;align-items:center;margin:28px 0}
.radio-hero>div:first-child{padding:28px 10px}.radio-hero h1{font-size:clamp(44px,7vw,86px);line-height:.95;margin:12px 0 18px;max-width:820px}
.radio-live-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:#15110a;color:#f6d778;font-weight:900;letter-spacing:.08em}
.radio-live-badge span{width:10px;height:10px;background:#eb3f2f;border-radius:50%;box-shadow:0 0 0 5px rgba(235,63,47,.2);animation:radio-pulse 1.6s infinite}
.radio-console{position:relative;overflow:hidden;background:linear-gradient(145deg,#102c1d,#07140d);color:#fff;border:1px solid rgba(246,215,120,.35);border-radius:26px;padding:25px;box-shadow:0 25px 65px rgba(0,0,0,.25)}
.radio-console:after{content:"";position:absolute;inset:auto -20% -45% 20%;height:220px;background:radial-gradient(circle,rgba(212,175,55,.26),transparent 68%);pointer-events:none}
.radio-art{font-size:58px}.radio-now small{color:#f6d778;font-weight:900;letter-spacing:.12em}.radio-now h2{font-size:29px;margin:7px 0}.radio-now p{min-height:44px;color:#dbe8df}
.radio-controls{display:flex;align-items:center;justify-content:center;gap:13px;margin:24px 0 16px;position:relative;z-index:1}.radio-controls button{cursor:pointer}.radio-round{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:19px}.radio-play{min-width:150px;border:0;border-radius:999px;padding:15px 22px;background:#f2c84b;color:#251905;font-weight:900;font-size:16px}
.radio-volume{display:flex;align-items:center;gap:10px;font-size:15px}.radio-volume input{flex:1}.radio-status{font-size:15px;color:#d7e5db;margin-bottom:0}
.radio-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;margin:34px 0}.radio-schedule{display:grid;gap:10px}.radio-program{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.radio-program button{border:0;background:transparent;color:var(--green);font-weight:900;cursor:pointer}.radio-program.active{border-color:var(--gold);box-shadow:inset 5px 0 var(--gold)}.radio-program time{font-weight:900}.radio-program small{display:block;color:var(--muted);margin-top:4px;font-size:14px}.radio-about li{margin:9px 0}.radio-cta{display:inline-block;margin-top:7px;font-weight:900}
.radio-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.radio-fact{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.radio-fact .fact-region{color:var(--green);font-weight:900}.radio-fact button{border:0;background:none;color:var(--green);padding:0;font-weight:900;cursor:pointer}.radio-submit{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:30px}.radio-submit>div{max-width:800px}
@keyframes radio-pulse{50%{transform:scale(.78);opacity:.65}}
@media(max-width:900px){.radio-hero,.radio-grid{grid-template-columns:1fr}.radio-facts{grid-template-columns:1fr 1fr}.radio-hero>div:first-child{padding:12px 0}.radio-console{border-radius:18px}}
@media(max-width:580px){.radio-facts{grid-template-columns:1fr}.radio-program{grid-template-columns:72px 1fr}.radio-program button{grid-column:2}.radio-submit{align-items:flex-start;flex-direction:column}.radio-hero h1{font-size:48px}}
