: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}
}