:root{--bg:#050505;--panel:#0b0b0b;--panel2:#101010;--line:#2a1717;--red:#d50917;--deep:#8c0000;--gold:#c58b32;--text:#fff;--muted:#aaa;--green:#27d65b}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;background:#050505;color:var(--text);font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;padding-bottom:88px;overflow-x:hidden}.su-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 45% 25%,rgba(151,0,0,.18),transparent 23%),radial-gradient(circle at 82% 38%,rgba(197,139,50,.07),transparent 25%),linear-gradient(180deg,#050505 0,#080606 45%,#040404 100%)}.su-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.015) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.01) 50%,transparent 50.2%);background-size:60px 60px;opacity:.35}.su-topbar{height:92px;border-bottom:1px solid #261313;background:rgba(2,2,2,.94);position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}.su-topbar-inner{max-width:1460px;height:100%;margin:auto;padding:0 34px;display:flex;align-items:center;gap:34px}.su-brand{display:flex;align-items:center;text-decoration:none;color:#fff;min-width:260px}.su-brand img{width:205px;height:64px;object-fit:contain;object-position:left center}.su-brand span{font-size:12px;letter-spacing:5px;font-weight:900;margin-left:-55px;margin-top:51px;color:#fff}.su-nav{display:flex;align-items:stretch;height:100%;gap:26px;margin-left:auto}.su-nav a{height:100%;display:flex;align-items:center;gap:8px;color:#eee;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.2px;border-bottom:2px solid transparent;white-space:nowrap}.su-nav a.active,.su-nav a:hover{color:#fff;border-bottom-color:var(--red)}.su-nav a:first-child{color:#fff}.su-nav a:first-child::first-letter{color:var(--red)}.su-live-top{min-width:130px;border:1px solid #3c1c1c;border-radius:9px;padding:10px 13px;display:grid;grid-template-columns:14px 1fr;column-gap:8px;align-items:center}.su-live-top i{width:9px;height:9px;border-radius:50%;background:#e00014;box-shadow:0 0 0 4px rgba(224,0,20,.12);grid-row:1/3}.su-live-top b{font-size:11px}.su-live-top span{font-size:8px;color:#ff2734;font-weight:900}.su-menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}main{max-width:1460px;margin:auto;padding:24px 34px 38px}.su-hero{min-height:560px;display:grid;grid-template-columns:1.02fr 1.02fr 1.18fr;gap:35px;align-items:center;border-bottom:1px solid #211414;padding:20px 0 26px;position:relative}.su-hero:before{content:"RADIO 24/7";position:absolute;left:0;top:40px;font-size:102px;font-weight:1000;color:rgba(255,255,255,.022);letter-spacing:-8px;pointer-events:none}.su-kicker,.su-now-label{display:block;color:#ff1d29;font-size:10px;font-weight:1000;letter-spacing:1px}.su-hero-copy h1{margin:12px 0 18px;text-transform:uppercase;line-height:.86}.su-hero-copy h1 span{display:block;font-size:55px;font-weight:1000;letter-spacing:-2px}.su-hero-copy h1 strong{display:block;font-size:106px;color:#c40010;letter-spacing:-6px;text-shadow:0 0 20px rgba(213,9,23,.16)}.su-genres{font-size:13px;color:#bebebe;line-height:1.8;text-transform:uppercase;max-width:390px}.su-main-link{display:inline-flex;align-items:center;gap:18px;margin-top:30px;border:1px solid #a30912;border-radius:6px;padding:15px 24px;color:#fff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.7px}.su-main-link:hover{background:#9d0710}.su-disc-wrap{position:relative;display:grid;place-items:center;min-height:470px}.su-disc-ring{width:360px;height:360px;border-radius:50%;padding:17px;background:radial-gradient(circle,#070707 58%,#151515 59%,#070707 65%);border:2px solid #871019;box-shadow:0 0 0 7px rgba(216,8,24,.13),0 0 42px rgba(216,8,24,.38),inset 0 0 35px #000}.su-disc-inner{height:100%;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#030303;border:1px solid #3a1e1e}.su-disc-inner img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 12px 24px #000)}.su-live-badge{position:absolute;bottom:25px;background:#121212;border:1px solid #5c171b;padding:11px 25px;border-radius:7px;font-size:16px;font-weight:900}.su-live-badge i{display:inline-block;width:10px;height:10px;background:#f20b1d;border-radius:50%;margin-right:9px;box-shadow:0 0 0 5px rgba(242,11,29,.12)}.su-eq{position:absolute;bottom:66px;width:75px;height:85px;opacity:.65;background:repeating-linear-gradient(90deg,#8d0610 0 3px,transparent 3px 7px);clip-path:polygon(0 65%,5% 55%,10% 75%,15% 30%,20% 85%,25% 40%,30% 70%,35% 10%,40% 80%,45% 35%,50% 68%,55% 20%,60% 88%,65% 52%,70% 72%,75% 25%,80% 85%,85% 45%,90% 68%,95% 30%,100% 65%,100% 100%,0 100%)}.su-eq-left{left:0}.su-eq-right{right:0;transform:scaleX(-1)}.su-now-card{background:linear-gradient(180deg,rgba(13,13,13,.96),rgba(7,7,7,.96));border:1px solid #442020;border-radius:12px;padding:29px 30px 24px;box-shadow:0 18px 60px rgba(0,0,0,.3)}.su-now-card h2{font-size:30px;margin:14px 0 4px;line-height:1.15}.su-now-card>p{margin:0 0 25px;color:#bdbdbd;font-size:14px}.su-status-row{display:flex;gap:25px;color:#a9a9a9;font-size:11px;padding:0 0 20px}.su-status-row b{color:#ddd}.su-status-row .online{color:var(--green)}.su-progress-meta{display:flex;justify-content:space-between;color:#aaa;font-size:10px}.su-seek,.su-volume,.su-bottom-volume input{accent-color:#e10818;width:100%}.su-seek{margin:5px 0 17px}.su-controls{display:flex;align-items:center;gap:14px}.su-play{width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(145deg,#ff1826,#930000);color:white;font-size:22px;box-shadow:0 0 25px rgba(217,9,23,.38);cursor:pointer}.su-control{border:0;background:none;color:#fff;font-size:16px;cursor:pointer}.su-volume-icon{margin-left:8px}.su-volume{max-width:150px}.su-social-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;border-top:1px solid #292929;padding-top:17px}.su-social-row a{border:1px solid #292929;border-radius:6px;padding:11px 7px;color:#ddd;text-align:center;text-decoration:none;font-size:9px;font-weight:900}.su-social-row a:hover{border-color:#8c0000;color:#fff}.su-lower-grid{display:grid;grid-template-columns:2.1fr 1fr;gap:18px;margin-top:20px}.su-rotation,.su-side-card,.su-history{background:linear-gradient(180deg,#0b0b0b,#070707);border:1px solid #292020;border-radius:10px}.su-rotation{padding:22px}.su-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.su-section-head>div{display:flex;align-items:center;gap:10px}.su-section-head>div>span{color:#e30a1b;font-size:20px}.su-section-head h3{font-size:18px;margin:0}.su-section-head a,.su-section-head>span{font-size:10px;color:#bbb;text-decoration:none}.su-track-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.su-track{min-width:0;cursor:pointer}.su-track-cover{aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #302020;background:#0a0a0a;position:relative}.su-track-cover img{width:100%;height:100%;object-fit:cover}.su-track.active .su-track-cover{border-color:#e10c1d;box-shadow:0 0 18px rgba(225,12,29,.18)}.su-track.active .su-track-cover:after{content:"EN VIVO";position:absolute;right:0;top:0;background:#d10a17;color:white;font-size:8px;padding:5px 7px;font-weight:900}.su-track b,.su-track span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-track b{font-size:12px;margin-top:9px}.su-track span{font-size:10px;color:#aaa;margin-top:4px}.su-side{display:grid;gap:16px}.su-side-card{padding:21px}.su-side-title{display:flex;align-items:center;gap:9px;font-size:16px}.su-side-title:first-letter{color:#e10a1d}.su-side-card p{color:#b6b6b6;font-size:11px;line-height:1.55}.su-mini-tags{display:flex;flex-wrap:wrap;gap:7px}.su-mini-tags span,.su-coming{font-size:8px;font-weight:900;border:1px solid #342222;border-radius:99px;padding:7px 10px;color:#ddd}.su-app-card{display:flex;align-items:center;justify-content:space-between;min-height:180px}.su-app-card>div{max-width:65%}.su-app-card img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 12px 20px #000)}.su-coming{display:inline-block;color:#c58b32;border-color:#5e461e}.su-history{margin-top:18px;padding:22px}.su-history-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.su-history-item{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;border:1px solid #222;border-radius:7px;padding:8px}.su-history-item img{width:45px;height:45px;border-radius:5px;object-fit:cover;background:#050505}.su-history-item b,.su-history-item span{display:block}.su-history-item b{font-size:10px}.su-history-item span{font-size:9px;color:#8f8f8f;margin-top:3px}.su-history-item em{font-style:normal;color:#651217;font-size:16px}.su-bottom-player{position:fixed;bottom:0;left:0;right:0;height:82px;background:rgba(5,5,5,.97);border-top:1px solid #2d1717;z-index:60;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:7px 34px;backdrop-filter:blur(12px)}.su-bottom-track{display:flex;align-items:center;gap:12px;min-width:0}.su-bottom-track img{width:58px;height:58px;border-radius:6px;object-fit:cover;border:1px solid #861019;background:#090909}.su-bottom-track b,.su-bottom-track span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-bottom-track b{font-size:12px}.su-bottom-track span{font-size:10px;color:#aaa;margin-top:5px}.su-bottom-center{display:flex;align-items:center;justify-content:center;gap:21px}.su-bottom-center button{background:none;border:0;color:#fff;font-size:18px;cursor:pointer}.su-bottom-center .bottom-play{width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#ef1523,#900000);font-size:18px}.su-bottom-volume{display:flex;justify-content:flex-end;align-items:center;gap:9px}.su-bottom-volume input{max-width:160px}.su-footer{display:flex;justify-content:space-between;gap:15px;max-width:1460px;margin:0 auto;padding:24px 34px;color:#777;font-size:9px}.su-footer a{color:#c58b32;text-decoration:none}@media(max-width:1180px){.su-nav{gap:12px}.su-nav a{font-size:10px}.su-hero{grid-template-columns:1fr 1fr}.su-hero-copy{grid-column:1}.su-disc-wrap{grid-column:2}.su-now-card{grid-column:1/3}.su-track-grid{grid-template-columns:repeat(4,1fr)}.su-lower-grid{grid-template-columns:1fr}.su-side{grid-template-columns:1fr 1fr}}@media(max-width:820px){body{padding-bottom:72px}.su-topbar{height:auto;min-height:70px}.su-topbar-inner{padding:0 14px;min-height:70px;flex-wrap:wrap;gap:8px}.su-brand{min-width:auto}.su-brand img{width:145px;height:57px}.su-brand span{font-size:8px;margin-left:-42px;margin-top:42px}.su-menu-toggle{display:block;margin-left:auto}.su-live-top{min-width:105px;padding:7px 9px}.su-nav{display:none;width:100%;height:auto;order:5;flex-direction:column;gap:0;padding:6px 0 10px}.su-nav.open{display:flex}.su-nav a{height:auto;padding:11px 4px;border-bottom:1px solid #1d1212}.su-live-top b{font-size:9px}.su-live-top span{font-size:7px}main{padding:18px 14px 25px}.su-hero{grid-template-columns:1fr;gap:10px;text-align:center;min-height:auto}.su-hero-copy,.su-disc-wrap,.su-now-card{grid-column:auto}.su-hero-copy{padding-top:15px}.su-hero-copy h1 span{font-size:37px}.su-hero-copy h1 strong{font-size:74px}.su-genres{margin-left:auto;margin-right:auto}.su-disc-wrap{min-height:350px}.su-disc-ring{width:290px;height:290px}.su-live-badge{bottom:12px}.su-eq{display:none}.su-now-card{text-align:left}.su-track-grid{grid-template-columns:repeat(3,1fr)}.su-side{grid-template-columns:1fr}.su-history-list{grid-template-columns:1fr}.su-bottom-player{height:70px;padding:6px 12px;grid-template-columns:1fr auto}.su-bottom-center{gap:10px}.su-bottom-center button:nth-child(1),.su-bottom-center button:nth-child(5),.su-bottom-volume{display:none}.su-bottom-track img{width:48px;height:48px}.su-footer{padding:18px 14px 25px;flex-wrap:wrap}.su-social-row{grid-template-columns:1fr}.su-status-row{flex-wrap:wrap}.su-now-card h2{font-size:24px}}@media(max-width:520px){.su-live-top{display:none}.su-hero-copy h1 span{font-size:30px}.su-hero-copy h1 strong{font-size:60px}.su-disc-wrap{min-height:300px}.su-disc-ring{width:245px;height:245px}.su-now-card{padding:20px 16px}.su-track-grid{grid-template-columns:repeat(2,1fr);gap:12px}.su-app-card img{width:90px;height:90px}.su-bottom-track div{max-width:145px}.su-bottom-center button{font-size:14px}.su-bottom-center .bottom-play{width:44px;height:44px}.su-section-head h3{font-size:15px}}

/* SectorUrbano Radio V2.1 — movimiento visual del reproductor */
.su-disc-ring{position:relative;isolation:isolate;animation:suRingBreath 4.8s ease-in-out infinite}
.su-disc-ring::before,.su-disc-ring::after{content:"";position:absolute;pointer-events:none;border-radius:50%}
.su-disc-ring::before{inset:-13px;z-index:-1;padding:2px;background:conic-gradient(from 0deg,transparent 0 18%,rgba(244,10,29,.95) 25%,transparent 34% 58%,rgba(197,139,50,.72) 68%,transparent 78%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:suRingSpin 8s linear infinite;filter:drop-shadow(0 0 7px rgba(230,8,26,.45))}
.su-disc-ring::after{inset:-27px;border:1px solid rgba(222,10,27,.18);box-shadow:0 0 18px rgba(222,10,27,.12);animation:suOuterPulse 2.8s ease-out infinite}
.su-disc-inner{position:relative}
.su-disc-inner::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 54%,rgba(211,10,26,.10) 56%,transparent 59%),conic-gradient(from 90deg,transparent,rgba(211,10,26,.09),transparent 35%,rgba(197,139,50,.08),transparent 70%);animation:suInnerSpin 14s linear infinite;pointer-events:none}
.su-disc-inner img{position:relative;z-index:2;animation:suLogoFloat 3.4s ease-in-out infinite;will-change:transform,filter}
.su-live-badge i,.su-live-top i{animation:suLiveDot 1.25s ease-out infinite}

