:root{--ink:#17211b;--muted:#6e7b74;--paper:#f7f7ef;--card:#fffdf7;--lime:#9cff35;--pink:#ff4fa3;--orange:#ff8a2a;--blue:#4b7cff;--violet:#8a61ff;--line:rgba(23,33,27,.14);--shadow:0 24px 60px rgba(23,33,27,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,sans-serif;color:var(--ink);background:radial-gradient(circle at 7% 8%,rgba(156,255,53,.22),transparent 24%),radial-gradient(circle at 92% 16%,rgba(255,79,163,.16),transparent 21%),radial-gradient(circle at 78% 83%,rgba(75,124,255,.14),transparent 26%),#f4f6ed;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("https://www.transparenttextures.com/patterns/old-wall.png");mix-blend-mode:multiply}.shell{width:min(1180px,calc(100% - 32px));margin:auto;position:relative;padding:24px 0 40px}
.station-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 12px 12px;background:rgba(255,255,255,.8);border:1px solid rgba(23,33,27,.11);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 12px 28px rgba(23,33,27,.08);position:sticky;top:12px;z-index:20}.station-brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-weight:800}.brand-dot{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--lime);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--violet)}.live-pill{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.live-pill i{width:9px;height:9px;border-radius:50%;background:#aab3ad}.live-pill.online i{background:#20d86b;box-shadow:0 0 0 5px rgba(32,216,107,.13)}.live-pill.offline i{background:#ff5f59}
.hero{margin-top:24px;border-radius:38px;padding:48px;display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:56px;align-items:center;background:linear-gradient(125deg,#ffe5f4 0%,#eef1ff 43%,#fff3d2 100%);border:1px solid rgba(23,33,27,.11);box-shadow:var(--shadow);overflow:hidden;position:relative;isolation:isolate}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.orb-a{width:330px;height:330px;right:-90px;top:-110px;background:rgba(156,255,53,.73)}.orb-b{width:210px;height:210px;left:36%;bottom:-130px;background:rgba(75,124,255,.22)}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:5px;background:linear-gradient(90deg,var(--pink),var(--orange),var(--lime),var(--blue),var(--violet))}
.art-wrap{position:relative;z-index:1;min-height:330px;display:flex;align-items:center}.art{width:310px;aspect-ratio:1;border-radius:34px;background:linear-gradient(145deg,var(--ink),#313f38);box-shadow:16px 18px 0 rgba(255,79,163,.55),0 25px 50px rgba(23,33,27,.18);display:grid;place-items:center;overflow:hidden;position:relative;border:2px solid var(--ink)}.art img{width:100%;height:100%;object-fit:cover}.art>span{font-family:'Shadows Into Light';font-size:108px;color:var(--lime)}.vinyl{position:absolute;width:230px;height:230px;border-radius:50%;background:repeating-radial-gradient(circle,#17211b 0 3px,#2b3731 4px 6px);left:200px;top:51px;z-index:-1;box-shadow:0 20px 40px rgba(23,33,27,.2)}.vinyl i{position:absolute;inset:89px;border-radius:50%;background:var(--orange);border:8px solid var(--card)}.floating-live{position:absolute;left:-12px;bottom:8px;display:flex;align-items:center;gap:8px;background:rgba(255,253,247,.9);border:2px solid var(--ink);border-radius:999px;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:.14em;box-shadow:5px 5px 0 var(--lime);backdrop-filter:blur(10px)}.floating-live i{width:8px;height:8px;border-radius:50%;background:#21d96d;box-shadow:0 0 0 4px rgba(33,217,109,.15)}
.now{position:relative;z-index:2}.hero-intro{display:flex;align-items:center;gap:12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#55625a}.soft-badge{font-size:10px;font-weight:800;border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.6);border:1px solid rgba(23,33,27,.12)}.now h1{font-family:'Shadows Into Light',cursive;font-size:clamp(46px,6vw,78px);font-weight:400;line-height:.98;margin:12px 0 8px;max-width:760px}.artist{font-size:18px;color:var(--muted);margin:0 0 26px}.meta-row{display:flex;gap:10px;flex-wrap:wrap}.meta-row>span{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:11px 14px;border:1px solid rgba(23,33,27,.11);border-radius:18px;background:rgba(255,255,255,.7);min-width:128px;box-shadow:0 8px 18px rgba(23,33,27,.04)}.meta-row b{grid-row:1/3;font-size:20px}.meta-row em{font-style:normal;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.meta-row strong{font-size:13px}.controls-wrap{margin-top:28px}.controls{display:flex;align-items:center;gap:22px}.play{width:74px;height:74px;border-radius:50%;border:2px solid var(--ink);background:var(--ink);color:#fff;font-size:24px;cursor:pointer;box-shadow:8px 8px 0 var(--lime);transition:.2s ease}.play:hover{transform:translate(-2px,-2px);box-shadow:11px 11px 0 var(--blue)}.play:active{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--lime)}.eq{height:54px;display:flex;align-items:center;gap:4px}.eq i{display:block;width:5px;height:10px;border-radius:3px;background:var(--ink);opacity:.34}.eq.playing i{animation:eq .8s ease-in-out infinite alternate}.eq.playing i:nth-child(2n){animation-delay:.16s}.eq.playing i:nth-child(3n){animation-delay:.31s}.eq.playing i:nth-child(5n){animation-delay:.45s}@keyframes eq{to{height:48px;background:var(--pink);opacity:1}}.volume{display:flex;align-items:center;gap:8px;margin-left:auto}.volume input{accent-color:var(--ink);width:120px}.play-note{margin:12px 0 0;color:var(--muted);font-size:12px}
.quick-strip{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-strip>div{position:relative;padding:18px 18px 18px 66px;border-radius:24px;border:1px solid var(--line);background:rgba(255,253,247,.72);backdrop-filter:blur(12px);box-shadow:0 12px 26px rgba(23,33,27,.06)}.quick-strip span{position:absolute;left:18px;top:18px;font-family:'Shadows Into Light';font-size:30px;color:var(--violet)}.quick-strip strong{display:block;font-size:14px}.quick-strip small{display:block;margin-top:3px;color:var(--muted)}
.lower-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:20px;margin-top:20px}.history-card,.about-card,.vibe-card{background:rgba(255,253,247,.84);border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 16px 38px rgba(23,33,27,.08);backdrop-filter:blur(12px)}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:17px}.section-title span{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--muted)}.section-title h2,.about-card h2{font-family:'Shadows Into Light';font-size:40px;font-weight:400;margin:2px 0 0}.section-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.ghost,.share{border:2px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer;box-shadow:4px 4px 0 var(--lime);transition:.2s}.ghost:hover,.share:hover{background:var(--blue);transform:translateY(-2px);box-shadow:6px 6px 0 var(--orange)}.history{margin-top:8px}.track{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:16px 8px;border-bottom:1px solid rgba(23,33,27,.1);transition:.2s}.track:hover{background:linear-gradient(90deg,rgba(75,124,255,.06),transparent);transform:translateX(3px)}.track:last-child{border-bottom:0}.track .n{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f2efff;border:1px solid rgba(138,97,255,.18);font-family:'Shadows Into Light';font-size:24px;color:var(--violet)}.track b{display:block;font-size:14px}.track small{color:var(--muted)}.track time{font-size:10px;color:var(--muted)}.side-stack{display:grid;gap:20px}.about-card{background:linear-gradient(155deg,rgba(227,239,255,.92),rgba(255,234,248,.9))}.about-card p,.vibe-card p{color:var(--muted);line-height:1.65}.signal{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:22px 0}.signal span{color:var(--muted);font-size:12px}.signal strong{font-size:12px}.share{width:100%}.vibe-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff8d7,#f0f8df)}.vibe-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-52px;bottom:-58px;background:rgba(156,255,53,.42)}.vibe-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:var(--lime);box-shadow:5px 5px 0 var(--pink);margin-bottom:20px}.vibe-card h3{font-family:'Shadows Into Light';font-size:32px;line-height:1.05;margin:7px 0}.vibe-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;position:relative;z-index:1}.vibe-tags span{font-size:11px;font-weight:700;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(23,33,27,.1)}
.closing-band{margin-top:20px;padding:28px 32px;border-radius:30px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.closing-band .eyebrow{color:rgba(255,255,255,.55)}.closing-band h2{font-family:'Shadows Into Light';font-weight:400;font-size:38px;margin:4px 0 0}.closing-wave{height:60px;display:flex;align-items:center;gap:7px}.closing-wave i{display:block;width:8px;height:18px;border-radius:999px;background:var(--lime);animation:wave 1s ease-in-out infinite alternate}.closing-wave i:nth-child(2){height:38px;animation-delay:.1s;background:var(--blue)}.closing-wave i:nth-child(3){height:50px;animation-delay:.2s;background:var(--pink)}.closing-wave i:nth-child(4){height:28px;animation-delay:.3s;background:var(--orange)}.closing-wave i:nth-child(5){height:44px;animation-delay:.4s;background:var(--violet)}.closing-wave i:nth-child(6){height:22px;animation-delay:.5s}.closing-wave i:nth-child(7){height:34px;animation-delay:.6s;background:var(--blue)}.closing-wave i:nth-child(8){height:16px;animation-delay:.7s;background:var(--pink)}@keyframes wave{to{transform:scaleY(.45);opacity:.6}}
footer{display:flex;justify-content:space-between;padding:22px 4px;color:var(--muted);font-size:12px}.loading,.empty{padding:28px 8px;color:var(--muted)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:30px;gap:34px}.art-wrap{min-height:270px}.art{width:240px}.vinyl{width:180px;height:180px;left:160px;top:38px}.vinyl i{inset:70px}.lower-grid{grid-template-columns:1fr}.volume{margin-left:0}.now h1{font-size:56px}.quick-strip{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.quick-strip{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.closing-band{align-items:flex-start}.closing-wave{margin-left:18px}}
@media(max-width:560px){.shell{width:min(100% - 18px,1180px);padding-top:10px}.station-head{top:6px}.live-pill{font-size:0}.live-pill i{display:block}.hero{margin-top:12px;border-radius:26px;padding:22px}.orb-a{width:180px;height:180px}.art-wrap{min-height:205px}.art{width:185px;border-radius:24px;box-shadow:10px 12px 0 rgba(255,79,163,.5)}.vinyl{width:140px;height:140px;left:118px;top:28px}.vinyl i{inset:54px}.floating-live{left:0;bottom:-2px;padding:7px 10px}.now h1{font-size:44px}.artist{font-size:15px}.meta-row>span{min-width:calc(50% - 5px)}.controls{gap:14px;flex-wrap:wrap}.play{width:62px;height:62px}.eq{gap:3px}.eq i{width:4px}.volume{width:100%;flex-basis:100%}.volume input{flex:1}.history-card,.about-card,.vibe-card{padding:20px;border-radius:24px}.track{grid-template-columns:42px 1fr}.track time{display:none}.closing-band{padding:24px}.closing-band h2{font-size:31px}.closing-wave{display:none}footer{flex-direction:column;gap:4px}.station-brand span:last-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* v1.4 — Radio Studio Motion */
:root{--shadow-soft:0 14px 32px rgba(23,33,27,.09);--shadow-deep:0 28px 68px rgba(23,33,27,.16);--shadow-hover:0 32px 72px rgba(23,33,27,.18)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,rgba(255,79,163,.04),rgba(75,124,255,.05),rgba(156,255,53,.04));background-size:220% 220%;animation:bgDrift 16s ease-in-out infinite alternate}
@keyframes bgDrift{to{background-position:100% 100%}}
.station-head{box-shadow:0 16px 38px rgba(23,33,27,.12),0 2px 0 rgba(255,255,255,.7) inset;transition:transform .28s ease,box-shadow .28s ease,background .28s ease}.station-head:hover{transform:translateY(-2px);box-shadow:0 22px 46px rgba(23,33,27,.15)}
.station-brand{gap:12px}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:14px}.brand-copy small{font-size:9px;font-weight:600;color:var(--muted);margin-top:4px}.brand-dot{transition:transform .3s ease,box-shadow .3s ease}.station-brand:hover .brand-dot{transform:rotate(-7deg) scale(1.05);box-shadow:6px 6px 0 var(--pink)}
.live-pill.online i,.floating-live i{animation:livePulse 1.8s ease-out infinite}@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(32,216,107,.28)}50%{box-shadow:0 0 0 8px rgba(32,216,107,0)}}
.hero{box-shadow:0 30px 72px rgba(23,33,27,.17),0 3px 0 rgba(255,255,255,.7) inset;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.hero:hover{transform:translateY(-4px);box-shadow:0 38px 82px rgba(23,33,27,.2),0 3px 0 rgba(255,255,255,.74) inset}.hero:before{content:"";position:absolute;inset:-45%;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.36) 48%,transparent 61%);transform:translateX(-55%) rotate(8deg);animation:heroShine 8s ease-in-out infinite}@keyframes heroShine{0%,68%{transform:translateX(-55%) rotate(8deg)}100%{transform:translateX(55%) rotate(8deg)}}
.hero-orb{animation:orbFloat 7s ease-in-out infinite alternate}.orb-b{animation-delay:-2.6s}@keyframes orbFloat{to{transform:translate3d(12px,-14px,0) scale(1.06)}}
.art{box-shadow:18px 20px 0 rgba(255,79,163,.5),0 30px 58px rgba(23,33,27,.25);transition:transform .4s ease,box-shadow .4s ease}.art-wrap:hover .art{transform:translateY(-5px) rotate(-1deg);box-shadow:21px 23px 0 rgba(255,79,163,.48),0 38px 70px rgba(23,33,27,.28)}
.vinyl{transition:transform .4s ease;transform-origin:center}.is-playing .vinyl{animation:vinylSpin 4.8s linear infinite}.is-playing .art{animation:artGlow 3.2s ease-in-out infinite alternate}@keyframes vinylSpin{to{transform:rotate(360deg)}}@keyframes artGlow{to{filter:saturate(1.08);box-shadow:18px 20px 0 rgba(255,79,163,.55),0 34px 72px rgba(75,124,255,.23)}}
.floating-live{animation:badgeFloat 3.4s ease-in-out infinite alternate}@keyframes badgeFloat{to{transform:translateY(-5px)}}
.meta-row>span{box-shadow:0 10px 24px rgba(23,33,27,.07);transition:transform .24s ease,box-shadow .24s ease,background .24s ease}.meta-row>span:hover{transform:translateY(-4px);background:rgba(255,255,255,.9);box-shadow:0 18px 32px rgba(23,33,27,.12)}
.play{position:relative;overflow:hidden}.play:before{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-70%)}.play:hover:before{animation:buttonShine .7s ease}@keyframes buttonShine{to{transform:translateX(70%)}}
.is-playing .play{box-shadow:8px 8px 0 var(--lime),0 0 0 8px rgba(156,255,53,.08),0 18px 38px rgba(23,33,27,.18)}
.quick-strip>div{box-shadow:0 16px 34px rgba(23,33,27,.09);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;background:linear-gradient(145deg,rgba(255,253,247,.88),rgba(255,255,255,.62))}.quick-strip>div:hover{transform:translateY(-7px);box-shadow:0 26px 48px rgba(23,33,27,.15);border-color:rgba(75,124,255,.2)}.quick-strip>div:nth-child(1):hover span{color:var(--pink)}.quick-strip>div:nth-child(2):hover span{color:var(--orange)}.quick-strip>div:nth-child(3):hover span{color:var(--blue)}
.history-card,.about-card,.vibe-card{box-shadow:0 20px 46px rgba(23,33,27,.11),0 2px 0 rgba(255,255,255,.68) inset;transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,border-color .34s ease}.history-card:hover,.about-card:hover,.vibe-card:hover{transform:translateY(-6px);box-shadow:0 30px 64px rgba(23,33,27,.16),0 2px 0 rgba(255,255,255,.72) inset;border-color:rgba(75,124,255,.18)}
.history-card{position:relative;overflow:hidden}.history-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-100px;top:-110px;background:rgba(138,97,255,.08);pointer-events:none;transition:transform .6s ease}.history-card:hover:before{transform:scale(1.35)}
.track{border-radius:16px;margin:2px 0;padding:14px 10px}.track:hover{background:linear-gradient(90deg,rgba(75,124,255,.09),rgba(255,79,163,.04),transparent);transform:translateX(6px);box-shadow:0 10px 22px rgba(23,33,27,.06)}.track .n{box-shadow:0 8px 18px rgba(138,97,255,.1);transition:transform .24s ease,box-shadow .24s ease}.track:hover .n{transform:rotate(-4deg) scale(1.06);box-shadow:4px 5px 0 rgba(138,97,255,.12)}
.about-card{background:linear-gradient(155deg,rgba(227,239,255,.97),rgba(255,234,248,.94));position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;inset:auto -50px -75px auto;width:170px;height:170px;border-radius:50%;background:rgba(75,124,255,.09);transition:transform .5s ease}.about-card:hover:before{transform:scale(1.24)}
.signal{position:relative;z-index:1}.share{position:relative;z-index:1}
.vibe-card{box-shadow:0 20px 46px rgba(23,33,27,.1),8px 8px 0 rgba(255,138,42,.08)}.vibe-card:hover .vibe-icon{transform:rotate(-7deg) scale(1.06);box-shadow:7px 7px 0 var(--blue)}.vibe-icon{transition:transform .3s ease,box-shadow .3s ease}
.vibe-tags span{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.vibe-tags span:hover{transform:translateY(-3px);background:#fff;box-shadow:0 10px 18px rgba(23,33,27,.08)}
.closing-band{box-shadow:0 24px 54px rgba(23,33,27,.22);transition:transform .35s ease,box-shadow .35s ease}.closing-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 50%,rgba(75,124,255,.17),transparent 34%),radial-gradient(circle at 55% 120%,rgba(255,79,163,.12),transparent 38%);pointer-events:none}.closing-band:hover{transform:translateY(-5px);box-shadow:0 34px 68px rgba(23,33,27,.27)}.closing-band>div{position:relative;z-index:1}
/* Entrada por secciones */
.motion-block{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.motion-block.is-visible{opacity:1;transform:none}.quick-strip>.motion-block:nth-child(2){transition-delay:.08s}.quick-strip>.motion-block:nth-child(3){transition-delay:.16s}.side-stack>.motion-block:nth-child(2){transition-delay:.1s}
@media(max-width:560px){.brand-copy small{display:none}.hero:hover,.history-card:hover,.about-card:hover,.vibe-card:hover,.quick-strip>div:hover,.closing-band:hover{transform:none}.art-wrap:hover .art{transform:none}.station-head{box-shadow:0 12px 28px rgba(23,33,27,.11)}.history-card,.about-card,.vibe-card{box-shadow:0 16px 36px rgba(23,33,27,.1)}}
@media(prefers-reduced-motion:reduce){body:before,.hero:before,.hero-orb,.floating-live,.live-pill.online i,.floating-live i,.is-playing .vinyl,.is-playing .art{animation:none!important}.motion-block{opacity:1!important;transform:none!important}}

/* v1.5 — experiencia dinámica */
:root{--ambient:rgb(75 124 255);--ambient-rgb:75,124,255}
.hero{background:linear-gradient(125deg,rgba(var(--ambient-rgb),.15) 0%,#eef1ff 43%,#fff3d2 100%)}
.hero:after{background:linear-gradient(90deg,var(--pink),var(--ambient),var(--lime),var(--blue),var(--violet))}
.hero .orb-b{background:rgba(var(--ambient-rgb),.24)}
.is-playing .play{box-shadow:8px 8px 0 var(--lime),0 0 0 8px rgba(var(--ambient-rgb),.09),0 18px 38px rgba(var(--ambient-rgb),.22)}
.art{background:linear-gradient(145deg,var(--ink),var(--ambient));transition:opacity .22s ease,transform .4s ease,box-shadow .4s ease,filter .4s ease}.art.cover-changing{opacity:.38;transform:scale(.985)}
.hero.track-change .now h1{animation:trackTitleIn .75s cubic-bezier(.2,.8,.2,1)}.hero.track-change .art{animation:coverPop .75s cubic-bezier(.2,.8,.2,1)}
@keyframes trackTitleIn{0%{opacity:.15;transform:translateY(13px)}100%{opacity:1;transform:none}}@keyframes coverPop{0%{transform:scale(.96) rotate(-1deg)}55%{transform:scale(1.02) rotate(.4deg)}100%{transform:none}}
.history{display:grid;gap:8px}.track{display:grid;grid-template-columns:54px 42px minmax(0,1fr) auto;align-items:center;gap:10px}.history-cover{width:48px;height:48px;border-radius:13px;overflow:hidden;border:1px solid rgba(23,33,27,.11);box-shadow:0 8px 18px rgba(23,33,27,.1);background:#fff}.history-cover img{width:100%;height:100%;display:block;object-fit:cover}.track-copy{min-width:0}.track-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy small{display:block;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track:hover .history-cover{transform:rotate(-2deg) scale(1.04);box-shadow:0 12px 24px rgba(var(--ambient-rgb),.18)}.history-cover{transition:transform .24s ease,box-shadow .24s ease}
.station-head{border-color:rgba(var(--ambient-rgb),.18)}.brand-dot{box-shadow:4px 4px 0 var(--ambient)}.about-card:before{background:rgba(var(--ambient-rgb),.11)}
@media(max-width:560px){.track{grid-template-columns:48px 34px minmax(0,1fr)}.history-cover{width:43px;height:43px}.track .n{font-size:10px}.track time{display:none}}
@media(prefers-reduced-motion:reduce){.hero.track-change .now h1,.hero.track-change .art{animation:none!important}}

/* v1.5.1 — carátulas como protagonistas */
.art{width:330px;box-shadow:20px 22px 0 rgba(var(--ambient-rgb),.35),0 34px 72px rgba(23,33,27,.28)}
.history-cover{width:58px;height:58px;border-radius:16px;box-shadow:0 10px 24px rgba(23,33,27,.14)}
.track{grid-template-columns:64px 42px minmax(0,1fr) auto;min-height:70px}
.history-cover img{transition:opacity .25s ease,transform .25s ease}.history-cover img[src*="fallback-cover"]{opacity:.78}
.track:hover .history-cover img{transform:scale(1.06)}
@media(max-width:900px){.art{width:260px}}
@media(max-width:560px){.art{width:205px}.track{grid-template-columns:54px 34px minmax(0,1fr)}.history-cover{width:50px;height:50px}}


/* v1.5.2 — footer renovado + ecualizadores móviles */
.radio-footer{margin-top:22px;padding:22px 24px;display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:22px;border:1px solid rgba(23,33,27,.11);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(245,247,238,.74));backdrop-filter:blur(16px);box-shadow:0 18px 42px rgba(23,33,27,.10),0 1px 0 rgba(255,255,255,.85) inset;color:var(--ink);position:relative;overflow:hidden}
.radio-footer:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--pink),var(--ambient),var(--lime));border-radius:28px 0 0 28px}
.radio-footer:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:14%;bottom:-135px;background:rgba(var(--ambient-rgb),.09);pointer-events:none}
.footer-brand,.footer-note,.footer-top{position:relative;z-index:1}.footer-brand{display:flex;align-items:center;gap:12px}.footer-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:var(--ink);color:var(--lime);font-size:20px;border:2px solid var(--ink);box-shadow:5px 5px 0 rgba(var(--ambient-rgb),.42)}.footer-brand strong{display:block;font-family:'Shadows Into Light',cursive;font-size:25px;font-weight:400;line-height:1}.footer-brand small,.footer-note small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.footer-note{padding-left:20px;border-left:1px solid rgba(23,33,27,.11)}.footer-live{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.05em}.footer-live i{width:8px;height:8px;border-radius:50%;background:#20d86b;box-shadow:0 0 0 5px rgba(32,216,107,.12);animation:footerPulse 1.7s ease-in-out infinite}.footer-top{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-size:11px;font-weight:800;padding:11px 14px;border:1px solid rgba(23,33,27,.13);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:4px 4px 0 rgba(var(--ambient-rgb),.16);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.footer-top:hover{transform:translateY(-3px);background:#fff;box-shadow:6px 7px 0 rgba(var(--ambient-rgb),.22)}.footer-top span{font-size:15px}@keyframes footerPulse{50%{transform:scale(1.18);box-shadow:0 0 0 8px rgba(32,216,107,.06)}}

/* El ecualizador principal usa transform en móvil para evitar que height quede estático */
@keyframes eqMobile{0%{transform:scaleY(.18);opacity:.42;background:var(--ink)}35%{transform:scaleY(.72);opacity:.8;background:var(--ambient)}70%{transform:scaleY(.42);opacity:.64;background:var(--pink)}100%{transform:scaleY(1);opacity:1;background:var(--lime)}}
@media(max-width:560px){
  .eq{display:flex!important;align-items:center;justify-content:center;height:58px;min-width:116px;gap:4px;overflow:visible}
  .eq i{width:4px;height:42px!important;min-height:42px;border-radius:999px;transform:scaleY(.18);transform-origin:center center;opacity:.38;background:var(--ink);animation:none!important;will-change:transform,opacity}
  .eq.playing i{animation:eqMobile .72s ease-in-out infinite alternate!important}
  .eq.playing i:nth-child(2){animation-duration:.58s!important;animation-delay:-.20s!important}.eq.playing i:nth-child(3){animation-duration:.84s!important;animation-delay:-.42s!important}.eq.playing i:nth-child(4){animation-duration:.64s!important;animation-delay:-.12s!important}.eq.playing i:nth-child(5){animation-duration:.92s!important;animation-delay:-.34s!important}.eq.playing i:nth-child(6){animation-duration:.68s!important;animation-delay:-.50s!important}.eq.playing i:nth-child(7){animation-duration:.76s!important;animation-delay:-.27s!important}.eq.playing i:nth-child(8){animation-duration:.61s!important;animation-delay:-.16s!important}.eq.playing i:nth-child(9){animation-duration:.88s!important;animation-delay:-.39s!important}.eq.playing i:nth-child(10){animation-duration:.69s!important;animation-delay:-.23s!important}.eq.playing i:nth-child(11){animation-duration:.80s!important;animation-delay:-.47s!important}.eq.playing i:nth-child(12){animation-duration:.63s!important;animation-delay:-.31s!important}
  .closing-band{align-items:center;gap:12px}.closing-wave{display:flex!important;height:46px;margin-left:auto;gap:4px;flex:0 0 auto}.closing-wave i{width:5px;max-height:40px}
  .radio-footer{grid-template-columns:1fr;padding:20px;gap:16px;border-radius:24px}.footer-note{padding:14px 0 0;border-left:0;border-top:1px solid rgba(23,33,27,.11)}.footer-top{justify-content:center;width:100%}.footer-brand small{max-width:230px}
}
@media(max-width:380px){.eq{min-width:92px;gap:3px}.eq i{width:3px}.closing-wave{display:none!important}}
@media(prefers-reduced-motion:reduce){.footer-live i{animation:none!important}.eq.playing i{animation:none!important;transform:scaleY(.62)!important}.closing-wave i{animation:none!important}}

/* v1.5.3 — fondo Chateando + glass/transparencias */
:root{--chat-cream:#F7F8F1;--glass-strong:rgba(255,253,248,.76);--glass-mid:rgba(255,253,248,.64);--glass-soft:rgba(255,253,248,.50);--glass-line:rgba(23,33,27,.12)}
body{
  background:
    radial-gradient(circle at 8% 8%,rgba(34,211,238,.13),transparent 20%),
    radial-gradient(circle at 92% 14%,rgba(255,62,165,.09),transparent 22%),
    radial-gradient(circle at 75% 88%,rgba(255,216,77,.12),transparent 24%),
    var(--chat-cream);
  background-attachment:fixed;
}
.noise{
  opacity:.48;
  mix-blend-mode:normal;
  background-image:
    radial-gradient(circle at 14% 16%,rgba(37,99,235,.18),transparent 22%),
    radial-gradient(circle at 88% 22%,rgba(255,122,26,.15),transparent 22%),
    radial-gradient(circle at 62% 82%,rgba(140,240,0,.12),transparent 24%),
    url('https://www.transparenttextures.com/patterns/old-wall.png');
  background-repeat:no-repeat,no-repeat,no-repeat,repeat;
  background-size:auto,auto,auto,auto;
}
.station-head{
  background:rgba(255,253,248,.76);
  border-color:rgba(23,33,27,.12);
  box-shadow:0 14px 34px rgba(23,33,27,.09),0 1px 0 rgba(255,255,255,.72) inset;
  backdrop-filter:blur(18px) saturate(1.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
}
.hero{
  background:
    linear-gradient(125deg,rgba(var(--ambient-rgb),.13),rgba(255,253,248,.54) 42%,rgba(255,243,210,.48)),
    rgba(255,253,248,.46);
  border-color:rgba(23,33,27,.12);
  box-shadow:0 28px 72px rgba(23,33,27,.14),0 1px 0 rgba(255,255,255,.72) inset;
  backdrop-filter:blur(20px) saturate(1.16);
  -webkit-backdrop-filter:blur(20px) saturate(1.16);
}
.soft-badge,.meta-row>span{
  background:rgba(255,255,255,.52);
  border-color:rgba(23,33,27,.11);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.quick-strip>div{
  background:rgba(255,253,248,.58);
  border-color:var(--glass-line);
  box-shadow:0 15px 34px rgba(23,33,27,.08),0 1px 0 rgba(255,255,255,.65) inset;
  backdrop-filter:blur(15px) saturate(1.08);
  -webkit-backdrop-filter:blur(15px) saturate(1.08);
}
.history-card,.about-card,.vibe-card{
  border-color:var(--glass-line);
  box-shadow:0 20px 48px rgba(23,33,27,.10),0 1px 0 rgba(255,255,255,.62) inset;
  backdrop-filter:blur(18px) saturate(1.1);
  -webkit-backdrop-filter:blur(18px) saturate(1.1);
}
.history-card{background:rgba(255,253,248,.62)}
.about-card{
  background:
    linear-gradient(155deg,rgba(227,239,255,.55),rgba(255,234,248,.50)),
    rgba(255,253,248,.52);
}
.vibe-card{
  background:
    linear-gradient(145deg,rgba(255,248,215,.55),rgba(240,248,223,.50)),
    rgba(255,253,248,.50);
}
.track:hover{background:linear-gradient(90deg,rgba(var(--ambient-rgb),.08),rgba(255,255,255,.18),transparent)}
.vibe-tags span{background:rgba(255,255,255,.52);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.closing-band{
  background:linear-gradient(135deg,rgba(23,33,27,.90),rgba(23,33,27,.82));
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.radio-footer{
  background:
    linear-gradient(135deg,rgba(255,253,248,.68),rgba(247,248,241,.56));
  border-color:rgba(23,33,27,.11);
  box-shadow:0 20px 48px rgba(23,33,27,.10),0 1px 0 rgba(255,255,255,.68) inset;
  backdrop-filter:blur(18px) saturate(1.1);
  -webkit-backdrop-filter:blur(18px) saturate(1.1);
}
.footer-top{background:rgba(255,255,255,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media(max-width:560px){
  body{background-attachment:scroll}
  .noise{opacity:.40}
  .hero{background:linear-gradient(145deg,rgba(var(--ambient-rgb),.11),rgba(255,253,248,.58) 44%,rgba(255,243,210,.42))}
  .station-head,.hero,.history-card,.about-card,.vibe-card,.quick-strip>div,.radio-footer{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
}


/* v1.6.0 — sitio completo */
.station-head{gap:18px}.site-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.site-nav a{color:var(--ink);text-decoration:none;font-size:12px;font-weight:700;padding:9px 12px;border-radius:999px;transition:background .2s ease,transform .2s ease,color .2s ease}.site-nav a:hover{background:rgba(255,255,255,.5);transform:translateY(-1px)}.site-nav a.active{background:var(--ink);color:#fff}.header-listen{color:#fff;background:var(--ink);text-decoration:none;font-size:11px;font-weight:800;padding:10px 14px;border-radius:999px;box-shadow:4px 4px 0 rgba(var(--ambient-rgb),.28);white-space:nowrap}.footer-nav{display:flex;gap:10px;flex-wrap:wrap}.footer-nav a{font-size:10px;font-weight:700;color:var(--muted);text-decoration:none}.footer-nav a:hover{color:var(--ink)}
.page-hero{margin-top:24px;padding:58px 56px;border-radius:36px;border:1px solid var(--glass-line);background:linear-gradient(135deg,rgba(255,253,248,.68),rgba(var(--ambient-rgb),.09));box-shadow:0 26px 65px rgba(23,33,27,.11);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-110px;background:rgba(156,255,53,.22)}.page-hero h1{font-family:'Shadows Into Light',cursive;font-size:clamp(48px,7vw,82px);font-weight:400;line-height:.98;margin:12px 0 16px;max-width:850px}.page-hero p{max-width:760px;color:var(--muted);font-size:15px;line-height:1.8;margin:0}.people-layout,.contact-layout{display:grid;grid-template-columns:1.5fr .85fr;gap:18px;margin-top:18px}.feature-person,.open-panel,.schedule-wrap,.contact-main,.contact-side{border:1px solid var(--glass-line);border-radius:30px;background:rgba(255,253,248,.60);box-shadow:0 18px 44px rgba(23,33,27,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.feature-person{padding:32px;display:flex;gap:24px;align-items:center}.person-avatar{width:110px;aspect-ratio:1;border-radius:28px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-size:44px;box-shadow:10px 10px 0 rgba(var(--ambient-rgb),.25)}.feature-person h2,.open-panel h3,.schedule-head h2,.contact-main h2{font-family:'Shadows Into Light',cursive;font-size:38px;font-weight:400;margin:5px 0 8px}.feature-person p,.open-panel p,.schedule-line p,.schedule-empty p,.contact-main p,.contact-side p{color:var(--muted);line-height:1.7;margin:0}.tag-row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.tag-row span{font-size:10px;font-weight:800;padding:7px 10px;border-radius:999px;background:rgba(var(--ambient-rgb),.10);border:1px solid rgba(var(--ambient-rgb),.18)}.open-panel{padding:30px;background:linear-gradient(145deg,rgba(255,243,210,.55),rgba(255,253,248,.58))}.page-band{margin-top:18px;padding:28px 32px;border-radius:30px;background:linear-gradient(135deg,rgba(23,33,27,.92),rgba(23,33,27,.82));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 20px 48px rgba(23,33,27,.15)}.page-band h2{font-family:'Shadows Into Light',cursive;font-size:36px;font-weight:400;margin:4px 0 0}.page-band .eyebrow{color:rgba(255,255,255,.62)}.page-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:800;text-decoration:none;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--violet);white-space:nowrap;transition:transform .2s ease}.page-cta:hover{transform:translateY(-3px)}
.schedule-wrap{margin-top:18px;padding:30px}.schedule-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.schedule-status{font-size:11px;font-weight:800;padding:8px 12px;border-radius:999px;background:var(--lime);border:2px solid var(--ink)}.schedule-line{display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.schedule-time{font-weight:800}.schedule-line>span{font-size:28px}.schedule-empty{margin-top:20px;padding:20px;border-radius:20px;background:rgba(var(--ambient-rgb),.07);border:1px dashed rgba(var(--ambient-rgb),.24)}.contact-main{padding:34px;display:flex;gap:24px;align-items:flex-start}.contact-icon{font-size:42px}.contact-main .page-cta{margin-top:18px}.contact-side{padding:18px}.contact-side>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:16px;border-bottom:1px solid var(--line)}.contact-side>div:last-child{border-bottom:0}.contact-side span{grid-row:1/3;font-size:24px}.contact-side strong{font-size:13px}.contact-side p{font-size:12px;margin-top:3px}
@media(max-width:900px){.station-head{flex-wrap:wrap}.site-nav{order:3;width:100%;justify-content:center;margin:0}.live-pill,.header-listen{margin-left:auto}.people-layout,.contact-layout{grid-template-columns:1fr}.page-hero{padding:42px 32px}.radio-footer{grid-template-columns:1fr 1fr}.footer-nav{grid-column:1/-1}}
@media(max-width:560px){.shell{width:min(100% - 20px,1180px)}.station-head{top:8px;padding:10px}.brand-copy small{display:none}.site-nav{gap:2px;overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.site-nav a{font-size:10px;padding:8px 10px;white-space:nowrap}.header-listen{display:none}.page-hero{padding:34px 22px;border-radius:28px}.page-hero h1{font-size:52px}.feature-person,.contact-main{padding:24px;flex-direction:column}.person-avatar{width:86px}.open-panel,.schedule-wrap{padding:24px}.schedule-line{grid-template-columns:1fr auto;gap:8px}.schedule-time{grid-column:1/-1;color:var(--muted);font-size:11px}.page-band{padding:24px;flex-direction:column;align-items:flex-start}.page-cta{width:100%}.radio-footer{grid-template-columns:1fr}.footer-nav{grid-column:auto}}

/* v1.6.1 — DJs + programación + navegación con iconos + menú móvil tipo app */
.site-nav a{display:inline-flex;align-items:center;gap:7px;border-radius:12px;background:transparent!important;color:var(--ink)!important;box-shadow:none!important}
.site-nav a:hover{background:rgba(255,255,255,.48)!important;transform:translateY(-1px)}
.site-nav a[aria-current="page"]{background:transparent!important;color:var(--ink)!important}
.nav-icon,.mobile-nav-icon{display:grid;place-items:center;flex:0 0 auto}
.nav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mobile-nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.radio-footer{grid-template-columns:1fr auto;align-items:center}
.footer-note{justify-self:end}.footer-nav,.footer-top{display:none!important}

.dj-showcase{margin-top:18px;display:grid;gap:18px}
.dj-feature{display:flex;align-items:center;gap:26px;padding:30px 34px;border-radius:30px;border:1px solid var(--glass-line);background:linear-gradient(135deg,rgba(255,253,248,.68),rgba(var(--ambient-rgb),.10));box-shadow:0 20px 52px rgba(23,33,27,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.dj-feature h2,.dj-card h3{font-family:'Shadows Into Light',cursive;font-weight:400}.dj-feature h2{font-size:42px;margin:3px 0 6px}.dj-feature p{color:var(--muted);margin:0;line-height:1.7}.dj-avatar{position:relative;display:grid;place-items:center;overflow:hidden;box-shadow:0 14px 34px rgba(23,33,27,.16),0 0 0 1px rgba(255,255,255,.75) inset}.dj-feature .dj-avatar{width:112px;aspect-ratio:1;border-radius:30px;flex:0 0 auto;font-size:42px;font-weight:800}.dj-avatar-auto{background:linear-gradient(145deg,var(--ink),#2c3942);color:var(--lime)}.dj-avatar-auto i{position:absolute;width:50px;height:50px;border:1px solid rgba(156,255,53,.28);border-radius:50%;animation:djPulse 2.4s ease-in-out infinite}.dj-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dj-card{position:relative;padding:22px;border-radius:26px;border:1px solid var(--glass-line);background:rgba(255,253,248,.62);box-shadow:0 16px 38px rgba(23,33,27,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .25s ease,box-shadow .25s ease}.dj-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(23,33,27,.14)}.dj-card .dj-avatar{width:68px;aspect-ratio:1;border-radius:20px;margin-bottom:16px;font-size:25px;font-weight:800;color:#fff}.dj-luna{background:linear-gradient(135deg,#7c3aed,#ff3ea5)}.dj-nico{background:linear-gradient(135deg,#2563eb,#22d3ee)}.dj-maya{background:linear-gradient(135deg,#ff7a1a,#ffd84d);color:#17211b!important}.dj-alex{background:linear-gradient(135deg,#17211b,#7c3aed)}.dj-card h3{font-size:32px;margin:8px 0 7px}.dj-card p{font-size:12px;line-height:1.65;color:var(--muted);min-height:58px;margin:0}.dj-status{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dj-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(140,240,0,.15)}.dj-time{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.dj-time strong{color:var(--ink)}
@keyframes djPulse{50%{transform:scale(1.35);opacity:.35}}

.schedule-full{padding:30px}.schedule-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.week-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.day-card{padding:18px;border-radius:22px;border:1px solid var(--glass-line);background:rgba(255,255,255,.42);box-shadow:0 12px 28px rgba(23,33,27,.06);transition:transform .22s ease,box-shadow .22s ease}.day-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(23,33,27,.10)}.day-card.featured{background:linear-gradient(145deg,rgba(255,216,77,.20),rgba(255,255,255,.48));border-color:rgba(255,122,26,.24)}.day-card header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.day-card header span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--ink);color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em}.day-card header strong{font-size:14px}.show-row{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.show-row time{font-size:10px;font-weight:800;color:var(--violet)}.show-row b{display:block;font-size:12px}.show-row small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.show-row.soft{opacity:.72}.schedule-demo-note{text-align:center;color:var(--muted);font-size:10px;margin:18px 0 0}

.mobile-app-nav{display:none}
@media(max-width:900px){.dj-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
  .station-head{flex-wrap:nowrap;min-height:58px}.site-nav{display:none!important}.header-listen{display:none!important}.live-pill{margin-left:auto}
  .mobile-app-nav{position:fixed;z-index:9999;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:7px;border:1px solid rgba(23,33,27,.14);border-radius:22px;background:rgba(23,33,27,.92);box-shadow:0 16px 42px rgba(23,33,27,.28),0 1px 0 rgba(255,255,255,.10) inset;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
  .mobile-app-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 2px;color:rgba(255,255,255,.72);text-decoration:none;font-size:9px;font-weight:700;line-height:1;border-radius:14px;background:transparent!important;transition:color .2s ease,transform .2s ease}
  .mobile-app-nav a:active{transform:scale(.94)}.mobile-app-nav a[aria-current="page"]{color:var(--lime);background:transparent!important}.mobile-app-nav a[aria-current="page"] .mobile-nav-icon{filter:drop-shadow(0 0 7px rgba(140,240,0,.35))}
  .radio-footer{grid-template-columns:1fr;padding-bottom:22px}.footer-note{justify-self:start}
  .dj-feature{padding:24px;align-items:flex-start}.dj-feature .dj-avatar{width:84px;border-radius:24px}.dj-feature h2{font-size:36px}.dj-grid{grid-template-columns:1fr 1fr;gap:10px}.dj-card{padding:16px;border-radius:22px}.dj-card .dj-avatar{width:54px;border-radius:16px}.dj-card h3{font-size:27px}.dj-card p{font-size:11px;min-height:72px}.dj-time{display:block}.dj-time strong{display:block;margin-top:3px}
  .schedule-full{padding:20px}.week-grid{grid-template-columns:1fr}.day-card{padding:16px}.show-row{grid-template-columns:58px 1fr}
}
@media(max-width:390px){.dj-grid{grid-template-columns:1fr}.dj-card p{min-height:auto}.mobile-app-nav{left:6px;right:6px}}
@media(prefers-reduced-motion:reduce){.dj-avatar-auto i{animation:none!important}.dj-card,.day-card,.mobile-app-nav a{transition:none!important}}

/* v1.6.2 — ecualizador móvil robusto */
@media(max-width:560px){
  .eq{display:flex!important;visibility:visible!important;opacity:1!important;min-width:116px;height:52px;align-items:center;overflow:visible}
  .eq i{height:34px!important;transform:scaleY(.24);transform-origin:center bottom;will-change:transform;opacity:.38}
  .eq.playing i,.is-playing .eq i{animation:eqMobile162 .72s ease-in-out infinite alternate!important;opacity:1!important}
  .eq.playing i:nth-child(2),.is-playing .eq i:nth-child(2){animation-duration:.56s!important;animation-delay:-.18s!important}
  .eq.playing i:nth-child(3),.is-playing .eq i:nth-child(3){animation-duration:.83s!important;animation-delay:-.37s!important}
  .eq.playing i:nth-child(4),.is-playing .eq i:nth-child(4){animation-duration:.63s!important;animation-delay:-.11s!important}
  .eq.playing i:nth-child(5),.is-playing .eq i:nth-child(5){animation-duration:.91s!important;animation-delay:-.29s!important}
  .eq.playing i:nth-child(6),.is-playing .eq i:nth-child(6){animation-duration:.67s!important;animation-delay:-.44s!important}
  .eq.playing i:nth-child(7),.is-playing .eq i:nth-child(7){animation-duration:.76s!important;animation-delay:-.22s!important}
  .eq.playing i:nth-child(8),.is-playing .eq i:nth-child(8){animation-duration:.59s!important;animation-delay:-.14s!important}
  .eq.playing i:nth-child(9),.is-playing .eq i:nth-child(9){animation-duration:.87s!important;animation-delay:-.33s!important}
  .eq.playing i:nth-child(10),.is-playing .eq i:nth-child(10){animation-duration:.69s!important;animation-delay:-.19s!important}
  .eq.playing i:nth-child(11),.is-playing .eq i:nth-child(11){animation-duration:.79s!important;animation-delay:-.41s!important}
  .eq.playing i:nth-child(12),.is-playing .eq i:nth-child(12){animation-duration:.62s!important;animation-delay:-.26s!important}
}
@keyframes eqMobile162{
  0%{transform:scaleY(.18);background:var(--ink)}
  55%{transform:scaleY(.72);background:var(--blue)}
  100%{transform:scaleY(1);background:var(--pink)}
}

/* v1.7 — experiencia dinámica, interacción y PWA */
.track-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.action-chip,.mini-action{appearance:none;border:1px solid rgba(23,33,27,.13);background:rgba(255,255,255,.54);color:var(--ink);border-radius:999px;padding:9px 12px;font:700 10px/1 Poppins,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(23,33,27,.06);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.action-chip:hover,.mini-action:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(23,33,27,.10);background:rgba(255,255,255,.78)}
.action-chip.is-favorite{background:rgba(255,79,163,.12);border-color:rgba(255,79,163,.26);color:#b51f68}
.mini-action[hidden]{display:none!important}.mini-action:disabled{opacity:.62;cursor:default;transform:none}

.live-schedule-strip{margin-top:18px;padding:18px 20px;display:grid;grid-template-columns:1fr auto 1fr auto;gap:18px;align-items:center;border:1px solid var(--glass-line);border-radius:26px;background:linear-gradient(125deg,rgba(255,253,248,.66),rgba(var(--ambient-rgb),.08));box-shadow:0 16px 36px rgba(23,33,27,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.live-schedule-strip .on-now,.live-schedule-strip .up-next{min-width:0}.live-schedule-strip strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-schedule-strip small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.schedule-kicker{display:block;margin-bottom:5px;font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--muted)}.schedule-arrow{font-size:22px;color:var(--violet)}.schedule-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-size:10px;font-weight:800;box-shadow:4px 4px 0 var(--lime)}

.history-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ghost-soft{background:rgba(255,255,255,.5);color:var(--ink);box-shadow:none;border-width:1px}.ghost-soft:hover{color:#fff}
.track{width:100%;appearance:none;border:0;background:transparent;color:inherit;text-align:left;font-family:inherit;cursor:pointer}

.about-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}.about-actions .mini-action{width:100%;text-align:left}

.radio-sheet{width:min(540px,calc(100% - 28px));max-height:min(82vh,720px);padding:28px;border:1px solid rgba(23,33,27,.14);border-radius:30px;background:rgba(255,253,248,.94);color:var(--ink);box-shadow:0 32px 90px rgba(23,33,27,.3);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.radio-sheet::backdrop{background:rgba(14,20,17,.48);backdrop-filter:blur(4px)}.sheet-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(23,33,27,.08);color:var(--ink);font-size:24px;cursor:pointer}.sheet-track{text-align:center;padding:10px 18px 2px}.sheet-track>img{width:min(250px,72vw);aspect-ratio:1;object-fit:cover;border-radius:28px;border:1px solid rgba(23,33,27,.12);box-shadow:0 20px 46px rgba(23,33,27,.16);margin-bottom:20px}.sheet-track h2,.sheet-title{font-family:'Shadows Into Light',cursive;font-size:38px;font-weight:400;line-height:1.05;margin:8px 0}.sheet-track p{margin:0;color:var(--muted)}.sheet-track small{display:block;margin-top:8px;color:var(--muted)}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.sheet-actions button{border:0;border-radius:16px;padding:12px;background:var(--ink);color:#fff;font:700 10px Poppins,sans-serif;cursor:pointer}.sheet-list{display:grid;gap:7px;margin-top:18px;max-height:48vh;overflow:auto}.sheet-list>div{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:9px;border-radius:16px;background:rgba(23,33,27,.045)}.sheet-list img{width:48px;height:48px;border-radius:12px;object-fit:cover}.sheet-list b,.sheet-list small{display:block}.sheet-list b{font-size:12px}.sheet-list small{font-size:10px;color:var(--muted);margin-top:2px}

.current-dj-strip{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;margin:0 0 18px;padding:12px 16px;border-radius:20px;border:1px solid rgba(32,216,107,.20);background:linear-gradient(90deg,rgba(32,216,107,.09),rgba(255,255,255,.45));box-shadow:0 10px 24px rgba(23,33,27,.06)}.current-dj-strip>span{font-size:9px;font-weight:800;letter-spacing:.1em}.current-dj-strip strong{font-size:13px}.current-dj-strip small{color:var(--muted);font-size:10px}.current-dj-strip a{justify-self:end;text-decoration:none;font-size:10px;font-weight:800;color:var(--violet)}
.dj-card.is-live{border-color:rgba(32,216,107,.36);box-shadow:0 18px 42px rgba(32,216,107,.13),0 0 0 1px rgba(32,216,107,.10) inset}.dj-card.is-live .dj-status{color:#128744}.dj-card.is-live .dj-status i{animation:liveDjPulse 1.4s ease-in-out infinite}.dj-listen{display:inline-flex;margin-top:12px;font-size:10px;font-weight:800;color:var(--violet);text-decoration:none}.tag-row.compact{gap:5px;margin-top:10px}.tag-row.compact span{padding:5px 7px;font-size:8px}@keyframes liveDjPulse{50%{box-shadow:0 0 0 7px rgba(32,216,107,.06)}}

.schedule-tools{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 0}.day-card.today{box-shadow:0 18px 42px rgba(var(--ambient-rgb),.13);border-color:rgba(var(--ambient-rgb),.24)}.day-card header em{margin-left:auto;font-style:normal;font-size:8px;font-weight:800;padding:4px 7px;border-radius:999px;background:var(--lime);color:var(--ink)}.show-row{position:relative;grid-template-columns:64px minmax(0,1fr) auto}.show-row.is-now{margin:0 -8px;padding:12px 8px;border-radius:14px;background:rgba(32,216,107,.08)}.on-air-mini{align-self:center;font-size:7px;font-weight:800;letter-spacing:.08em;padding:4px 6px;border-radius:999px;background:#20d86b;color:#0c321d}

.interaction-zone{margin-top:18px;padding:30px;border:1px solid var(--glass-line);border-radius:30px;background:rgba(255,253,248,.58);box-shadow:0 18px 44px rgba(23,33,27,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.interaction-intro{max-width:760px}.interaction-intro h2{font-family:'Shadows Into Light',cursive;font-size:40px;font-weight:400;line-height:1.05;margin:7px 0 8px}.interaction-intro p{color:var(--muted);line-height:1.7;margin:0}.interaction-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.interaction-form{position:relative;padding:22px;border-radius:24px;border:1px solid rgba(23,33,27,.10);background:rgba(255,255,255,.43);box-shadow:0 12px 28px rgba(23,33,27,.06)}.interaction-form h3{font-family:'Shadows Into Light',cursive;font-size:30px;font-weight:400;margin:0 0 15px}.form-emoji{position:absolute;right:18px;top:17px;font-size:26px}.interaction-form label{display:block;font-size:10px;font-weight:700;color:var(--muted);margin-top:10px}.interaction-form label>span{font-weight:400}.interaction-form input,.interaction-form textarea{width:100%;margin-top:6px;border:1px solid rgba(23,33,27,.13);border-radius:14px;background:rgba(255,255,255,.72);padding:11px 12px;color:var(--ink);font:400 12px Poppins,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.interaction-form textarea{min-height:96px;resize:vertical}.interaction-form input:focus,.interaction-form textarea:focus{border-color:rgba(var(--ambient-rgb),.55);box-shadow:0 0 0 4px rgba(var(--ambient-rgb),.08)}.interaction-form .page-cta{margin-top:14px;border:2px solid var(--ink);cursor:pointer}.interaction-form .page-cta:disabled{opacity:.55}.form-status{min-height:18px;margin:8px 0 0;font-size:10px;color:var(--muted)}

.error-radio{min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(34px,8vw,90px);border:1px solid var(--glass-line);border-radius:38px;background:linear-gradient(135deg,rgba(255,253,248,.72),rgba(255,79,163,.10),rgba(75,124,255,.10));box-shadow:0 28px 70px rgba(23,33,27,.14);backdrop-filter:blur(18px)}.error-code{font-family:'Shadows Into Light',cursive;font-size:clamp(90px,18vw,180px);line-height:.7;color:var(--violet);text-shadow:7px 7px 0 rgba(156,255,53,.45)}.error-radio h1{font-family:'Shadows Into Light',cursive;font-size:clamp(44px,7vw,78px);font-weight:400;line-height:1;margin:20px 0 10px}.error-radio p{max-width:600px;color:var(--muted);line-height:1.7;margin:0 0 20px}

@media(max-width:700px){.live-schedule-strip{grid-template-columns:1fr 1fr;gap:12px}.schedule-arrow{display:none}.schedule-link{grid-column:1/-1}.interaction-grid{grid-template-columns:1fr}.current-dj-strip{grid-template-columns:auto 1fr auto}.current-dj-strip small{grid-column:1/-1}.current-dj-strip a{grid-row:1;grid-column:3}}
@media(max-width:560px){.track-actions{display:grid;grid-template-columns:1fr 1fr}.track-actions .action-chip:last-child{grid-column:1/-1}.action-chip{padding:10px 8px;font-size:9px}.live-schedule-strip{padding:15px;border-radius:22px}.history-actions{width:100%;justify-content:flex-start}.section-title{align-items:flex-start;flex-direction:column}.ghost{padding:9px 12px}.radio-sheet{padding:22px 18px;border-radius:26px}.sheet-actions{grid-template-columns:1fr}.interaction-zone{padding:20px;border-radius:26px}.interaction-intro h2{font-size:34px}.show-row{grid-template-columns:52px minmax(0,1fr)}.on-air-mini{grid-column:2;justify-self:start;margin-top:3px}.current-dj-strip{border-radius:18px}.error-radio{border-radius:28px;min-height:calc(100vh - 110px)}}
@media(prefers-reduced-motion:reduce){.dj-card.is-live .dj-status i{animation:none!important}.action-chip,.mini-action{transition:none!important}}

/* v1.7.2 — Peticiones y saludos en Inicio */
.interaction-home{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,253,248,.66),rgba(255,255,255,.46));box-shadow:0 24px 58px rgba(23,33,27,.11),0 0 0 1px rgba(255,255,255,.28) inset}
.interaction-home:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-105px;top:-130px;background:radial-gradient(circle,rgba(124,58,237,.18),rgba(124,58,237,0) 70%);pointer-events:none}
.interaction-home .interaction-intro{position:relative;z-index:1}
.interaction-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.interaction-badges span{font-size:10px;font-weight:700;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(23,33,27,.10);box-shadow:0 6px 15px rgba(23,33,27,.05)}
.interaction-home .interaction-form{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;background:rgba(255,255,255,.52);box-shadow:0 15px 34px rgba(23,33,27,.08)}
.interaction-home .interaction-form:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(23,33,27,.12);border-color:rgba(124,58,237,.18)}
.interaction-home .request-form{background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,244,219,.48))}
.form-lead{margin:-7px 34px 12px 0;color:var(--muted);font-size:11px;line-height:1.6}.form-status[data-state="ok"]{color:#24712d;font-weight:700}.form-status[data-state="warn"]{color:#9a5b00;font-weight:700}.form-status[data-state="error"]{color:#a52525;font-weight:700}
@media(max-width:560px){.interaction-home{margin-top:14px}.interaction-badges{gap:6px}.interaction-badges span{font-size:9px}.interaction-home .interaction-form:hover{transform:none}}


/* v1.7.3 — Peticiones solo con DJ humano real */
.interaction-live-state{position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin-top:14px;padding:11px 13px;border-radius:17px;border:1px solid rgba(23,33,27,.10);background:rgba(255,255,255,.55);box-shadow:0 8px 20px rgba(23,33,27,.06);transition:.25s ease}
.interaction-live-state>i{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:#a9aca9;box-shadow:0 0 0 5px rgba(120,125,122,.10)}
.interaction-live-state span{display:grid;gap:2px}.interaction-live-state strong{font-size:11px}.interaction-live-state small{font-size:9px;color:var(--muted);line-height:1.45}
.interaction-live-state.is-live{border-color:rgba(32,216,107,.30);background:linear-gradient(90deg,rgba(32,216,107,.11),rgba(255,255,255,.58));box-shadow:0 10px 24px rgba(32,216,107,.08)}
.interaction-live-state.is-live>i{background:#20d86b;box-shadow:0 0 0 5px rgba(32,216,107,.12);animation:liveDjPulse 1.4s ease-in-out infinite}
.interaction-form.is-locked{opacity:.68;filter:saturate(.72);transform:none!important;box-shadow:0 10px 24px rgba(23,33,27,.06)}
.interaction-form.is-locked input,.interaction-form.is-locked textarea{cursor:not-allowed;background:rgba(245,245,242,.62)}
.interaction-form.is-locked button[type="submit"]{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}
@media(max-width:560px){.interaction-live-state{align-items:flex-start}.interaction-live-state small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.interaction-live-state.is-live>i{animation:none!important}}


/* v1.8 — DJ, programación e interacción real */
.request-state{transition:.25s ease}.request-state.is-open{background:rgba(32,216,107,.17)!important;border-color:rgba(32,216,107,.32)!important;color:#126b39!important;box-shadow:0 0 0 4px rgba(32,216,107,.06)}
.human-dj-banner{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;width:max-content;max-width:100%;margin:4px 0 10px;padding:10px 13px;border-radius:18px;background:linear-gradient(100deg,rgba(32,216,107,.16),rgba(255,255,255,.54));border:1px solid rgba(32,216,107,.28);box-shadow:0 10px 26px rgba(32,216,107,.10)}.human-dj-banner[hidden]{display:none}.human-dj-banner .human-dj-pulse{grid-row:1/3;display:inline-flex;align-items:center;gap:7px;font-size:8px;font-weight:800;letter-spacing:.08em}.human-dj-pulse i{width:9px;height:9px;border-radius:50%;background:#20d86b;box-shadow:0 0 0 6px rgba(32,216,107,.10);animation:liveDjPulse 1.35s ease-in-out infinite}.human-dj-banner strong{font-size:12px}.human-dj-banner small{font-size:9px;color:var(--muted)}
body.human-dj-live .hero{border-color:rgba(32,216,107,.28);box-shadow:0 30px 72px rgba(23,33,27,.14),0 0 0 1px rgba(32,216,107,.10) inset,0 0 48px rgba(32,216,107,.08)}body.human-dj-live .floating-live{box-shadow:0 10px 30px rgba(32,216,107,.18)}
.program-now-next{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:18px 0;padding:18px 20px;border-radius:26px;border:1px solid var(--glass-line);background:linear-gradient(120deg,rgba(255,255,255,.61),rgba(255,253,248,.49));box-shadow:0 18px 42px rgba(23,33,27,.08);backdrop-filter:blur(14px)}.program-now-next>div:not(.program-next-arrow){display:grid;gap:4px}.program-now-next span{font-size:8px;font-weight:800;letter-spacing:.08em}.program-now-next strong{font-family:'Shadows Into Light',cursive;font-size:25px;font-weight:400;line-height:1.05}.program-now-next small{font-size:9px;color:var(--muted)}.program-next-arrow{font-size:24px;color:var(--violet)}
.dj-live-note{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:9px 13px;border-radius:15px;background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.12)}.dj-live-note span{font-size:9px;font-weight:800}.dj-live-note small{font-size:9px;color:var(--muted);text-align:right}.dj-card.is-human-live{border-color:rgba(32,216,107,.48)!important;box-shadow:0 22px 50px rgba(32,216,107,.17),0 0 0 1px rgba(32,216,107,.12) inset!important;transform:translateY(-3px)}.dj-card.is-human-live .dj-status{color:#128744}
@media(max-width:700px){.program-now-next{grid-template-columns:1fr 1fr}.program-next-arrow{display:none}.dj-live-note{align-items:flex-start;flex-direction:column;gap:3px}.dj-live-note small{text-align:left}.human-dj-banner{width:100%;grid-template-columns:auto 1fr}}
@media(max-width:560px){.hero-intro{flex-wrap:wrap}.request-state{order:3}.program-now-next{padding:15px;border-radius:22px}.program-now-next strong{font-size:21px}.human-dj-banner .human-dj-pulse{font-size:7px}}
@media(prefers-reduced-motion:reduce){.human-dj-pulse i{animation:none!important}.dj-card.is-human-live{transform:none}}


/* v1.8.1 — Más protagonismo para cabina, programación e interacción */
.request-state{
  padding:8px 12px!important;
  background:linear-gradient(135deg,rgba(255,216,77,.28),rgba(255,122,26,.12))!important;
  border:1px solid rgba(255,122,26,.25)!important;
  color:#7a4214!important;
  box-shadow:0 9px 22px rgba(255,122,26,.10);
  font-weight:800!important;
}
.request-state.is-open{
  background:linear-gradient(135deg,rgba(32,216,107,.24),rgba(140,240,0,.18))!important;
  border-color:rgba(32,216,107,.48)!important;
  color:#0e6332!important;
  box-shadow:0 10px 30px rgba(32,216,107,.16),0 0 0 4px rgba(32,216,107,.07)!important;
  animation:requestGlow 1.8s ease-in-out infinite;
}
@keyframes requestGlow{50%{box-shadow:0 13px 34px rgba(32,216,107,.22),0 0 0 7px rgba(32,216,107,.05)}}
.human-dj-banner{
  width:100%!important;
  margin:10px 0 16px!important;
  padding:15px 17px!important;
  border-radius:22px!important;
  background:linear-gradient(110deg,rgba(32,216,107,.20),rgba(140,240,0,.12),rgba(255,255,255,.62))!important;
  border:1px solid rgba(32,216,107,.44)!important;
  box-shadow:0 16px 40px rgba(32,216,107,.16),0 0 0 1px rgba(255,255,255,.55) inset!important;
}
.human-dj-banner .human-dj-pulse{font-size:9px!important;color:#126b39}
.human-dj-banner strong{font-family:'Shadows Into Light',cursive;font-size:24px!important;font-weight:400!important;line-height:1.05}
.human-dj-banner small{font-size:10px!important;color:#496058!important}
body.human-dj-live .hero{transform:translateY(-2px);box-shadow:0 34px 80px rgba(23,33,27,.16),0 0 0 2px rgba(32,216,107,.12) inset,0 0 60px rgba(32,216,107,.11)!important}
.live-schedule-strip{
  position:relative;overflow:hidden;
  padding:20px 22px!important;
  border-color:rgba(124,58,237,.18)!important;
  box-shadow:0 20px 46px rgba(23,33,27,.10),0 0 0 1px rgba(255,255,255,.45) inset!important;
}
.live-schedule-strip:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--violet),var(--orange),var(--lime))}
.live-schedule-strip .on-now{padding:10px 14px;border-radius:17px;background:rgba(124,58,237,.07)}
.live-schedule-strip .on-now .schedule-kicker{color:var(--violet);font-size:10px}
.live-schedule-strip .on-now strong{font-size:16px}
.live-schedule-strip .up-next{padding:10px 14px;border-radius:17px;background:rgba(255,216,77,.11)}
.live-schedule-strip .up-next .schedule-kicker{color:#9a6a00;font-size:10px}
.interaction-live-state{
  padding:15px 16px!important;
  border-radius:20px!important;
  box-shadow:0 13px 30px rgba(23,33,27,.08)!important;
}
.interaction-live-state strong{font-size:13px!important}
.interaction-live-state small{font-size:10px!important}
.interaction-live-state.is-live{
  border-color:rgba(32,216,107,.44)!important;
  background:linear-gradient(110deg,rgba(32,216,107,.18),rgba(140,240,0,.10),rgba(255,255,255,.66))!important;
  box-shadow:0 18px 40px rgba(32,216,107,.14),0 0 0 1px rgba(32,216,107,.08) inset!important;
}
.program-now-next{
  position:relative;overflow:hidden;
  border-color:rgba(124,58,237,.20)!important;
  box-shadow:0 22px 52px rgba(23,33,27,.11)!important;
}
.program-now-next:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--violet),var(--orange),var(--lime))}
.program-now-next>div:not(.program-next-arrow){padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.38)}
.program-now-next>div:first-child{background:rgba(124,58,237,.07)}
.program-now-next>div:last-child{background:rgba(255,216,77,.10)}
.current-dj-strip{
  padding:16px 18px!important;
  border-color:rgba(32,216,107,.32)!important;
  background:linear-gradient(90deg,rgba(32,216,107,.13),rgba(255,255,255,.62))!important;
  box-shadow:0 16px 36px rgba(32,216,107,.10)!important;
}
.current-dj-strip>span{color:#126b39;font-size:10px!important}
.current-dj-strip strong{font-size:16px!important}
.dj-live-note{
  padding:13px 15px!important;
  background:linear-gradient(100deg,rgba(124,58,237,.10),rgba(34,211,238,.08),rgba(255,255,255,.48))!important;
  border-color:rgba(124,58,237,.20)!important;
  box-shadow:0 12px 28px rgba(124,58,237,.07);
}
.dj-live-note span{font-size:10px!important;color:var(--violet)}
.dj-live-note small{font-size:10px!important}
@media(max-width:700px){
  .live-schedule-strip .on-now,.live-schedule-strip .up-next{padding:10px}
  .human-dj-banner strong{font-size:21px!important}
}
@media(prefers-reduced-motion:reduce){.request-state.is-open{animation:none!important}}

/* v1.8.2 — estado en vivo compartido entre Inicio, DJs y Programación */
.dj-live-note.is-live{
  border-color:rgba(140,240,0,.72);
  background:linear-gradient(135deg,rgba(140,240,0,.16),rgba(34,211,238,.12));
  box-shadow:0 18px 42px rgba(34,211,238,.12),0 0 0 1px rgba(140,240,0,.14) inset;
}
.dj-live-note.is-live span{font-weight:800;color:#15331c}
.current-dj-strip.is-human-live{
  border-color:rgba(140,240,0,.72);
  box-shadow:0 20px 46px rgba(37,99,235,.14),0 0 28px rgba(140,240,0,.16);
}
.program-now-next.is-human-live{
  border-color:rgba(140,240,0,.72);
  box-shadow:0 22px 54px rgba(37,99,235,.15),0 0 32px rgba(140,240,0,.15);
}
.program-now-next.is-human-live > div:first-child{
  background:linear-gradient(135deg,rgba(140,240,0,.16),rgba(34,211,238,.10));
}


/* v1.9 — producción, accesibilidad y páginas auxiliares */
.skip-link{position:fixed;left:12px;top:12px;z-index:9999;transform:translateY(-140%);background:#17211b;color:#fff;padding:10px 14px;border-radius:999px;font-weight:700;text-decoration:none}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid #7c3aed;outline-offset:3px}
.now-page{min-height:100vh}.now-share-card{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:34px;align-items:center;margin-top:22px;padding:30px;border-radius:32px;background:rgba(255,255,255,.62);border:1px solid var(--glass-line);box-shadow:0 24px 60px rgba(23,33,27,.12);backdrop-filter:blur(16px)}.now-share-cover img{width:100%;aspect-ratio:1;border-radius:28px;object-fit:cover;box-shadow:0 22px 48px rgba(23,33,27,.18)}.now-share-copy h1{font-family:'Shadows Into Light',cursive;font-size:clamp(42px,6vw,72px);font-weight:400;line-height:.95;margin:10px 0}.now-share-copy>p{font-size:18px;color:var(--muted)}.now-share-meta{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.now-share-meta span{background:rgba(255,255,255,.65);border:1px solid rgba(23,33,27,.10);padding:9px 12px;border-radius:14px}
@media(max-width:760px){.now-share-card{grid-template-columns:1fr;padding:18px}.now-share-cover{max-width:320px;margin:auto}.now-share-copy{text-align:center}.now-share-meta,.now-share-copy .track-actions{justify-content:center}}

/* v1.9.6 — rol público de DJs */
.dj-public-role{display:inline-flex;align-items:center;gap:.35rem;width:max-content;margin:.15rem 0 .65rem;padding:.34rem .62rem;border-radius:999px;border:1px solid rgba(18,43,32,.16);background:rgba(140,240,0,.12);color:#173321;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.dj-card.is-live .dj-public-role,.dj-card.is-human-live .dj-public-role{background:rgba(140,240,0,.22);border-color:rgba(140,240,0,.5)}

/* v1.9.7 — rediseño de bloques de DJs */
.dj-grid{gap:18px}
.dj-card.dj-card-v2{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:0;
  overflow:hidden;
  border-radius:28px;
  background:rgba(255,253,248,.76);
  border:1px solid rgba(23,33,27,.12);
  box-shadow:0 18px 44px rgba(23,33,27,.10);
}
.dj-card.dj-card-v2:hover{transform:translateY(-5px);box-shadow:0 26px 58px rgba(23,33,27,.14)}
.dj-card-top{display:flex;align-items:center;gap:15px;padding:20px 20px 14px;border-bottom:1px solid rgba(23,33,27,.08)}
.dj-card.dj-card-v2 .dj-avatar{width:72px;min-width:72px;margin:0;border-radius:22px;box-shadow:0 12px 28px rgba(23,33,27,.16)}
.dj-card-identity{min-width:0;flex:1}
.dj-card-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}
.dj-card.dj-card-v2 h3{margin:0;font-size:29px;line-height:1.05}
.dj-short-role{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em}
.dj-card.dj-card-v2 .dj-public-role{margin:0;padding:.28rem .55rem;font-size:.64rem}
.dj-card.dj-card-v2 .dj-status{padding:.28rem .55rem;border-radius:999px;background:rgba(23,33,27,.05);border:1px solid rgba(23,33,27,.08);font-size:8px}
.dj-card.dj-card-v2 .dj-status i{width:6px;height:6px;box-shadow:none}
.dj-bio{margin:0;padding:18px 20px 10px!important;min-height:0!important;font-size:12px!important;line-height:1.7!important;color:var(--muted)}
.dj-style-tags{padding:0 20px 18px;margin-top:auto!important}
.dj-style-tags span{background:rgba(124,58,237,.07);border-color:rgba(124,58,237,.14);color:#4d3b63}
.dj-card-bottom{margin-top:auto;padding:16px 20px 20px;background:rgba(23,33,27,.035);border-top:1px solid rgba(23,33,27,.07)}
.dj-card.dj-card-v2 .dj-time{margin:0;padding:0;border:0;display:block}
.dj-card.dj-card-v2 .dj-time span{display:block;margin-bottom:5px;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.dj-card.dj-card-v2 .dj-time strong{display:block;font-size:11px;line-height:1.45}
.dj-card.dj-card-v2 .dj-listen{display:inline-flex;align-items:center;justify-content:center;margin-top:13px;padding:9px 12px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-size:9px;font-weight:800;box-shadow:4px 4px 0 var(--lime)}
.dj-offair{display:block;margin-top:11px;font-size:9px;color:var(--muted);font-weight:600}
.dj-card.dj-card-v2.is-live,.dj-card.dj-card-v2.is-human-live{border-color:rgba(32,216,107,.45)!important;box-shadow:0 22px 54px rgba(32,216,107,.15),0 0 0 1px rgba(32,216,107,.08) inset!important}
.dj-card.dj-card-v2.is-live .dj-card-top,.dj-card.dj-card-v2.is-human-live .dj-card-top{background:rgba(140,240,0,.07)}
.dj-card.dj-card-v2.is-live .dj-status,.dj-card.dj-card-v2.is-human-live .dj-status{background:rgba(140,240,0,.16);border-color:rgba(140,240,0,.28);color:#128744}
.dj-card.dj-card-v2.is-live .dj-status i,.dj-card.dj-card-v2.is-human-live .dj-status i{background:var(--lime);box-shadow:0 0 0 4px rgba(140,240,0,.12)}
@media(max-width:900px){.dj-grid{gap:14px}.dj-card-top{padding:17px 17px 13px}.dj-card.dj-card-v2 .dj-avatar{width:62px;min-width:62px;border-radius:19px}.dj-card.dj-card-v2 h3{font-size:26px}.dj-bio{padding:15px 17px 9px!important}.dj-style-tags{padding:0 17px 15px}.dj-card-bottom{padding:14px 17px 17px}}
@media(max-width:560px){.dj-grid{grid-template-columns:1fr}.dj-card.dj-card-v2{border-radius:24px}.dj-card-top{align-items:flex-start}.dj-card.dj-card-v2 .dj-avatar{width:58px;min-width:58px}.dj-card.dj-card-v2 h3{font-size:25px}}

/* v1.9.10 — alineación fina de badges/nombres en cards de DJs */
.dj-grid{gap:24px}
.dj-card.dj-card-v2{
  min-height:428px;
  position:relative;
}
.dj-card.dj-card-v2::before{
  content:"";
  position:absolute;
  top:0;left:12px;right:12px;
  height:4px;
  border-radius:999px;
  background:#b517ff;
  z-index:2;
}
.dj-card.dj-card-v2:nth-child(4n+2)::before{background:#19bce8}
.dj-card.dj-card-v2:nth-child(4n+3)::before{background:#ff7a00}
.dj-card.dj-card-v2:nth-child(4n+4)::before{background:#1adf7a}
.dj-card.dj-card-v2::after{
  content:"♪";
  position:absolute;
  right:20px;
  top:96px;
  font-size:52px;
  line-height:1;
  color:rgba(181,23,255,.07);
  pointer-events:none;
}
.dj-card-top{
  align-items:flex-start;
  gap:16px;
  padding:25px 24px 20px;
}
.dj-card.dj-card-v2 .dj-avatar{
  width:76px;
  min-width:76px;
  border-radius:23px;
  box-shadow:0 12px 28px rgba(23,33,27,.14),0 0 0 4px rgba(181,23,255,.16);
}
.dj-card-identity{min-width:0;flex:1;padding-top:1px}
.dj-card-badges{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  align-items:center;
  gap:6px;
  min-height:26px;
  margin:0 0 10px;
}
.dj-card.dj-card-v2 .dj-public-role{
  display:flex;
  align-items:center;
  justify-content:center;
  width:64px;
  min-width:64px;
  height:24px;
  margin:0;
  padding:0 6px;
  box-sizing:border-box;
  font-size:7px;
  line-height:1;
  letter-spacing:.045em;
  white-space:nowrap;
}
.dj-card.dj-card-v2 .dj-status{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  width:max-content;
  max-width:100%;
  min-height:24px;
  padding:0 8px;
  box-sizing:border-box;
  font-size:7px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dj-card.dj-card-v2 h3{
  margin:0;
  font-size:26px;
  line-height:1.02;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dj-short-role{margin-top:7px;font-size:9px}
.dj-bio{padding:24px 24px 14px!important;line-height:1.8!important}
.dj-style-tags{padding:0 24px 24px;gap:7px!important}
.dj-style-tags span{padding:6px 9px!important}
.dj-card-bottom{padding:20px 24px 24px;min-height:92px}
.dj-card.dj-card-v2 .dj-time span{margin-bottom:8px}
.dj-offair{margin-top:15px}
.dj-card.dj-card-v2.is-live::before,.dj-card.dj-card-v2.is-human-live::before{background:#20d86b}

@media(max-width:900px){
  .dj-grid{gap:18px}
  .dj-card.dj-card-v2{min-height:410px}
  .dj-card-top{padding:21px 20px 17px}
  .dj-card.dj-card-v2 .dj-avatar{width:66px;min-width:66px}
  .dj-card-badges{grid-template-columns:60px minmax(0,1fr);gap:5px}
  .dj-card.dj-card-v2 .dj-public-role{width:60px;min-width:60px;font-size:6.7px}
  .dj-card.dj-card-v2 h3{font-size:24px}
  .dj-bio{padding:20px 20px 12px!important}
  .dj-style-tags{padding:0 20px 20px}
  .dj-card-bottom{padding:18px 20px 21px}
}
@media(max-width:560px){
  .dj-card.dj-card-v2{min-height:0}
  .dj-card-top{align-items:flex-start}
  .dj-card-badges{grid-template-columns:58px minmax(0,1fr)}
  .dj-card.dj-card-v2 .dj-public-role{width:58px;min-width:58px;font-size:6.5px}
  .dj-card.dj-card-v2 .dj-status{font-size:6.7px}
  .dj-card.dj-card-v2 h3{font-size:24px}
}


/* DARK SLATE — component surfaces audited against original light declarations */
:root{color-scheme:dark;--ink:#edf5f9;--muted:#bfd0dc;--paper:#202d39;--card:#304250;--lime:#b8ec83;--pink:#ff98bd;--orange:#ffb16e;--blue:#99c4ff;--violet:#c4a9ff;--line:rgba(204,225,237,.22);--glass-line:rgba(204,225,237,.22);--shadow:0 18px 44px rgba(9,18,28,.24)}
body{color:var(--ink);background:radial-gradient(circle at 12% 6%,#34465c 0%,transparent 33%),radial-gradient(circle at 87% 34%,#434157 0%,transparent 40%),#202d39}
.noise{opacity:.075;mix-blend-mode:screen}
.station-head,.radio-footer{background:#304452;border-color:var(--line);box-shadow:0 13px 34px rgba(9,17,26,.22)}
.station-head:hover{box-shadow:0 17px 39px rgba(9,17,26,.3)}
.hero{background:linear-gradient(115deg,#33485a,#344253 52%,#4b4355);border-color:var(--line)}
.page-hero{background:linear-gradient(135deg,#334858,#3c4557);border-color:var(--line);box-shadow:var(--shadow)}
.orb-a{background:rgba(184,236,131,.13)}.orb-b{background:rgba(153,196,255,.16)}
.hero:before{opacity:.12}.hero,.history-card,.about-card,.vibe-card,.quick-strip>div{box-shadow:var(--shadow)}
.quick-strip>div,.history-card,.about-card,.vibe-card,.day-card,.day-card.featured,.dj-card,.dj-card.dj-card-v2,.schedule-full,.interaction-zone,.interaction-home,.interaction-form,.interaction-home .interaction-form,.interaction-home .request-form,.program-now-next,.live-schedule-strip,.now-share-card,.dj-feature,.radio-footer,.contact-card,.contact-panel{background:#304250;color:var(--ink);border-color:var(--line)}
.about-card{background:linear-gradient(135deg,#344858,#434354)}.vibe-card{background:linear-gradient(135deg,#3d4652,#464450)}
.quick-strip>div{background:linear-gradient(145deg,#354a59,#304250)}
.live-schedule-strip{background:linear-gradient(125deg,#354b5b,#394554)}
.live-schedule-strip .up-next,.program-now-next>div:not(.program-next-arrow),.program-now-next>div:last-child,.interaction-live-state,.interaction-live-state.is-live{background:#3e5160;color:var(--ink);border-color:var(--line)}
.program-now-next{background:#304250}
.interaction-home{background:#304250}.interaction-home .interaction-form,.interaction-home .request-form{background:#3b4e5e}
.interaction-badges span,.action-chip,.mini-action,.vibe-tags span,.soft-badge,.meta-row>span,.floating-live,.activity-pill{background:#405464;color:var(--ink);border-color:var(--line)}
.meta-row>span:hover,.action-chip:hover,.mini-action:hover,.vibe-tags span:hover{background:#4a6070;color:#fff}
.interaction-live-state.is-live{border-color:#6ea99b;background:#35594f}
.dj-card-bottom,.dj-card.dj-card-v2 .dj-card-bottom{background:#293c49}
.dj-card.dj-card-v2 .dj-status{background:#3e5260;color:#edf5f9;border-color:var(--line)}
.dj-card.dj-card-v2 .dj-public-role{background:#4d6653;color:#f2ffe7;border-color:#71946b;width:auto;min-width:0;max-width:100%;font-size:9px;padding:0 10px}
.dj-card-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.dj-style-tags span{background:#424a64;color:#eee6ff;border-color:#696384}
.history-cover,.track .n,.avatar-mini{background:#405363;color:var(--ink);border-color:var(--line)}
.eyebrow,.schedule-kicker,.section-title span,.field label{color:#c8d9e3}
.artist,.section-title p,.interaction-intro p,.about-card p,.vibe-card p,.dj-feature p,.footer-brand small,.footer-note small{color:var(--muted)}
.play,.ghost,.share,.header-listen,.schedule-link,.dj-card.dj-card-v2 .dj-listen{background:#ffb16e;color:#182a35;border-color:#ffb16e;box-shadow:3px 4px 0 rgba(184,236,131,.29)}
.play:hover,.ghost:hover,.share:hover,.header-listen:hover,.schedule-link:hover{background:#ffd09e;color:#182a35}
.site-nav a.active{background:#486274;color:#fff}.site-nav a:hover{background:#425869;color:#fff!important}
.footer-top{background:#415665;color:#fff;border-color:var(--line)}.footer-top:hover{background:#4b6374;color:#fff}
.closing-band{background:#172b37;color:#fff}.closing-band .eyebrow{color:#bfced7}
.track:hover{background:rgba(153,196,255,.1)}
input,textarea,select{background:#263c4b;color:#f7fbff;border:1px solid #637989;accent-color:#ffb16e}
input::placeholder,textarea::placeholder{color:#b5c7d2;opacity:1}
input:focus,textarea:focus,select:focus{outline:2px solid #99c4ff;outline-offset:1px;border-color:#99c4ff}
button,a{ -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible{outline:2px solid #ffb16e;outline-offset:3px}
.interaction-live-state strong,.interaction-live-state small{color:var(--ink)}
@media(max-width:900px){.dj-card.dj-card-v2 .dj-public-role{width:auto;min-width:0;font-size:9px}}
@media(max-width:560px){.dj-card-badges{display:flex;gap:6px}.dj-card.dj-card-v2 .dj-public-role{width:auto;min-width:0;font-size:9px}}


/* DARK MODERADO · componentes finales; integra los botones heredados sin hojas extra */
:root{
  --surface-tint:rgba(49,69,84,.83);--surface-raised:rgba(57,79,94,.79);
  --surface-line:rgba(209,229,239,.21);--button-primary:#ffb16e;
  --button-primary-hover:#ffd09c;--button-secondary:rgba(75,101,119,.88);
  --depth-shadow:0 18px 44px rgba(7,16,28,.31),0 3px 9px rgba(7,16,28,.13);
}
/* Textura nueva: ondas topográficas finas, sin puntos ni retícula diagonal. */
body{
  background-color:#222f3d;
  background-image:
    url("wave-lines.svg"),
    radial-gradient(ellipse at 13% 8%,rgba(106,148,168,.24),transparent 49%),
    radial-gradient(ellipse at 88% 56%,rgba(132,103,156,.21),transparent 48%),
    linear-gradient(150deg,#233546,#283849 55%,#202e40);
  background-size:620px 620px,auto,auto,auto;
  background-position:center top,center,center,center;
  background-repeat:repeat,no-repeat,no-repeat,no-repeat;
  background-attachment:fixed;
}
body::before,body::after{content:none!important;display:none!important}
.shell{position:relative;z-index:1}
.station-head,.mobile-app-nav{background:rgba(39,58,73,.91);border-color:var(--surface-line);box-shadow:0 12px 32px rgba(5,15,26,.24);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hero,.page-hero,.error-radio{border-color:var(--surface-line);box-shadow:0 24px 58px rgba(5,15,26,.29)}
/* Todos los paneles principales usan superficies translúcidas, con profundidad coherente */
:where(.quick-strip>div,.history-card,.about-card,.vibe-card,.day-card,.day-card.featured,.dj-card,.dj-card.dj-card-v2,.schedule-full,.interaction-zone,.interaction-home,.program-now-next,.live-schedule-strip,.now-share-card,.dj-feature,.contact-card,.contact-panel,.page-band,.contact-main,.contact-side,.schedule-card,.radio-footer){
  background:var(--surface-tint);border-color:var(--surface-line);
  box-shadow:var(--depth-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
:where(.interaction-form,.interaction-home .interaction-form,.interaction-home .request-form,.live-schedule-strip .up-next,.program-now-next>div:not(.program-next-arrow),.interaction-live-state,.interaction-badges span,.contact-side>div){
  background:var(--surface-raised);border-color:var(--surface-line);color:var(--ink);
  box-shadow:0 9px 23px rgba(5,15,25,.17);
}
.interaction-home .request-form{background:linear-gradient(135deg,rgba(68,83,103,.83),rgba(70,73,87,.78))}
.interaction-form input,.interaction-form textarea,input,textarea,select{background:rgba(30,49,64,.91);color:#f2f8fc;border-color:rgba(195,219,233,.32)}
.interaction-form input::placeholder,.interaction-form textarea::placeholder{color:#b8cbd7;opacity:1}
/* Botones: retirar la apariencia de la versión clara en todos los estilos de acción */
:where(.play,.ghost,.share,.header-listen,.schedule-link,.page-cta,.dj-card.dj-card-v2 .dj-listen,.interaction-form .page-cta){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--button-primary);color:#172835;border:1px solid rgba(255,202,150,.88);
  box-shadow:0 7px 18px rgba(6,17,28,.23),0 3px 0 rgba(255,255,255,.10) inset;
  text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
:where(.play,.ghost,.share,.header-listen,.schedule-link,.page-cta,.dj-card.dj-card-v2 .dj-listen,.interaction-form .page-cta):hover:not(:disabled){
  background:var(--button-primary-hover);color:#172835;transform:translateY(-2px);
  box-shadow:0 11px 26px rgba(6,17,28,.32);
}
:where(.action-chip,.mini-action,.ghost.ghost-soft,.sheet-actions button,.footer-top){
  background:var(--button-secondary);color:#f4f8fc;border:1px solid var(--surface-line);
  box-shadow:0 7px 18px rgba(6,17,28,.18);transition:background .2s ease,transform .2s ease;
}
:where(.action-chip,.mini-action,.ghost.ghost-soft,.sheet-actions button,.footer-top):hover:not(:disabled){background:rgba(96,127,145,.95);color:#fff;transform:translateY(-2px)}
:where(button,.page-cta,.header-listen,.schedule-link,.mini-action,.action-chip):disabled,
.interaction-form.is-locked button[type=submit]{opacity:.55;cursor:not-allowed;filter:saturate(.55);transform:none;box-shadow:none}
:where(button,a,input,textarea,select):focus-visible{outline:2px solid #ffd09c;outline-offset:3px}
:where(.dj-card,.day-card,.history-card,.about-card,.vibe-card,.quick-strip>div){transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
:where(.dj-card,.day-card,.history-card,.about-card,.vibe-card,.quick-strip>div):hover{box-shadow:0 25px 55px rgba(4,13,25,.39);border-color:rgba(196,221,234,.34)}
.dj-card.dj-card-v2 .dj-public-role{width:auto;min-width:0;max-width:100%;white-space:nowrap}
.dj-card-badges{display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:560px){body::after{opacity:.18;background-size:31px 31px,180px 180px} :where(.interaction-zone,.interaction-home){backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){:where(.play,.ghost,.share,.header-listen,.schedule-link,.page-cta,.action-chip,.mini-action):hover{transform:none}}

/* === Dark Glass v1.9.10: saneamiento de componentes y accesibilidad === */
:root{--surface-tint:rgba(49,69,83,.76);--surface-raised:rgba(58,78,94,.77);--surface-line:rgba(195,219,233,.27);--depth-shadow:0 23px 54px rgba(3,11,23,.44),0 7px 17px rgba(3,11,23,.19)}
.station-brand{min-width:0;align-items:center;gap:12px}
.station-brand .brand-dot{flex:0 0 44px;width:44px;height:44px;background:linear-gradient(145deg,#ffb86d,#ff855e);color:#192b38;border:1px solid rgba(255,229,197,.65);box-shadow:0 5px 20px rgba(4,12,23,.32),0 0 0 3px rgba(255,186,109,.13);font-size:21px;line-height:1;overflow:visible}
.brand-copy strong,.station-brand strong{color:#f7fbff;line-height:1.2}
.brand-copy small{color:#cbdce7}
.dj-card.dj-card-v2{background:rgba(49,68,83,.79);border:1px solid rgba(198,222,233,.26);box-shadow:0 20px 46px rgba(4,11,24,.38),0 2px 0 rgba(255,255,255,.045) inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}
.dj-card.dj-card-v2 .dj-card-top{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:23px 21px 19px}
.dj-card.dj-card-v2 .dj-avatar{flex:0 0 72px;width:72px;min-width:72px;height:72px;aspect-ratio:1;overflow:visible;display:grid;place-items:center;font-size:27px;line-height:1.2;border-radius:19px;color:#fff;box-shadow:0 11px 29px rgba(2,10,22,.37),0 0 0 3px rgba(211,229,244,.12)}
.dj-card-identity{flex:1;min-width:0;overflow:visible}
.dj-card-badges{display:flex!important;flex-wrap:wrap!important;align-items:center;justify-content:flex-start;gap:7px;min-height:26px;margin-bottom:10px;overflow:visible}
.dj-card.dj-card-v2 .dj-public-role,.dj-card.dj-card-v2 .dj-status{display:inline-flex;align-items:center;justify-content:center;width:auto!important;min-width:0!important;max-width:100%;min-height:25px;height:auto;padding:5px 10px;font-size:10px!important;font-weight:800;line-height:1.2;letter-spacing:.02em;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;border-radius:999px}
.dj-card.dj-card-v2 .dj-public-role{background:rgba(157,207,156,.2);border:1px solid rgba(174,232,164,.38);color:#e6ffda}
.dj-card.dj-card-v2 .dj-status{background:rgba(157,191,211,.14);border:1px solid rgba(199,220,233,.3);color:#eef6fa;text-align:center;gap:6px}
.dj-card.dj-card-v2 .dj-status i{flex:none}
.dj-card.dj-card-v2 h3{display:flex;align-items:flex-start;gap:7px;min-width:0;max-width:100%;font-size:26px;line-height:1.28;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
.dj-name-emoji{flex:0 0 auto;display:inline-block;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:.85em;line-height:1.45;overflow:visible}
.dj-name-text{flex:1;min-width:0;overflow-wrap:anywhere}
.dj-short-role,.dj-offair,.dj-card.dj-card-v2 .dj-time strong{color:#e4eff7}
.dj-card.dj-card-v2 .dj-bio,.dj-card.dj-card-v2 p{color:#cfdee8}
.dj-card.dj-card-v2 .dj-card-bottom{background:rgba(22,39,53,.44);border-top:1px solid rgba(196,222,239,.20)}
.dj-card.dj-card-v2::after{color:rgba(208,171,247,.16)}
.dj-feature,.page-hero,.hero,.interaction-home,.interaction-zone,.program-now-next,.live-schedule-strip,.schedule-full,.contact-main,.contact-side,.contact-panel,.history-card,.about-card,.vibe-card,.day-card,.quick-strip>div,.radio-footer{box-shadow:0 24px 56px rgba(4,12,25,.37),0 4px 16px rgba(4,12,25,.18);border-color:rgba(201,220,234,.28)}
.interaction-home,.interaction-zone,.program-now-next,.live-schedule-strip,.schedule-full,.contact-panel,.history-card,.about-card,.vibe-card,.day-card,.quick-strip>div{background:rgba(51,72,88,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.page-band{background:linear-gradient(135deg,rgba(43,65,79,.88),rgba(39,56,76,.83));color:#f6f9fc}
.page-band h2,.page-band p,.page-band .eyebrow{color:#edf5fa}
/* Botones y textos: evitar colores heredados demasiado claros en superficies claras */
.play,.ghost,.share,.header-listen,.schedule-link,.page-cta,.dj-card.dj-card-v2 .dj-listen,.interaction-form .page-cta{background:#ffb474!important;color:#1b2935!important;border:1px solid #ffc99b!important;text-shadow:none!important;box-shadow:0 9px 22px rgba(5,15,27,.32)!important}
.play:hover,.ghost:hover,.share:hover,.header-listen:hover,.schedule-link:hover,.page-cta:hover,.dj-card.dj-card-v2 .dj-listen:hover{background:#ffd0a2!important;color:#172532!important;box-shadow:0 13px 27px rgba(5,15,27,.42)!important}
.action-chip,.mini-action,.footer-top{background:rgba(77,104,124,.9);color:#f7fbff;border:1px solid rgba(202,221,233,.33)}
a,button{ text-underline-offset:3px }
button:focus-visible,a:focus-visible{outline:3px solid #ffbf83;outline-offset:3px}
@media(max-width:900px){.dj-card.dj-card-v2 .dj-card-top{padding:19px 17px 16px}.dj-card.dj-card-v2 .dj-avatar{width:66px;min-width:66px;flex-basis:66px;height:66px}.dj-card.dj-card-v2 h3{font-size:23px}}
@media(max-width:560px){.dj-card.dj-card-v2 .dj-card-top{gap:13px;padding:18px 16px 15px}.dj-card.dj-card-v2 .dj-avatar{width:61px;min-width:61px;flex-basis:61px;height:61px}.dj-card.dj-card-v2 h3{font-size:23px}.dj-card.dj-card-v2 .dj-public-role,.dj-card.dj-card-v2 .dj-status{font-size:10px!important}.station-brand .brand-dot{flex-basis:39px;width:39px;height:39px}}

/* Acabado visual final: cristales más transparentes y profundidad real */
:root{--surface-tint:rgba(49,70,88,.59);--surface-raised:rgba(61,82,101,.67);--depth-shadow:0 28px 65px rgba(3,10,22,.53),0 10px 25px rgba(3,10,22,.26),inset 0 1px 0 rgba(240,250,255,.13)}
:where(.hero,.page-hero,.error-radio,.dj-feature,.interaction-home,.interaction-zone,.program-now-next,.live-schedule-strip,.schedule-full,.contact-main,.contact-side,.contact-panel,.history-card,.about-card,.vibe-card,.day-card,.quick-strip>div,.radio-footer,.now-share-card,.page-band){
  background-color:rgba(49,70,88,.57);
  border:1px solid rgba(203,229,244,.31);
  box-shadow:0 30px 72px rgba(3,11,25,.52),0 8px 20px rgba(3,11,25,.28),inset 0 1px rgba(244,251,255,.15);
  backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);
}
:where(.dj-card.dj-card-v2,.interaction-form,.history-card,.day-card,.about-card,.vibe-card,.quick-strip>div){
  background:rgba(56,77,96,.63);
  border:1px solid rgba(218,233,245,.27);
  box-shadow:0 23px 54px rgba(3,10,24,.48),0 6px 17px rgba(3,10,24,.25),inset 0 1px rgba(255,255,255,.12);
  backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
}
:where(.dj-card.dj-card-v2,.history-card,.day-card,.about-card,.vibe-card,.quick-strip>div):hover{
  transform:translateY(-4px);
  box-shadow:0 34px 76px rgba(3,10,24,.57),0 12px 26px rgba(3,10,24,.29),inset 0 1px rgba(255,255,255,.17);
}
@media(max-width:560px){body{background-size:440px 440px,auto,auto,auto;background-attachment:scroll}}


/* FIX 5 — alineación DJs, badges de agenda y franja al aire */
/* Sustituye los degradados claros heredados por superficies oscuras legibles. */
.live-schedule-strip,
.current-dj-strip,
.dj-live-note,
.program-now-next,
.program-now-next.is-human-live,
.current-dj-strip.is-human-live{
  background:rgba(43,66,81,.78)!important;
  border:1px solid rgba(175,212,230,.30)!important;
  color:#f2f8fc!important;
  box-shadow:0 18px 42px rgba(4,12,27,.38),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.live-schedule-strip .on-now,
.live-schedule-strip .up-next,
.program-now-next>div:not(.program-next-arrow),
.program-now-next.is-human-live>div:first-child{
  background:rgba(22,43,57,.35)!important;
  border:1px solid rgba(195,218,234,.14)!important;
  color:#eff8ff!important;
  box-shadow:none!important;
}
.live-schedule-strip .schedule-kicker,
.live-schedule-strip .on-now .schedule-kicker,
.program-now-next span{color:#ffbd86!important}
.live-schedule-strip strong,.program-now-next strong,
.current-dj-strip strong,.dj-live-note span{color:#f7fbff!important}
.live-schedule-strip small,.program-now-next small,.dj-live-note small{color:#c8dae5!important}
.live-schedule-strip .schedule-arrow,.program-next-arrow{color:#ffbf91!important}
/* Burbuja 24/7 y abreviaturas de los días: etiquetas planas, sin círculos fosforescentes. */
.day-card header em,
.schedule-head em,
.schedule-wrap .schedule-header em,
.schedule-full .schedule-head em{
  position:static!important;
  display:inline-flex!important;align-items:center;justify-content:center;
  width:auto!important;min-width:0!important;height:auto!important;
  padding:5px 9px!important;border-radius:7px!important;
  background:rgba(85,115,139,.52)!important;color:#edf7ff!important;
  border:1px solid rgba(194,218,233,.25)!important;
  font-size:10px!important;line-height:1.3!important;
  box-shadow:none!important;transform:none!important;
}
.day-card header .day-icon,.day-card header .day-tag,
.day-card header>span:first-child{
  background:rgba(83,113,134,.55)!important;
  border:1px solid rgba(190,219,239,.28)!important;
  border-radius:10px!important;color:#eef8ff!important;
  box-shadow:none!important;
}
.day-card header .day-icon,.day-card header>span:first-child{min-width:43px;min-height:43px;display:inline-grid;place-items:center}
/* Etiquetas de roles: zona constante, filas estables y sin anchos arbitrarios. */
.dj-card.dj-card-v2 .dj-card-top{display:grid!important;grid-template-columns:72px minmax(0,1fr);align-items:start!important;gap:14px!important}
.dj-card.dj-card-v2 .dj-avatar{grid-column:1;grid-row:1;max-width:72px}
.dj-card.dj-card-v2 .dj-card-identity{grid-column:2;min-width:0;padding:0!important}
.dj-card.dj-card-v2 .dj-card-badges{
  display:grid!important;grid-template-columns:minmax(0,max-content) minmax(0,max-content)!important;
  justify-content:start!important;align-items:center!important;
  gap:6px!important;min-height:28px;margin:0 0 9px!important;
  overflow:visible!important;
}
.dj-card.dj-card-v2 .dj-public-role,.dj-card.dj-card-v2 .dj-status{
  width:max-content!important;min-width:0!important;max-width:100%!important;
  height:26px!important;min-height:26px!important;padding:4px 9px!important;
  border-radius:8px!important;line-height:1.1!important;
  font-size:9px!important;font-weight:800!important;white-space:nowrap!important;
  overflow:visible!important;text-overflow:clip!important;box-sizing:border-box!important;
}
.dj-card.dj-card-v2 .dj-status{gap:5px!important}
.dj-card.dj-card-v2 h3{margin-top:0!important}
@media(max-width:900px){.dj-card.dj-card-v2 .dj-card-top{grid-template-columns:64px minmax(0,1fr)}.dj-card.dj-card-v2 .dj-avatar{max-width:64px}}
@media(max-width:560px){
  .dj-card.dj-card-v2 .dj-card-top{grid-template-columns:60px minmax(0,1fr);gap:12px!important}
  .dj-card.dj-card-v2 .dj-avatar{max-width:60px}
  .dj-card.dj-card-v2 .dj-card-badges{grid-template-columns:max-content max-content!important;gap:5px!important}
  .dj-card.dj-card-v2 .dj-public-role,.dj-card.dj-card-v2 .dj-status{font-size:8px!important;padding:4px 7px!important}
  .live-schedule-strip,.program-now-next{gap:8px}
}

/* DISCO LOUNGE V7 — luces visibles sobre superficies, no solo detrás de ellas. */
:root{--club-cyan:#32cafa;--club-purple:#bf76ff;--club-coral:#ff966b}
body{
 background-color:#223447!important;
 background-image:url("wave-lines.svg"),radial-gradient(ellipse 32% 42% at 4% 30%,rgba(39,196,251,.43),transparent 92%),radial-gradient(ellipse 38% 45% at 94% 43%,rgba(173,92,248,.42),transparent 91%),radial-gradient(ellipse 30% 42% at 50% 94%,rgba(255,142,79,.27),transparent 90%),linear-gradient(125deg,#243b4c,#243249 55%,#302c4c)!important;
 background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
 background-size:620px 620px,110% 105%,110% 105%,110% 105%,cover!important;
 background-position:0 0,0% 16%,100% 34%,50% 95%,center!important;
 background-attachment:fixed!important;
 animation:clubAmbientV7 13s ease-in-out infinite alternate!important;
}
@keyframes clubAmbientV7{
 0%{background-position:0 0,0% 12%,100% 36%,50% 95% ,center}
 100%{background-position:0 0,16% 22%,82% 16%,36% 85%,center}
}
/* Las luces se pintan EN la superficie de las tarjetas. La última capa es su base oscura translúcida. */
:where(.hero,.page-hero,.dj-feature,.dj-card.dj-card-v2,.day-card,.schedule-full,.interaction-zone,.interaction-home,.history-card,.about-card,.vibe-card,.contact-panel,.contact-card,.quick-strip>div,.program-now-next,.live-schedule-strip,.page-band){
 background-image:
 radial-gradient(ellipse 78% 85% at 0% 0%,rgba(53,199,254,.23),transparent 72%),
 radial-gradient(ellipse 72% 78% at 100% 3%,rgba(195,102,255,.18),transparent 75%),
 linear-gradient(145deg,rgba(72,100,123,.72),rgba(33,52,73,.71))!important;
 background-color:rgba(34,54,73,.58)!important;
 border:1px solid rgba(114,209,254,.43)!important;
 box-shadow:0 25px 55px rgba(2,10,25,.54),0 0 0 1px rgba(137,222,254,.08),-12px -8px 32px rgba(35,185,247,.18),13px 13px 38px rgba(183,95,250,.17),inset 0 1px 0 rgba(255,255,255,.22)!important;
 backdrop-filter:blur(11px) saturate(125%);-webkit-backdrop-filter:blur(11px) saturate(125%);
 transition:box-shadow .35s ease,border-color .35s ease,transform .35s ease,background-position 1.5s ease;
}
/* Efecto club: foco luminoso reconocible en cada tarjeta, alternando tonos. */
.dj-card.dj-card-v2:nth-child(4n+1),.day-card:nth-child(4n+1){border-top:3px solid #d65aff!important;box-shadow:0 24px 52px rgba(2,10,25,.54),0 -9px 31px rgba(200,80,255,.30),-9px 12px 29px rgba(177,74,244,.14),inset 0 1px 0 rgba(255,255,255,.19)!important}
.dj-card.dj-card-v2:nth-child(4n+2),.day-card:nth-child(4n+2){border-top:3px solid #32cafa!important;box-shadow:0 24px 52px rgba(2,10,25,.54),0 -9px 31px rgba(44,203,255,.32),9px 12px 29px rgba(37,170,244,.14),inset 0 1px 0 rgba(255,255,255,.19)!important}
.dj-card.dj-card-v2:nth-child(4n+3),.day-card:nth-child(4n+3){border-top:3px solid #ff994e!important;box-shadow:0 24px 52px rgba(2,10,25,.54),0 -9px 31px rgba(255,150,69,.30),9px 12px 29px rgba(255,141,57,.13),inset 0 1px 0 rgba(255,255,255,.19)!important}
.dj-card.dj-card-v2:nth-child(4n+4),.day-card:nth-child(4n+4){border-top:3px solid #43e8b2!important;box-shadow:0 24px 52px rgba(2,10,25,.54),0 -9px 31px rgba(54,228,177,.28),9px 12px 29px rgba(51,196,198,.13),inset 0 1px 0 rgba(255,255,255,.19)!important}
:where(.dj-card.dj-card-v2,.day-card,.history-card,.vibe-card,.quick-strip>div):hover{
 transform:translateY(-5px);
 border-color:rgba(197,233,255,.7)!important;
 box-shadow:0 33px 65px rgba(2,9,24,.62),0 0 44px rgba(47,197,249,.31),0 0 39px rgba(202,91,252,.20),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
/* El encabezado y la emisión también reflejan luz por delante de la textura. */
:where(.site-header,.nav-shell,.topbar,.radio-header,.header-inner){box-shadow:0 17px 44px rgba(2,9,22,.5),0 0 27px rgba(50,202,250,.26)!important}
:where(.live-schedule-strip,.current-dj-strip,.dj-live-note,.program-now-next){border-color:rgba(65,213,216,.52)!important;box-shadow:0 19px 49px rgba(3,14,31,.51),0 0 35px rgba(46,207,223,.30),inset 0 1px rgba(255,255,255,.22)!important}
.station-brand .brand-dot{box-shadow:0 0 0 3px rgba(255,255,255,.09),0 0 26px rgba(255,151,69,.55),0 9px 23px rgba(4,12,26,.46)!important}
@keyframes clubLEDV7{0%,100%{box-shadow:0 0 5px 2px rgba(255,109,85,.45)}50%{box-shadow:0 0 17px 5px rgba(255,112,84,.85)}}
:where(.live-schedule-strip,.current-dj-strip,.dj-live-note) .live-dot{animation:clubLEDV7 2.4s ease-in-out infinite}
/* Badges mantienen alineación y contraste. */
.dj-card.dj-card-v2 .dj-card-badges{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;min-height:28px}
.dj-card.dj-card-v2 .dj-public-role,.dj-card.dj-card-v2 .dj-status{width:auto!important;height:auto!important;min-height:26px!important;max-width:100%!important;font-size:10px!important;padding:5px 9px!important;white-space:nowrap!important}
@media(max-width:900px){body{background-attachment:scroll!important}}
@media(max-width:560px){body{background-size:400px 400px,130% 100%,130% 100%,130% 100%,cover!important}.dj-card.dj-card-v2 .dj-public-role,.dj-card.dj-card-v2 .dj-status{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){body{animation:none!important}.live-dot{animation:none!important}}


/* FIX V10 — restaurar la cuadrícula del reproductor. La luz no altera el layout. */
.station-head{position:sticky!important;top:12px;isolation:isolate;overflow:hidden;
  background-color:rgba(31,49,67,.92)!important;
  border:1px solid rgba(101,207,255,.58)!important;
  box-shadow:0 17px 45px rgba(0,6,20,.55),0 0 28px rgba(44,180,255,.25),inset 0 1px rgba(255,255,255,.27)!important;
}
/* Solo el menu tiene reflejo en ::after. No usar .hero > * para posicionar elementos:
   esa regla convertía los orbes absolutos en celdas del grid, rompiendo el reproductor. */
.station-head::after{
  content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;
  width:32%;border:0;border-radius:0;z-index:1;
  background:linear-gradient(90deg,transparent,rgba(65,188,255,.18) 22%,rgba(255,255,255,.62) 50%,rgba(132,191,255,.18) 78%,transparent);
  filter:blur(10px);opacity:.95;
  transform:translateX(-115%) skewX(-15deg);
  animation:radioMenuSweepV10 4.8s ease-in-out infinite;
}
@keyframes radioMenuSweepV10{
  0%,13%{transform:translateX(-115%) skewX(-15deg)}
  65%,100%{transform:translateX(335%) skewX(-15deg)}
}
.station-head > :not(.hero-orb){position:relative;z-index:2}
.hero{position:relative;isolation:isolate;overflow:hidden;
 box-shadow:0 26px 64px rgba(2,9,22,.56),0 0 36px rgba(152,93,255,.24),inset 0 1px rgba(255,255,255,.2)!important;
}
/* El barrido del reproductor reutiliza ::before (decorativo); ::after permanece
   como línea inferior original. No crea elementos que ocupen espacio en el grid. */
.hero::before{
 content:"";pointer-events:none;position:absolute;inset:0 auto 0 0;width:30%;z-index:3;
 background:linear-gradient(90deg,transparent,rgba(38,191,255,.14) 24%,rgba(255,255,255,.40) 51%,rgba(148,111,255,.12) 75%,transparent);
 filter:blur(12px);opacity:.78;
 transform:translateX(-115%) skewX(-14deg);
 animation:radioPlayerSweepV10 7s ease-in-out infinite;
}
@keyframes radioPlayerSweepV10{
 0%,15%{transform:translateX(-115%) skewX(-14deg)}
 63%,100%{transform:translateX(370%) skewX(-14deg)}
}
.hero::after{content:"";position:absolute;inset:auto 0 0 0!important;height:4px!important;width:auto!important;
 background:linear-gradient(90deg,#ac6aff,#2bcdfc,#ff994e)!important;
 filter:none!important;opacity:1!important;animation:none!important;transform:none!important;z-index:4!important}
.hero > .hero-orb{position:absolute!important;z-index:-1!important;pointer-events:none}
.hero > .art-wrap,.hero > .now{position:relative;z-index:2}
@media(max-width:560px){.station-head{top:8px}}
@media(prefers-reduced-motion:reduce){.station-head::after,.hero::before{animation:none!important;opacity:0!important}}

/* Agenda / Eventos — integrated into existing Disco Club stylesheet */
.events-section,.events-note{margin:22px 0 32px;padding:clamp(22px,3vw,36px);border:1px solid rgba(184,216,241,.28);border-radius:30px;background:rgba(34,53,75,.70);backdrop-filter:blur(18px);box-shadow:0 24px 55px rgba(4,12,29,.4),0 0 35px rgba(89,136,240,.12),inset 0 1px rgba(255,255,255,.14)}
.events-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.events-head h2{font-family:'Shadows Into Light',cursive;font-size:clamp(32px,4vw,48px);font-weight:400;margin:0;color:#f7f8ff}.events-live{color:#ffc18f;font-weight:600;font-size:12px}.events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.event-card{overflow:hidden;min-width:0;border:1px solid rgba(198,222,249,.26);border-radius:25px;background:rgba(35,51,72,.73);box-shadow:0 18px 33px rgba(5,12,32,.35),0 0 22px rgba(127,89,230,.15);transition:transform .2s,box-shadow .2s}.event-card:hover{transform:translateY(-5px);box-shadow:0 25px 49px rgba(5,12,32,.48),0 0 30px rgba(115,156,255,.28)}.event-art{height:170px;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,rgba(62,197,242,.38),transparent 55%),radial-gradient(circle at 85% 85%,rgba(251,129,114,.4),transparent 55%),#243550}.event-art img{width:100%;height:100%;object-fit:contain}.event-art-emoji{font-size:76px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.3))}.event-content{padding:22px}.event-tag{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#ffcdac;font-weight:800}.event-content h3{font-size:21px;line-height:1.25;color:#fff;margin:10px 0}.event-date{display:block;font-size:12px;color:#aedbff;font-weight:700;margin:9px 0 14px;text-transform:capitalize}.event-content p{font-size:13px;color:#d7e4ed;line-height:1.75;white-space:pre-wrap}.event-link{display:inline-flex;padding:10px 16px;border-radius:999px;background:#ffaf73;color:#1b2835!important;text-decoration:none;font-size:12px;font-weight:800;margin-top:10px}.events-empty{grid-column:1/-1;padding:42px 15px;text-align:center;color:#daeaf5;background:rgba(19,36,58,.35);border:1px dashed rgba(209,230,255,.25);border-radius:22px}.events-note{display:flex;align-items:center;justify-content:space-between;gap:25px}.events-note h2{margin:7px 0;color:white;font-size:clamp(22px,2.4vw,32px)}.events-note p{color:#c3d8e3}.site-nav>a[href="/eventos"],.mobile-app-nav>a[href="/eventos"]{white-space:nowrap}
@media(max-width:950px){.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.events-grid{grid-template-columns:1fr}.events-head,.events-note{align-items:flex-start;flex-direction:column}.events-section,.events-note{padding:20px;border-radius:24px}.event-art{height:160px}}
@media(max-width:760px){.mobile-app-nav{grid-template-columns:repeat(5,minmax(0,1fr));}.mobile-app-nav a{min-width:0;font-size:10px}.mobile-app-nav a span:last-child{white-space:nowrap}}