:root{--gold:#d7aa68;--red:#b3151f;--cream:#f5dfbf;--deep:#02030a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--deep);color:#fff}body{font-family:"DM Sans",sans-serif;overflow-x:hidden}button,input{font:inherit}a{color:inherit}.radio-scene{position:relative;min-height:100svh;overflow:hidden;background:#071b5c;isolation:isolate;padding-bottom:18px}.scene-bg{position:fixed;inset:0;z-index:-5;background:url("../assets/background-desktop.jpg") center/cover no-repeat;filter:saturate(1.02) contrast(1.03)}.scene-vignette{position:fixed;inset:0;z-index:-4;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.72) 0 9%,transparent 23% 72%,rgba(0,0,0,.76) 100%),radial-gradient(circle at 50% 46%,transparent 42%,rgba(0,0,0,.28) 100%)}.topbar{height:82px;display:grid;grid-template-columns:220px 1fr 120px;align-items:center;padding:0 28px;background:rgba(2,3,10,.94);border-bottom:1px solid rgba(215,170,104,.12);position:relative;z-index:10}.hell-logo{text-decoration:none;display:flex;flex-direction:column;line-height:1}.hell-logo span{font-size:.62rem;letter-spacing:.14em;color:#d04a50}.hell-logo strong{font:400 1.95rem/.9 "Rye";color:var(--cream)}.hell-logo small{font-size:.46rem;color:#31b9ff;letter-spacing:.16em;margin-top:6px}.topnav{display:flex;justify-content:center;gap:28px}.topnav a{text-decoration:none;color:#ddc8a5;font-size:.6rem;font-weight:600;letter-spacing:.08em;padding:30px 0;position:relative}.topnav a.active{color:#ef3c43}.topnav a.active:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:#ef3c43}.sound-state{text-align:right;color:var(--gold);font-size:.54rem;letter-spacing:.15em;line-height:1.45}.sound-state b{font-size:.78rem;color:#fff}.utility-row{position:relative;z-index:6;display:flex;justify-content:space-between;padding:14px 30px 0}.back{text-decoration:none;color:#f0b764;font-size:.67rem;letter-spacing:.08em}.barba-mark{width:88px}.intro{position:relative;z-index:4;text-align:center;width:min(980px,90vw);margin:-6px auto 0}.kicker{margin:0 0 8px;color:#ef4953;font-size:.6rem;letter-spacing:.18em}h1{margin:0;font:400 clamp(3rem,5.3vw,5.4rem)/.84 "Rye";text-transform:uppercase;color:var(--cream);text-shadow:0 5px 0 rgba(0,0,0,.3)}h1 span{color:var(--red)}.sub{margin:18px 0 0;color:#f1dec0;font-size:.95rem}.experience-grid{position:relative;z-index:4;display:grid;grid-template-columns:minmax(190px,220px) minmax(520px,760px) minmax(190px,220px);gap:22px;align-items:end;width:min(1320px,96vw);margin:28px auto 0}.panel-label{margin:0 0 9px 10px;color:var(--gold);font-size:.56rem}.station-list{display:flex;flex-direction:column}.station-list button{border:0;border-bottom:1px solid rgba(215,170,104,.13);background:rgba(2,3,10,.16);color:#f2dfbf;text-align:left;padding:8px 11px;min-height:47px}.station-list button span{display:block;font-size:.63rem}.station-list button small{color:#ef4c55;font-size:.54rem}.station-list button.active{border:1px solid rgba(255,67,74,.52);border-radius:8px;background:linear-gradient(90deg,rgba(155,16,25,.76),rgba(65,5,10,.46));box-shadow:0 0 18px rgba(180,18,28,.25)}.radio-wrap{position:relative;align-self:center}.radio-shadow{position:absolute;left:12%;right:12%;bottom:2%;height:34px;background:#000;border-radius:50%;filter:blur(18px);opacity:.62}.photo-radio{position:relative;width:100%;aspect-ratio:1.35/1;display:grid;place-items:center}.photo-radio:before{display:none!important}.radio-photo{content:url("../assets/radio-barba-azul.png.PNG");display:block!important;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 35px rgba(0,0,0,.58));position:relative;z-index:1}.radio-hotspots{position:absolute;inset:0;z-index:3}.hot{position:absolute;border:0;background:transparent;opacity:0}.hot.prev{left:19%;top:65%;width:13%;height:16%}.hot.power{left:39%;top:65%;width:16%;height:16%}.hot.next{left:58%;top:65%;width:13%;height:16%}.hot.tune{left:74%;top:70%;width:13%;height:16%}.hidden-volume{position:absolute;left:8%;bottom:6%;width:28%;opacity:0}.needle{display:none}.power-led{display:none}.radio-status{position:absolute;left:47%;top:28%;width:37%;text-align:center;pointer-events:none;z-index:4}.radio-status small{display:block;color:#8f2319;font-size:.43rem}.radio-status strong{display:block;color:#3d2616;font:400 clamp(.78rem,1.4vw,1.08rem) "Rye"}.radio-status span{color:#4d3423;font-size:.55rem}.on-air-card{border:1px solid rgba(215,170,104,.25);border-radius:12px;background:rgba(5,4,4,.82);padding:21px 15px;text-align:center}.on-air-card small{color:#ef3f48;font-size:.5rem}.on-air-card strong{display:block;margin:10px 0 4px;color:var(--cream);font:400 1.28rem "Rye"}.on-air-card span,.on-air-card p,.on-air-card em{color:#cfb48c;font-size:.64rem;font-style:normal}.on-air-card a{display:block;margin-top:17px;border:1px solid rgba(215,170,104,.36);padding:9px;text-decoration:none;color:var(--gold);font-size:.53rem}.equalizer{height:32px;display:flex;align-items:end;justify-content:center;gap:3px}.equalizer i{width:3px;background:#ed2431;height:20px}.bottom-player{position:relative;z-index:5;width:min(1020px,78vw);margin:16px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:9px 15px;border:1px solid rgba(215,170,104,.18);border-radius:10px;background:rgba(3,3,6,.82)}.track-card{display:flex;align-items:center;gap:11px}.cover{width:56px;height:56px;display:grid;place-items:center;background:#35150e;color:var(--gold)}.track-card div:nth-child(2){display:flex;flex-direction:column}.track-card small{color:#ef3f48;font-size:.46rem}.track-card strong{color:#f2ddb8;font-size:.78rem}.track-card span{color:#bea988;font-size:.64rem}.player-controls{display:flex;gap:13px}.player-controls button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(215,170,104,.2);background:#18100b;color:#f0d9b2}.bottom-volume{display:flex;justify-content:flex-end}.bottom-volume input{width:min(210px,18vw)}footer{text-align:center;margin-top:9px;color:#b69b74;font-size:.49rem}@media(max-width:920px){.topbar{grid-template-columns:1fr auto;height:72px}.topnav{display:none}.experience-grid{grid-template-columns:1fr;width:min(760px,94vw)}.radio-wrap{order:1}.stations{order:2}.on-air-card{order:3}.station-list{display:grid;grid-template-columns:1fr 1fr}.bottom-player{width:94vw}}@media(max-width:640px){.scene-bg{background-image:url("../assets/background-mobile.jpg")}.sound-state{display:none}.topbar{grid-template-columns:1fr;padding:0 13px}.barba-mark{width:70px}.intro{width:94vw}h1{font-size:clamp(2.55rem,12.5vw,3.9rem)}.experience-grid{margin-top:22px}.station-list{grid-template-columns:1fr}.bottom-player{grid-template-columns:1fr}.track-card,.player-controls,.bottom-volume{justify-content:center}.bottom-volume input{width:60vw}}