/* Ecualizadores animados reales */
.su-eq{clip-path:none!important;background:none!important;height:82px;width:92px;display:flex;align-items:flex-end;justify-content:center;gap:3px;opacity:.9;overflow:visible;transform-origin:50% 100%}
.su-eq span{display:block;width:4px;min-height:8px;height:22%;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#ff2432 0%,#bb0714 52%,#63030a 100%);box-shadow:0 0 8px rgba(225,9,25,.28);transform-origin:bottom;animation:suEqIdle 1.4s ease-in-out infinite}
.su-eq span:nth-child(2n){animation-delay:-.32s}.su-eq span:nth-child(3n){animation-delay:-.64s}.su-eq span:nth-child(4n){animation-delay:-.91s}.su-eq span:nth-child(5n){animation-delay:-1.12s}
.su-eq-right{transform:scaleX(-1)}
body.su-is-playing .su-disc-ring::before{animation-duration:3.6s}
body.su-is-playing .su-disc-ring{animation-duration:2.2s}
body.su-is-playing .su-disc-inner img{animation:suLogoPlaying 1.8s ease-in-out infinite}
body.su-is-playing .su-eq span{animation-name:suEqPlay;animation-duration:.68s}
body.su-is-playing .su-live-badge{box-shadow:0 0 28px rgba(222,8,25,.22)}

@keyframes suRingSpin{to{transform:rotate(360deg)}}
@keyframes suInnerSpin{to{transform:rotate(-360deg)}}
@keyframes suRingBreath{0%,100%{box-shadow:0 0 0 7px rgba(216,8,24,.10),0 0 30px rgba(216,8,24,.25),inset 0 0 35px #000}50%{box-shadow:0 0 0 9px rgba(216,8,24,.17),0 0 55px rgba(216,8,24,.48),inset 0 0 42px #000}}
@keyframes suOuterPulse{0%{transform:scale(.97);opacity:.75}70%,100%{transform:scale(1.08);opacity:0}}
@keyframes suLogoFloat{0%,100%{transform:scale(1) translateY(0);filter:drop-shadow(0 12px 24px #000)}50%{transform:scale(1.025) translateY(-3px);filter:drop-shadow(0 15px 30px #000) drop-shadow(0 0 8px rgba(197,139,50,.16))}}
@keyframes suLogoPlaying{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes suLiveDot{0%{box-shadow:0 0 0 0 rgba(242,11,29,.55)}70%{box-shadow:0 0 0 9px rgba(242,11,29,0)}100%{box-shadow:0 0 0 0 rgba(242,11,29,0)}}
@keyframes suEqIdle{0%,100%{height:18%;opacity:.55}50%{height:48%;opacity:.9}}
@keyframes suEqPlay{0%,100%{height:20%}35%{height:92%}65%{height:44%}}

@media(max-width:820px){
  .su-eq{display:flex!important;bottom:39px;width:58px;height:58px;gap:2px;opacity:.72}
  .su-eq span{width:3px}
  .su-eq-left{left:calc(50% - 176px)}
  .su-eq-right{right:calc(50% - 176px)}
  .su-disc-ring::before{inset:-10px}
  .su-disc-ring::after{inset:-19px}
}
@media(max-width:520px){
  .su-eq{width:45px;height:48px;bottom:36px}
  .su-eq-left{left:calc(50% - 148px)}
  .su-eq-right{right:calc(50% - 148px)}
  .su-disc-ring::before{inset:-8px}
  .su-disc-ring::after{inset:-15px}
}
@media(prefers-reduced-motion:reduce){.su-disc-ring,.su-disc-ring::before,.su-disc-ring::after,.su-disc-inner::before,.su-disc-inner img,.su-live-badge i,.su-live-top i,.su-eq span{animation:none!important}}

/* V4 — reproductor móvil organizado + acceso a señal */
.su-listen-gate{position:fixed;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(10px);z-index:200;display:none;align-items:center;justify-content:center;padding:22px}
.su-listen-gate.show{display:flex}.su-listen-card{width:min(420px,100%);background:linear-gradient(145deg,#121212,#080808);border:1px solid #5e1519;border-radius:18px;padding:28px;text-align:center;box-shadow:0 25px 80px #000}
.su-listen-card img{width:190px;max-width:70%;height:auto}.su-listen-card h3{font-size:24px;margin:12px 0 7px}.su-listen-card p{color:#aaa;font-size:12px;line-height:1.5}.su-listen-card button{border:0;border-radius:999px;background:linear-gradient(135deg,#ef1425,#8c0000);color:#fff;font-weight:900;padding:15px 24px;margin-top:12px;cursor:pointer;box-shadow:0 0 28px rgba(220,0,25,.25)}
@media(max-width:520px){
 .su-now-card .su-controls{display:grid!important;grid-template-columns:1fr 66px 1fr;grid-template-areas:"prev play next" "vol vol vol";gap:12px 10px;align-items:center;justify-items:center;margin-top:15px}
 .su-now-card #prev{grid-area:prev}.su-now-card #play{grid-area:play;width:62px;height:62px;font-size:21px}.su-now-card #next{grid-area:next}
 .su-now-card .su-volume-icon{grid-area:vol;justify-self:start;margin-left:5px}.su-now-card .su-volume{grid-area:vol;width:calc(100% - 45px)!important;max-width:none!important;justify-self:end;margin:0!important}
 .su-now-card .su-control{width:48px;height:48px;border-radius:50%;display:grid;place-items:center}
 .su-progress-meta{margin-top:15px}.su-seek{width:100%}
 .su-bottom-player{grid-template-columns:minmax(0,1fr) auto!important;gap:6px}.su-bottom-center{gap:6px!important}.su-bottom-center #bottomPrev,.su-bottom-center #bottomNext{width:34px;height:34px}.su-bottom-track div{max-width:120px!important}
}

/* V5 — información de programación profesional */
.su-next-program{margin-top:10px!important;padding-top:10px;border-top:1px solid #2b1717;color:#c58b32!important;font-size:10px!important;font-weight:800;letter-spacing:.04em}