*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#080808 url("img/fondo.jpg") center top/cover fixed;color:#fff;font-family:Arial,Helvetica,sans-serif;padding-bottom:58px}.shade{position:fixed;inset:0;background:rgba(0,0,0,.54);z-index:-1}header{position:sticky;top:0;z-index:20;background:rgba(4,4,4,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,105,0,.7);min-height:70px;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand img{width:130px;display:block}nav{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.4px;cursor:pointer}nav a:hover{color:#ff7200}.hero{min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 15px 85px}.main-logo{width:min(560px,82vw);max-height:270px;object-fit:contain;filter:drop-shadow(0 15px 28px rgba(0,0,0,.65));margin-bottom:8px}.live-pill{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.7);border:1px solid #ff6b00;border-radius:30px;padding:8px 15px;font-size:12px;font-weight:900;letter-spacing:1.2px;color:#ff8500}.live-pill span{width:8px;height:8px;background:#ff4a00;border-radius:50%;box-shadow:0 0 10px #ff4a00;animation:blink 1.2s infinite}.subtitle{margin:10px 0 24px;color:#ddd;font-size:15px}.player-card{width:min(650px,94vw);background:linear-gradient(145deg,rgba(22,22,22,.97),rgba(4,4,4,.96));border:1px solid rgba(255,105,0,.8);border-radius:22px;padding:20px 22px 17px;box-shadow:0 20px 55px rgba(0,0,0,.55)}.player-top{display:flex;align-items:center;gap:15px;text-align:left}.disc{width:62px;height:62px;border-radius:50%;flex:none;background:repeating-radial-gradient(circle,#111 0 3px,#242424 4px 5px);border:2px solid #ff6b00;display:grid;place-items:center;box-shadow:0 0 18px rgba(255,105,0,.25);animation:spin 7s linear infinite paused}.disc-center{width:27px;height:27px;border-radius:50%;background:#ff6b00;color:#111;font-size:9px;font-weight:900;display:grid;place-items:center}.player-info{display:flex;flex-direction:column;gap:5px;min-width:0}.player-info b{font-size:14px}.player-info span{font-size:12px;color:#aaa}.eq{margin-left:auto;display:flex;align-items:end;gap:3px;height:28px}.eq i{display:block;width:3px;background:#ff7200;border-radius:4px;animation:bars .8s ease-in-out infinite}.eq i:nth-child(1){height:12px}.eq i:nth-child(2){height:22px;animation-delay:.1s}.eq i:nth-child(3){height:16px;animation-delay:.2s}.eq i:nth-child(4){height:27px;animation-delay:.3s}.eq i:nth-child(5){height:18px;animation-delay:.4s}.eq i:nth-child(6){height:24px;animation-delay:.5s}.eq i:nth-child(7){height:13px;animation-delay:.6s}.controls{display:flex;align-items:center;gap:16px;margin-top:20px}.play{width:58px;height:58px;border-radius:50%;padding:0;background:#ff7200;color:#111;font-size:21px;box-shadow:0 0 25px rgba(255,114,0,.3)}.play:hover{transform:scale(1.04)}.volume{display:flex;align-items:center;gap:8px;flex:1}.volume input{width:100%;accent-color:#ff7200}.onair{font-size:10px;font-weight:900;color:#ff7200;letter-spacing:1px}.hint{font-size:11px;color:#888;margin-top:12px}.install{margin-top:18px;background:#fff;color:#111;border:0;border-radius:8px;padding:11px 17px;font-weight:800;cursor:pointer}.ticker{position:fixed;z-index:50;bottom:0;left:0;right:0;height:58px;background:rgba(5,5,5,.97);border-top:2px solid #ff6800;display:flex;align-items:center}.ticker-title{height:100%;display:flex;align-items:center;padding:0 18px;background:#ff6800;color:#111;font-size:11px;font-weight:900;white-space:nowrap}.ticker-window{overflow:hidden;white-space:nowrap;flex:1}.ticker-items{display:inline-flex;align-items:center;gap:20px;padding-left:25px;animation:ticker 50s linear infinite}.ticker-items a{color:#fff;text-decoration:none;font-size:13px}.ticker-items a:hover{color:#ff8500}.ticker-items b{color:#ff6800}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes blink{50%{opacity:.35}}@keyframes bars{50%{transform:scaleY(.35)}}@keyframes spin{to{transform:rotate(360deg)}}audio{display:none}@media(max-width:700px){header{padding:8px 12px;flex-direction:column;gap:7px}.brand img{width:105px}nav{gap:13px}nav a{font-size:10px}.hero{padding-top:22px}.main-logo{width:88vw;max-height:210px}.player-card{padding:17px 15px}.player-top{gap:10px}.disc{width:52px;height:52px}.eq{display:none}.controls{gap:10px}.onair{font-size:9px}.ticker-title{padding:0 10px;font-size:9px}.ticker-items a{font-size:12px}}