:root{
  --gold:#d9a33a; --gold2:#ffe79a; --gold3:#7a4706;
  --line:rgba(255,216,112,.33); --text:#fff8df; --muted:#cdbf94;
  --shadow:0 0 34px rgba(255,190,45,.30);
  --top:124px; --nav:58px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#030303;color:var(--text);font-family:Arial,Helvetica,sans-serif;padding-top:calc(var(--top) + var(--nav));overflow-x:hidden}
a{text-decoration:none;color:inherit} button{font:inherit}
#goldParticles{position:fixed;inset:0;z-index:-1;pointer-events:none}
.sonic-hidden{position:absolute;left:-9999px;top:-9999px;opacity:0;pointer-events:none}

.top-player{
  position:fixed; top:0; left:0; right:0; height:var(--top); z-index:999;
  display:grid; grid-template-columns:230px minmax(610px,2fr) minmax(310px,.9fr) 275px;
  align-items:center; gap:14px; padding:10px 18px;
  background:linear-gradient(90deg,rgba(0,0,0,.985),rgba(22,14,4,.985),rgba(0,0,0,.985));
  border-bottom:1px solid var(--line); box-shadow:var(--shadow);
}
.player-brand{display:flex;align-items:center;gap:12px;min-width:0}
.player-brand img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,203,69,.55))}
.player-brand strong{display:block;font-size:27px;line-height:.9;background:linear-gradient(90deg,#76500c,#ffe49b,#a86e10,#fff3b9,#7c5008);-webkit-background-clip:text;color:transparent}
.player-brand span{font-size:11px;letter-spacing:2px;color:#f3d782}

.premium-player{
  height:98px; display:grid; grid-template-columns:minmax(380px,1fr) 170px 145px; gap:16px; align-items:center;
  padding:14px 18px; border:1px solid rgba(255,216,112,.24); border-radius:22px;
  background:radial-gradient(circle at 80% 30%,rgba(255,205,66,.15),transparent 24%),linear-gradient(135deg,rgba(17,12,4,.93),rgba(0,0,0,.72));
  box-shadow:inset 0 0 32px rgba(255,198,56,.06),0 0 22px rgba(255,190,45,.12);
}
.song-box{min-width:0}
.song-box span{display:block;color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.04em}
.song-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 88%,transparent 100%)}
.song-marquee strong{display:inline-block;min-width:100%;white-space:nowrap;font-size:30px;line-height:1.18;color:#fff6ce;text-shadow:0 0 14px rgba(255,204,76,.55);animation:marqueeSong 14s linear infinite}
.song-box small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes marqueeSong{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.controls{display:flex;gap:10px;align-items:center;justify-content:center}
.ctrl{border:1px solid var(--line);background:#080808;color:var(--gold2);border-radius:50%;cursor:pointer;transition:.18s}
.ctrl:hover{transform:translateY(-1px);box-shadow:0 0 18px rgba(255,200,56,.35)}
.ctrl.small{width:40px;height:40px;font-size:16px}
.ctrl.play{width:72px;height:72px;font-size:27px;color:#130b00;border-color:#fff0ad;background:radial-gradient(circle,#fff6bd,#d99a22 60%,#4e2a00);box-shadow:0 0 30px rgba(255,190,43,.64)}
.volume{display:grid;gap:7px;color:var(--muted);font-size:11px}.volume input{accent-color:var(--gold2);width:100%}

.horse-beat{height:86px;position:relative;border-left:1px solid var(--line);border-right:1px solid var(--line);background:linear-gradient(90deg,transparent,rgba(255,197,48,.08),transparent);overflow:hidden}
.wave-canvas-wrap{position:absolute;inset:0 118px 0 0}
#goldWave{width:100%;height:100%;display:block}
.horse-video-box{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:126px;height:86px;display:grid;place-items:center;overflow:hidden}
.horse-video-box video,.horse-video-box img{width:150px;max-width:none;filter:drop-shadow(0 0 16px rgba(255,203,70,.85))}
.horse-video-box video:not([src]) + .horse-fallback{display:block}

.listen-menu{position:relative}
.listen-trigger{width:100%;min-height:84px;padding:12px 14px;text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#070707,#171006);color:#fff4c4;transition:.2s}
.listen-trigger b{display:block;line-height:1.1}.listen-trigger em{color:#fff0a3;font-style:normal;text-shadow:0 0 14px #ffbd27,0 0 26px #ffbd27;animation:favGlow 1.3s infinite alternate}
.listen-trigger span{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.listen-menu:hover .listen-trigger{box-shadow:0 0 28px rgba(255,190,43,.35);transform:translateY(-1px)}
.player-links{opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s;position:absolute;right:0;top:94px;width:286px;padding:12px;z-index:1000;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:rgba(7,7,7,.98);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.listen-menu:hover .player-links{opacity:1;visibility:visible;transform:translateY(0)}
.player-links a{display:flex;align-items:center;justify-content:center;min-height:50px;border:1px solid rgba(255,211,96,.18);border-radius:12px;background:rgba(255,205,73,.05)}
.player-links a:hover{background:rgba(255,205,73,.14);box-shadow:0 0 18px rgba(255,190,43,.28)}
.player-links img{max-width:132px;max-height:38px}@keyframes favGlow{to{text-shadow:0 0 20px #fff2a1,0 0 44px #ffbd27}}

.main-nav{position:fixed;top:var(--top);left:0;right:0;height:var(--nav);z-index:998;display:flex;align-items:center;justify-content:center;gap:48px;background:rgba(0,0,0,.86);border-bottom:1px solid rgba(255,211,96,.16);backdrop-filter:blur(10px)}
.main-nav a{color:#f6dd93;font-weight:900;text-transform:uppercase;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:3px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);transform:scaleX(0);transition:.25s}.main-nav a:hover:after{transform:scaleX(1)}

.wallpaper-bg{background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.76)),radial-gradient(circle at 22% 38%,rgba(255,197,48,.18),transparent 26%),radial-gradient(circle at 78% 28%,rgba(255,230,128,.12),transparent 22%),#030303;position:relative;overflow:hidden}
.wallpaper-bg:before{content:"";position:absolute;left:3%;top:6%;width:min(46vw,620px);height:min(46vw,620px);background:url('../img/logo.png') center/contain no-repeat;opacity:.16;filter:drop-shadow(0 0 40px rgba(255,198,58,.50));animation:logoFloat 6s infinite ease-in-out}
.wallpaper-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 45%,rgba(255,211,96,.14) 46%,transparent 47% 100%),repeating-linear-gradient(90deg,transparent 0 90px,rgba(255,216,112,.025) 92px);pointer-events:none}
.hero{min-height:calc(100vh - var(--top) - var(--nav));display:grid;place-items:center;padding:70px 20px}
.hero-panel{position:relative;z-index:2;width:min(980px,94%);text-align:center;padding:46px 34px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(17,12,3,.82),rgba(0,0,0,.60));box-shadow:var(--shadow),inset 0 0 90px rgba(255,198,58,.07);overflow:hidden}
.hero-logo{width:160px;margin:0 auto 8px;filter:drop-shadow(0 0 22px rgba(255,195,43,.55))}
.hero h1{font-size:clamp(56px,10vw,136px);line-height:.9;background:linear-gradient(90deg,#684000,#ffe08a,#fff8ce,#b4770d,#fff0a5,#684000);-webkit-background-clip:text;color:transparent;text-shadow:0 0 36px rgba(255,185,37,.38)}
.hero h2{font-size:clamp(24px,4vw,46px);letter-spacing:10px;color:#f1d480;margin:18px 0}.hero p{letter-spacing:6px;color:#e6d096;margin-bottom:26px}
.hero-btn{border:1px solid #ffe58d;border-radius:999px;padding:15px 34px;cursor:pointer;background:linear-gradient(90deg,#251300,#ffbf32,#fff0a9,#ac6d08,#251300);color:#140b00;font-weight:900;box-shadow:0 0 28px rgba(255,188,40,.55)}
.status-line{margin-top:15px;color:var(--muted);font-size:13px}
@keyframes logoFloat{50%{transform:translateY(-14px) scale(1.02)}}

.cards{width:min(1240px,94%);margin:32px auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.card,.widget-section,.track-list,aside{background:linear-gradient(135deg,rgba(14,11,6,.88),rgba(0,0,0,.78));border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 16px 50px rgba(0,0,0,.35)}
.card h3,.widget-section h2,.section-head h2,aside h2{color:var(--gold2);margin-bottom:18px;text-transform:uppercase}
.card strong,.card small{display:block}.card small{color:var(--muted);margin-top:8px}.quality{font-size:28px;color:var(--gold2);font-weight:900;text-align:center}
.mini-eq{height:34px;display:flex;align-items:end;gap:3px;margin-top:16px}.mini-eq i{display:block;width:4px;border-radius:8px 8px 0 0;background:linear-gradient(#fff8c2,#ffc039,#764500);box-shadow:0 0 11px rgba(255,195,43,.66);animation:eq 1s infinite alternate ease-in-out}@keyframes eq{from{height:6px}to{height:38px}}
.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{border:1px solid var(--line);border-radius:999px;padding:10px 13px;color:#ffe18d}
.widget-section{width:min(900px,94%);margin:38px auto}.widget-section p{color:var(--muted);margin-bottom:14px}
.content-grid{width:min(1240px,94%);margin:42px auto;display:grid;grid-template-columns:1.6fr .9fr;gap:26px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-head a{color:var(--gold2)}
.track-list{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:10px}.track{display:grid;grid-template-columns:50px 1fr 38px;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.track .rank{font-size:25px;color:var(--gold2);font-weight:900}.track small{color:#d3c398}.track button{border:1px solid var(--line);background:#080808;color:var(--gold2);border-radius:50%;width:34px;height:34px}
.event{display:grid;grid-template-columns:76px 1fr;gap:16px;margin-bottom:14px;padding:12px;border:1px solid rgba(255,197,49,.22);border-radius:12px;background:rgba(255,190,44,.06)}.date{text-align:center;border:1px solid var(--line);border-radius:8px;padding:8px;color:var(--gold2);font-size:32px;font-weight:900;line-height:.9}.date span{font-size:13px}.event p{color:var(--gold2)}.event small{color:#bfae7b}
.whatsapp{position:fixed;right:28px;bottom:24px;z-index:50;padding:17px 24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(90deg,#0d260e,#1fb443);color:white;font-weight:900;box-shadow:0 0 25px rgba(46,255,86,.25)}
footer{text-align:center;padding:55px 20px;color:#cdbb87;border-top:1px solid rgba(255,196,47,.18)}footer img{width:96px;margin:0 auto 18px}

/* STEED CYBER SECURITY */
.security-screen{display:none;position:fixed;inset:0;z-index:999999;background:radial-gradient(circle at center,rgba(95,65,9,.20),rgba(0,0,0,.98) 48%);align-items:center;justify-content:center;text-align:center;color:#ffe79a}
.security-screen.show{display:flex}.security-card{width:min(620px,92%);padding:38px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(14,10,4,.94),rgba(0,0,0,.90));box-shadow:0 0 70px rgba(255,190,45,.34)}
.security-card img{width:110px;margin:0 auto 12px;filter:drop-shadow(0 0 20px rgba(255,190,45,.55))}.security-card h1{font-size:clamp(28px,5vw,52px);background:linear-gradient(90deg,#6c4300,#ffe79a,#fff9cf,#b77912,#6c4300);-webkit-background-clip:text;color:transparent}.security-card h2{margin:10px 0;color:#fff2b8;letter-spacing:4px}.security-card p{color:#d7c99a;margin-bottom:22px}
.scan-box{margin:20px 0;padding:16px;border:1px solid rgba(255,216,112,.22);border-radius:14px;background:rgba(255,205,72,.04)}.scan-line{height:10px;border-radius:999px;background:#171003;overflow:hidden;margin:12px 0}.scan-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6d4100,#ffe79a,#ffbc33);box-shadow:0 0 18px rgba(255,190,45,.7);animation:scan 2.4s linear forwards}@keyframes scan{to{width:100%}}.security-card code{display:block;color:#fff4c8;margin:18px 0}.security-card button{border:1px solid var(--line);border-radius:999px;padding:13px 25px;background:#090909;color:#ffe79a;font-weight:900;cursor:pointer}

@media(max-width:1420px){.top-player{grid-template-columns:220px minmax(560px,2fr) 240px}.listen-menu{display:none}.player-brand strong{font-size:23px}.player-brand span{font-size:10px}}
@media(max-width:1060px){:root{--top:172px;--nav:54px}.top-player{height:var(--top);grid-template-columns:1fr;grid-template-rows:66px 94px;gap:6px}.horse-beat{display:none}.premium-player{grid-row:2;grid-template-columns:1fr 165px 100px}.main-nav{overflow:auto;justify-content:flex-start;padding:0 14px;gap:24px;font-size:13px}.cards,.content-grid{grid-template-columns:1fr}.track-list{grid-template-columns:1fr}}
@media(max-width:650px){.premium-player{grid-template-columns:1fr 118px}.volume{display:none}.ctrl.play{width:54px;height:54px}.ctrl.small{width:31px;height:31px}.song-marquee strong{font-size:21px}.player-brand img{width:56px;height:56px}.hero h2{letter-spacing:4px}.hero p{letter-spacing:3px}.hero-logo{width:125px}.hero-panel{padding:34px 18px}.whatsapp{right:12px;bottom:12px}}


/* V7 FIX: header más normalizado a zoom 100% */
.top-player{
  grid-template-columns: 215px minmax(520px, 1.75fr) minmax(250px, .75fr) 230px !important;
  gap:12px !important;
}
.player-brand img{width:72px !important;height:72px !important}
.player-brand strong{font-size:24px !important}
.player-brand span{font-size:10px !important}
.listen-trigger{min-height:72px !important;padding:10px 12px !important}
.listen-trigger b{font-size:13px !important}
.listen-trigger span{font-size:10px !important}
.player-links audio{
  grid-column:1/3;
  width:100%;
  height:38px;
  margin-top:4px;
}
.premium-player{
  grid-template-columns:minmax(320px,1fr) 160px 125px !important;
}
.song-marquee strong{font-size:26px !important}
.horse-beat{height:76px !important}
.horse-video-box{width:110px !important}
.horse-video-box video,.horse-video-box img{width:132px !important}

/* V7 Custom PWA install */
.install-prompt{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translateX(-50%) translateY(130%);
  z-index:10030;
  width:min(760px,92vw);
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  gap:16px;
  align-items:center;
  padding:18px 22px;
  border:1px solid rgba(255,216,112,.42);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(22,15,5,.96),rgba(0,0,0,.96));
  box-shadow:0 0 50px rgba(255,190,45,.30);
  transition:.35s ease;
}
.install-prompt.show{transform:translateX(-50%) translateY(0)}
.install-icon{font-size:30px}
.install-prompt strong{
  color:#ffe79a;
  font-size:22px;
}
.install-prompt p{
  color:#cdbf94;
  margin-top:4px;
}
.install-btn{
  border:1px solid #ffe58d;
  border-radius:999px;
  padding:13px 22px;
  background:linear-gradient(90deg,#251300,#ffbf32,#fff0a9,#ac6d08);
  color:#140b00;
  font-weight:900;
  cursor:pointer;
}
.install-close{
  order:5;
  border:1px solid rgba(255,216,112,.32);
  background:#080808;
  color:#ffe79a;
  width:32px;
  height:32px;
  border-radius:50%;
  cursor:pointer;
}

/* V7 TOP VIDEOS */
.top-videos-section{
  width:min(1280px,94%);
  margin:55px auto;
}
.videos-head{
  display:block !important;
  margin-bottom:18px !important;
}
.videos-head h2{
  font-size:clamp(36px,5vw,68px);
  color:#fff8df;
  line-height:.9;
}
.videos-head h2 span{
  color:#ffbd26;
}
.videos-head small{
  display:block;
  margin-top:12px;
  color:#cdbf94;
}
.top-videos-layout{
  display:grid;
  grid-template-columns:430px 1fr;
  gap:22px;
  align-items:stretch;
}
.video-list{
  display:grid;
  gap:10px;
}
.video-item{
  display:grid;
  grid-template-columns:54px 120px 1fr;
  align-items:center;
  gap:14px;
  min-height:86px;
  border:1px solid rgba(255,216,112,.16);
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(13,10,4,.92),rgba(0,0,0,.74));
  cursor:pointer;
  transition:.18s;
}
.video-item:hover,.video-item.active{
  border-color:rgba(255,216,112,.55);
  box-shadow:0 0 24px rgba(255,190,45,.18);
  transform:translateY(-1px);
}
.video-rank{
  height:100%;
  display:grid;
  place-items:center;
  background:#101827;
  color:white;
  font-size:22px;
  font-weight:900;
}
.video-item:nth-child(1) .video-rank{background:linear-gradient(180deg,#ffbd26,#8d5900);color:#140b00}
.video-item:nth-child(2) .video-rank{background:linear-gradient(180deg,#d9d9d9,#6b6b6b);color:#111}
.video-item:nth-child(3) .video-rank{background:linear-gradient(180deg,#c8893b,#623612);color:#fff}
.video-thumb{
  width:120px;
  height:78px;
  object-fit:cover;
}
.video-info strong{
  display:block;
  color:#fff8df;
  font-size:15px;
  line-height:1.25;
}
.video-info small{
  display:block;
  color:#cdbf94;
  margin-top:5px;
}
.video-player-card{
  border:1px solid rgba(255,216,112,.24);
  border-radius:18px;
  padding:12px;
  background:linear-gradient(135deg,rgba(12,9,3,.88),rgba(0,0,0,.76));
  box-shadow:0 16px 50px rgba(0,0,0,.35);
}
.video-player-card iframe{
  width:100%;
  height:100%;
  min-height:480px;
  border:0;
  border-radius:12px;
  background:#000;
}
.events-section{
  width:min(920px,94%);
  margin:40px auto;
}

@media(max-width:1320px){
  .top-player{
    grid-template-columns: 200px minmax(480px,1.7fr) 210px !important;
  }
  .listen-menu{display:block !important}
  .horse-beat{display:none !important}
}
@media(max-width:1100px){
  .listen-menu{display:none !important}
  .top-player{
    grid-template-columns: 210px 1fr !important;
  }
  .premium-player{
    grid-template-columns:minmax(260px,1fr) 150px 110px !important;
  }
}
@media(max-width:900px){
  .top-videos-layout{grid-template-columns:1fr}
  .video-player-card iframe{min-height:320px}
}
@media(max-width:650px){
  .install-prompt{
    grid-template-columns:1fr;
    text-align:center;
    bottom:12px;
  }
  .install-close{
    position:absolute;
    right:12px;
    top:12px;
  }
  .video-item{
    grid-template-columns:46px 92px 1fr;
  }
  .video-thumb{
    width:92px;
    height:68px;
  }
}


/* V8 HOLLYWOOD GOLD FX */
body{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,203,70,.18), transparent 32%),
    radial-gradient(circle at 15% 42%, rgba(255,190,45,.13), transparent 30%),
    radial-gradient(circle at 82% 32%, rgba(255,235,155,.10), transparent 26%),
    #030303 !important;
}
#goldParticles,
#clubLights{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
}
#goldParticles{z-index:1 !important;opacity:.95}
#clubLights{z-index:2 !important;opacity:.48;mix-blend-mode:screen}
.top-player,
.main-nav,
main,
footer,
.install-prompt,
.whatsapp{
  position:relative;
  z-index:5;
}
.top-player,.main-nav{
  position:fixed !important;
}
.wallpaper-bg:after{
  background:
    linear-gradient(115deg,transparent 0 38%,rgba(255,211,96,.11) 39%,transparent 40% 100%),
    linear-gradient(64deg,transparent 0 62%,rgba(255,180,35,.08) 63%,transparent 64% 100%),
    repeating-linear-gradient(90deg,transparent 0 90px,rgba(255,216,112,.025) 92px) !important;
}
.hero-panel{
  box-shadow:
    0 0 55px rgba(255,190,45,.28),
    inset 0 0 120px rgba(255,198,58,.08),
    0 0 0 1px rgba(255,232,150,.08) !important;
}
.hero-panel:after{
  content:"";
  position:absolute;
  inset:-80px;
  background:linear-gradient(115deg,transparent 30%,rgba(255,246,190,.13),transparent 55%);
  transform:translateX(-80%);
  animation:goldSweep 6.5s infinite;
  pointer-events:none;
}
@keyframes goldSweep{
  0%,35%{transform:translateX(-80%) rotate(0deg)}
  70%,100%{transform:translateX(80%) rotate(0deg)}
}

/* Reaparece y mejora la barra de ondas + caballo en zoom normal */
.horse-beat{
  display:block !important;
  min-width:250px !important;
  height:78px !important;
  border-left:1px solid rgba(255,216,112,.30) !important;
  border-right:1px solid rgba(255,216,112,.30) !important;
  background:
    radial-gradient(circle at 80% 50%,rgba(255,212,98,.12),transparent 32%),
    linear-gradient(90deg,transparent,rgba(255,197,48,.085),transparent) !important;
  box-shadow:inset 0 0 28px rgba(255,195,43,.06);
}
.wave-canvas-wrap{
  inset:0 112px 0 0 !important;
}
#goldWave{
  opacity:1 !important;
  filter:drop-shadow(0 0 7px rgba(255,205,72,.75));
}
.horse-video-box{
  width:112px !important;
  height:76px !important;
  right:4px !important;
  border-left:1px solid rgba(255,216,112,.15);
}
.horse-video-box video,
.horse-video-box img{
  width:142px !important;
  filter:
    drop-shadow(0 0 10px rgba(255,203,70,.9))
    drop-shadow(0 0 24px rgba(255,170,30,.35)) !important;
}

/* Header más equilibrado: player protagonista sin matar descarga */
.top-player{
  grid-template-columns:205px minmax(500px,1.85fr) minmax(250px,.72fr) 218px !important;
  gap:10px !important;
}
.premium-player{
  height:92px !important;
  grid-template-columns:minmax(310px,1fr) 154px 118px !important;
  border-color:rgba(255,216,112,.30) !important;
  box-shadow:
    inset 0 0 34px rgba(255,198,56,.07),
    0 0 30px rgba(255,190,45,.15) !important;
}
.song-marquee strong{
  font-size:27px !important;
}
.ctrl.play{
  width:66px !important;
  height:66px !important;
}
.listen-trigger{
  min-height:72px !important;
  padding:10px 11px !important;
}
.listen-trigger b{font-size:12.5px !important}
.listen-trigger span{font-size:9.8px !important}

/* Cards con brillo cine */
.card,.widget-section,.track-list,aside,.video-player-card,.video-item{
  box-shadow:
    0 18px 50px rgba(0,0,0,.38),
    0 0 28px rgba(255,190,45,.08) !important;
}
.video-item.active{
  box-shadow:
    0 0 28px rgba(255,190,45,.22),
    inset 0 0 18px rgba(255,210,92,.05) !important;
}

/* Fallback para pantallas medianas: mantiene ondas visibles y oculta descargas */
@media(max-width:1420px){
  .top-player{
    grid-template-columns:190px minmax(470px,1.7fr) minmax(230px,.72fr) !important;
  }
  .listen-menu{display:none !important}
  .horse-beat{display:block !important}
}
@media(max-width:1120px){
  .horse-beat{display:none !important}
  .top-player{
    grid-template-columns:200px 1fr !important;
  }
}

/* Efectos suaves tipo luces de discoteca */
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 20% 0%,rgba(255,214,100,.16),transparent 36%),
    radial-gradient(ellipse at 86% 8%,rgba(255,184,42,.12),transparent 34%);
  filter:blur(2px);
  animation:softClubPulse 7s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes softClubPulse{
  from{opacity:.38;transform:scale(1)}
  to{opacity:.78;transform:scale(1.04)}
}


/* V9 STABLE FIX: no tocar lo bueno, solo ordenar capas/header */
body{
  padding-top:calc(var(--top) + var(--nav)) !important;
}

/* El header y menú vuelven a ser fijos reales y siempre arriba */
.top-player{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:30000 !important;
  transform:none !important;
}
.main-nav{
  position:fixed !important;
  top:var(--top) !important;
  left:0 !important;
  right:0 !important;
  z-index:29999 !important;
  transform:none !important;
}

/* Evita que contenido se meta debajo del header */
main{
  position:relative !important;
  z-index:10 !important;
}
.hero{
  margin-top:0 !important;
}

/* Fondo/partículas por detrás, jamás sobre la interfaz */
#goldParticles{
  z-index:0 !important;
  opacity:.82 !important;
}
#clubLights{
  z-index:0 !important;
  opacity:.20 !important;
  mix-blend-mode:screen !important;
}
.wallpaper-bg,
.hero,
.cards,
.widget-section,
.top-videos-section,
.events-section,
footer{
  position:relative !important;
  z-index:2 !important;
}

/* Header equilibrado sin perder reproductor, caballo ni descarga */
.top-player{
  grid-template-columns:210px minmax(520px,1.9fr) minmax(250px,.72fr) 225px !important;
  gap:10px !important;
  height:118px !important;
}
:root{
  --top:118px !important;
}
.player-brand img{
  width:74px !important;
  height:74px !important;
}
.player-brand strong{
  font-size:24px !important;
}
.player-brand span{
  font-size:10px !important;
}
.premium-player{
  height:90px !important;
  grid-template-columns:minmax(330px,1fr) 154px 120px !important;
  padding:12px 16px !important;
}
.song-marquee strong{
  font-size:26px !important;
}
.ctrl.play{
  width:64px !important;
  height:64px !important;
}
.ctrl.small{
  width:38px !important;
  height:38px !important;
}
.horse-beat{
  display:block !important;
  height:74px !important;
}
.horse-video-box{
  width:108px !important;
  height:74px !important;
}
.horse-video-box video,
.horse-video-box img{
  width:134px !important;
}
.listen-menu{
  display:block !important;
}
.listen-trigger{
  min-height:70px !important;
  padding:9px 11px !important;
}
.listen-trigger b{
  font-size:12px !important;
}
.listen-trigger span{
  font-size:9.5px !important;
}

/* WhatsApp mini fijo, elegante y no invasivo */
.whatsapp,
.whatsapp-mini{
  position:fixed !important;
  right:22px !important;
  bottom:22px !important;
  z-index:30010 !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  width:auto !important;
  min-width:0 !important;
  padding:12px 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(86,255,116,.45) !important;
  background:linear-gradient(135deg,rgba(10,62,17,.96),rgba(20,170,56,.92)) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:
    0 0 22px rgba(46,255,86,.30),
    inset 0 0 18px rgba(255,255,255,.08) !important;
  transform:none !important;
}
.whatsapp-mini b{
  white-space:nowrap !important;
}
.live-dot-mini{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#7cff7e;
  box-shadow:0 0 12px #7cff7e;
  animation:livePulseMini 1.25s infinite ease-in-out;
}
@keyframes livePulseMini{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.6);opacity:.45}
}

/* Luces lentas y pulcras: brillo oro, no parkinson */
.hero:before{
  animation:softClubPulseSlow 18s ease-in-out infinite alternate !important;
  opacity:.42 !important;
}
@keyframes softClubPulseSlow{
  0%{opacity:.24;transform:scale(1) translateX(-1%)}
  50%{opacity:.48;transform:scale(1.025) translateX(1%)}
  100%{opacity:.34;transform:scale(1.015) translateX(0)}
}
.hero-panel:after{
  animation:goldSweepSlow 12s ease-in-out infinite !important;
}
@keyframes goldSweepSlow{
  0%,45%{transform:translateX(-92%) rotate(0deg);opacity:0}
  55%{opacity:.55}
  78%,100%{transform:translateX(92%) rotate(0deg);opacity:0}
}

/* App install prompt encima pero no tapa el header */
.install-prompt{
  z-index:30020 !important;
  bottom:24px !important;
}
.install-prompt.show{
  transform:translateX(-50%) translateY(0) !important;
}

/* Fix responsive: cuando no cabe, se oculta descarga primero, luego caballo */
@media(max-width:1500px){
  .top-player{
    grid-template-columns:200px minmax(500px,1.8fr) minmax(230px,.68fr) !important;
  }
  .listen-menu{
    display:none !important;
  }
}
@media(max-width:1180px){
  :root{--top:174px !important;}
  .top-player{
    height:var(--top) !important;
    grid-template-columns:1fr !important;
    grid-template-rows:68px 92px !important;
    gap:6px !important;
  }
  .player-brand{
    justify-content:center !important;
  }
  .premium-player{
    grid-row:2 !important;
    grid-template-columns:minmax(260px,1fr) 154px 110px !important;
  }
  .horse-beat{
    display:none !important;
  }
  .main-nav{
    top:var(--top) !important;
  }
}
@media(max-width:720px){
  .premium-player{
    grid-template-columns:1fr 118px !important;
  }
  .volume{
    display:none !important;
  }
  .song-marquee strong{
    font-size:21px !important;
  }
  .whatsapp-mini b{
    display:none !important;
  }
  .whatsapp,
  .whatsapp-mini{
    right:12px !important;
    bottom:12px !important;
    padding:13px 14px !important;
    font-size:18px !important;
  }
}


/* V10 UI FIX */

/* Install prompt: compacto, cerrable y no pegado al footer */
.install-prompt{
  position:fixed !important;
  left:50% !important;
  bottom:24px !important;
  transform:translateX(-50%) translateY(140%) !important;
  z-index:40000 !important;
  width:min(620px,90vw) !important;
  grid-template-columns:34px 1fr auto !important;
  padding:16px 52px 16px 18px !important;
}
.install-prompt.show{
  transform:translateX(-50%) translateY(0) !important;
}
.install-close{
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:grid !important;
  place-items:center !important;
  z-index:40001 !important;
  cursor:pointer !important;
}
.install-prompt p{
  font-size:14px !important;
  line-height:1.25 !important;
}
.install-prompt strong{
  font-size:20px !important;
}

/* Dropdown: sin reproductor blanco */
.player-links audio,
.player-links #stream{
  display:none !important;
}

/* Botón WhatsApp integrado en sección del reproductor */
.listen-menu{
  display:grid !important;
  gap:7px !important;
}
.header-whatsapp{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:32px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,216,112,.30);
  background:linear-gradient(135deg,rgba(14,10,4,.94),rgba(0,0,0,.82));
  color:#ffe79a;
  font-size:11px;
  font-weight:900;
  box-shadow:0 0 16px rgba(255,190,45,.12);
  overflow:hidden;
}
.header-whatsapp img{
  width:18px;
  height:18px;
  object-fit:contain;
  filter:sepia(1) saturate(1.45) hue-rotate(352deg) brightness(1.08) drop-shadow(0 0 7px rgba(255,215,100,.55));
}
.header-whatsapp b{
  white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.wa-live{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ffe79a;
  box-shadow:0 0 10px #ffe79a;
  animation:waPulse 1.25s infinite ease-in-out;
}
@keyframes waPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.65);opacity:.45}
}
.listen-trigger{
  min-height:52px !important;
}

/* Se elimina el botón flotante viejo */
.whatsapp,
.whatsapp-mini{
  display:none !important;
}

/* Recuperar ondas con prioridad visual */
.horse-beat{
  display:block !important;
  min-width:280px !important;
  height:78px !important;
  position:relative !important;
  overflow:hidden !important;
}
.wave-canvas-wrap{
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  right:112px !important;
  opacity:1 !important;
}
#goldWave{
  display:block !important;
  width:100% !important;
  height:100% !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:drop-shadow(0 0 9px rgba(255,205,72,.85)) !important;
}
.horse-video-box{
  z-index:2 !important;
}

/* Header: distribución con reproductor protagonista pero sin cortar descargas */
.top-player{
  grid-template-columns:205px minmax(520px,1.7fr) minmax(285px,.75fr) 220px !important;
}
.premium-player{
  grid-template-columns:minmax(320px,1fr) 150px 115px !important;
}
.listen-menu .player-links{
  top:92px !important;
}

/* Luces aún más lentas y elegantes */
#clubLights{
  opacity:.14 !important;
}
.hero:before{
  animation:softClubPulseV10 24s ease-in-out infinite alternate !important;
}
@keyframes softClubPulseV10{
  0%{opacity:.18;transform:scale(1)}
  50%{opacity:.34;transform:scale(1.012)}
  100%{opacity:.24;transform:scale(1.02)}
}

/* Responsive: si no cabe, primero se va descarga; no rompe header */
@media(max-width:1500px){
  .top-player{
    grid-template-columns:200px minmax(500px,1.7fr) minmax(270px,.75fr) !important;
  }
  .listen-menu{
    display:grid !important;
  }
}
@media(max-width:1320px){
  .listen-menu{
    display:none !important;
  }
  .top-player{
    grid-template-columns:200px minmax(520px,1.7fr) minmax(270px,.75fr) !important;
  }
}
@media(max-width:1120px){
  .horse-beat{
    display:none !important;
  }
  .top-player{
    grid-template-columns:200px 1fr !important;
  }
}
@media(max-width:680px){
  .install-prompt{
    grid-template-columns:1fr !important;
    text-align:center !important;
    padding:18px 46px 18px 18px !important;
  }
  .install-close{
    top:18px !important;
    transform:none !important;
  }
}


/* V11 FIX: caballo sin corte + WhatsApp claro y sin interferir dropdown */

/* Caballo MP4: más espacio, sin corte agresivo y con glow naciendo desde él */
.horse-beat{
  min-width:330px !important;
  overflow:visible !important;
  background:
    radial-gradient(circle at 92% 50%,rgba(255,220,120,.23),transparent 30%),
    radial-gradient(circle at 78% 50%,rgba(255,180,40,.12),transparent 38%),
    linear-gradient(90deg,transparent,rgba(255,197,48,.085),transparent) !important;
}
.wave-canvas-wrap{
  right:155px !important;
}
.horse-video-box{
  width:155px !important;
  height:88px !important;
  right:-4px !important;
  overflow:visible !important;
  border-left:0 !important;
}
.horse-video-box:before{
  content:"";
  position:absolute;
  inset:6px 0 6px 12px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,225,130,.35),rgba(255,180,45,.12) 42%,transparent 72%);
  filter:blur(8px);
  animation:horseGlowV11 2.8s ease-in-out infinite alternate;
  pointer-events:none;
}
.horse-video-box:after{
  content:"";
  position:absolute;
  left:4px;
  top:50%;
  width:62px;
  height:2px;
  background:linear-gradient(90deg,transparent,#ffe79a,transparent);
  box-shadow:0 0 18px #ffc33d,0 0 32px rgba(255,190,45,.45);
  transform:translateY(-50%);
  opacity:.75;
  pointer-events:none;
}
@keyframes horseGlowV11{
  from{opacity:.55;transform:scale(.96)}
  to{opacity:1;transform:scale(1.08)}
}
.horse-video-box video,
.horse-video-box img{
  width:170px !important;
  max-width:none !important;
  object-fit:contain !important;
  position:relative;
  z-index:2;
  filter:
    drop-shadow(0 0 12px rgba(255,228,150,.95))
    drop-shadow(0 0 30px rgba(255,183,35,.55))
    saturate(1.12)
    contrast(1.05) !important;
}

/* WhatsApp dentro del reproductor: separarlo del hover del dropdown */
.listen-menu{
  display:grid !important;
  grid-template-rows:auto auto !important;
  gap:8px !important;
  align-self:center !important;
}
.header-whatsapp{
  position:relative !important;
  z-index:3 !important;
  min-height:34px !important;
  padding:7px 10px !important;
  border-color:rgba(255,216,112,.45) !important;
  background:
    radial-gradient(circle at 18% 50%,rgba(255,230,140,.18),transparent 34%),
    linear-gradient(135deg,rgba(18,13,4,.96),rgba(0,0,0,.88)) !important;
  box-shadow:
    0 0 18px rgba(255,190,45,.22),
    inset 0 0 15px rgba(255,216,112,.06) !important;
}
.header-whatsapp:hover{
  box-shadow:
    0 0 26px rgba(255,190,45,.34),
    inset 0 0 20px rgba(255,216,112,.08) !important;
}
.header-whatsapp img{
  background:transparent !important;
  border-radius:50% !important;
  padding:0 !important;
  width:21px !important;
  height:21px !important;
  mix-blend-mode:screen;
  filter:
    sepia(1)
    saturate(2.2)
    hue-rotate(350deg)
    brightness(1.35)
    contrast(1.1)
    drop-shadow(0 0 8px rgba(255,215,100,.85)) !important;
}
.header-whatsapp b{
  font-size:10.5px !important;
}

/* El dropdown solo se abre al pasar por el botón de reproductores, no por WhatsApp */
.listen-menu .player-links{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.listen-trigger:hover + .player-links,
.player-links:hover{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}

/* Ajustes de ancho para que el caballo completo respire */
@media(max-width:1500px){
  .top-player{
    grid-template-columns:200px minmax(500px,1.55fr) minmax(330px,.9fr) !important;
  }
  .horse-beat{
    min-width:330px !important;
  }
}
@media(max-width:1320px){
  .horse-beat{
    display:none !important;
  }
  .top-player{
    grid-template-columns:200px minmax(500px,1fr) 220px !important;
  }
  .listen-menu{
    display:grid !important;
  }
}


/* V12: fix caballo/header sin romper diseño anterior */

/* Sin WhatsApp dentro del header */
.header-whatsapp{display:none !important}

/* Caballo: se ve entero, sin fallback gigante, sin superposición */
.horse-beat{
  min-width:300px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 86% 50%,rgba(255,220,120,.20),transparent 30%),
    linear-gradient(90deg,transparent,rgba(255,197,48,.085),transparent) !important;
}
.wave-canvas-wrap{
  right:130px !important;
}
.horse-video-box{
  width:130px !important;
  height:78px !important;
  right:0 !important;
  overflow:hidden !important;
  border-left:1px solid rgba(255,216,112,.12) !important;
}
.horse-video-box:before{
  inset:10px 8px 10px 8px !important;
  filter:blur(10px) !important;
  opacity:.65 !important;
}
.horse-video-box:after{
  display:none !important;
}
.horse-video-box video{
  width:126px !important;
  height:76px !important;
  object-fit:contain !important;
  position:relative !important;
  z-index:2 !important;
}
.horse-fallback{
  display:none !important;
}

/* Ondas visibles pero ordenadas */
#goldWave{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Header limpio: solo logo + player + caballo + reproductores */
.listen-menu{
  display:block !important;
}
.listen-trigger{
  min-height:70px !important;
}
.player-links{
  top:80px !important;
}

/* Nav */
.main-nav a[href="#top100"]{
  letter-spacing:.03em;
}

/* Top videos: título TOP 5 */
.videos-head h2{
  font-size:clamp(34px,4.8vw,66px) !important;
}
.videos-head h2::after{
  content:"";
}

/* Eventos alineados como una columna pro bajo top videos */
.events-section{
  width:min(1280px,94%) !important;
  margin:42px auto 70px !important;
}
.events-box{
  width:100% !important;
  padding:24px !important;
}
.event-premium{
  grid-template-columns:86px 180px 1fr !important;
  align-items:center !important;
  min-height:128px !important;
  background:
    radial-gradient(circle at 80% 40%,rgba(255,205,72,.10),transparent 35%),
    linear-gradient(135deg,rgba(18,13,4,.86),rgba(0,0,0,.72)) !important;
}
.event-art{
  width:180px;
  height:96px;
  border-radius:12px;
  border:1px solid rgba(255,216,112,.22);
  background-size:cover;
  background-position:center;
  box-shadow:0 0 22px rgba(255,190,45,.12);
}
.tomorrowland-art{
  background:
    linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.30)),
    radial-gradient(circle at 50% 20%,rgba(255,222,120,.55),transparent 20%),
    linear-gradient(135deg,#211200,#533400,#030303);
}
.tomorrowland-art:after,
.djset-art:after{
  content:"";
  display:block;
  width:100%;
  height:100%;
  border-radius:12px;
  background:
    radial-gradient(circle at 30% 70%,rgba(255,203,70,.35),transparent 18%),
    linear-gradient(120deg,transparent,rgba(255,255,255,.10),transparent);
}
.djset-art{
  background:
    linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.32)),
    radial-gradient(circle at 70% 24%,rgba(255,222,120,.45),transparent 18%),
    linear-gradient(135deg,#020202,#251300,#704400);
}

/* Partículas también en el hero/header principal: más presencia arriba */
.wallpaper-bg:before{
  opacity:.20 !important;
}
#goldParticles{
  opacity:.95 !important;
}

/* Eliminar botón WhatsApp flotante si quedó */
.whatsapp,.whatsapp-mini{
  display:none !important;
}

/* Responsive eventos */
@media(max-width:820px){
  .event-premium{
    grid-template-columns:72px 1fr !important;
  }
  .event-art{
    grid-column:1/3;
    width:100%;
    height:150px;
    order:-1;
  }
}


/* =========================================================
   STEED EDM V13 NASA MODE - VISUAL POLISH
   ========================================================= */

/* Más profundidad, menos caos */
body{
  background:
    radial-gradient(circle at 50% -5%, rgba(255,215,105,.20), transparent 34%),
    radial-gradient(circle at 8% 45%, rgba(255,195,60,.12), transparent 30%),
    radial-gradient(circle at 92% 38%, rgba(255,230,150,.09), transparent 28%),
    linear-gradient(180deg,#020202 0%,#060402 44%,#020202 100%) !important;
}

/* Hero con profundidad premium */
.hero-depth{
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:1;
  pointer-events:none;
}
.hero-panel{
  z-index:3 !important;
}
.orb{
  position:absolute;
  border-radius:50%;
  filter:blur(14px);
  opacity:.42;
  mix-blend-mode:screen;
}
.orb-1{
  width:340px;
  height:340px;
  left:9%;
  top:18%;
  background:radial-gradient(circle,rgba(255,226,130,.18),transparent 65%);
  animation:orbFloat1 16s ease-in-out infinite alternate;
}
.orb-2{
  width:280px;
  height:280px;
  right:13%;
  top:12%;
  background:radial-gradient(circle,rgba(255,178,36,.14),transparent 68%);
  animation:orbFloat2 19s ease-in-out infinite alternate;
}
@keyframes orbFloat1{
  from{transform:translate3d(-12px,8px,0) scale(.96)}
  to{transform:translate3d(18px,-16px,0) scale(1.04)}
}
@keyframes orbFloat2{
  from{transform:translate3d(10px,-8px,0) scale(1)}
  to{transform:translate3d(-20px,14px,0) scale(1.08)}
}
.laser-soft{
  position:absolute;
  top:-20%;
  width:130px;
  height:140%;
  background:linear-gradient(180deg,transparent,rgba(255,215,110,.09),transparent);
  transform-origin:top center;
  filter:blur(10px);
  opacity:.32;
}
.laser-1{
  left:38%;
  transform:rotate(18deg);
  animation:laserSweep1 22s ease-in-out infinite alternate;
}
.laser-2{
  right:34%;
  transform:rotate(-20deg);
  animation:laserSweep2 25s ease-in-out infinite alternate;
}
@keyframes laserSweep1{
  from{transform:rotate(14deg) translateX(-20px);opacity:.18}
  to{transform:rotate(22deg) translateX(18px);opacity:.38}
}
@keyframes laserSweep2{
  from{transform:rotate(-17deg) translateX(20px);opacity:.16}
  to{transform:rotate(-25deg) translateX(-16px);opacity:.34}
}

/* Cristal dorado estilo premium */
.hero-panel,
.card,
.widget-section,
.video-player-card,
.events-box{
  backdrop-filter:blur(12px) saturate(1.08);
  -webkit-backdrop-filter:blur(12px) saturate(1.08);
}
.hero-panel{
  border-color:rgba(255,226,135,.34) !important;
}
.hero-panel:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:28px;
  border:1px solid rgba(255,235,170,.10);
  pointer-events:none;
}

/* Partículas hacia el header/hero */
.wallpaper-bg:before{
  opacity:.23 !important;
  animation:logoFloatV13 10s ease-in-out infinite alternate !important;
}
@keyframes logoFloatV13{
  0%{transform:translateY(0) scale(1);opacity:.14}
  50%{transform:translateY(-18px) scale(1.018);opacity:.24}
  100%{transform:translateY(-7px) scale(1.01);opacity:.19}
}

/* Caballo genera energía */
.horse-beat{
  background:
    radial-gradient(circle at 88% 50%,rgba(255,230,150,.26),transparent 28%),
    radial-gradient(circle at 64% 50%,rgba(255,185,40,.10),transparent 42%),
    linear-gradient(90deg,transparent,rgba(255,197,48,.095),transparent) !important;
}
.horse-video-box:before{
  background:
    radial-gradient(circle,rgba(255,234,160,.44),rgba(255,182,35,.16) 42%,transparent 72%) !important;
}
.horse-video-box video{
  transform:scale(.98);
}

/* Eventos premium con soporte imagen/video */
.events-premium-box{
  overflow:hidden;
}
.events-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}
.events-title-row h2{
  margin-bottom:6px !important;
}
.events-title-row p{
  color:#cdbf94;
}
.events-live-pill{
  border:1px solid rgba(255,216,112,.34);
  border-radius:999px;
  padding:10px 14px;
  color:#ffe79a;
  font-size:12px;
  font-weight:900;
  box-shadow:0 0 18px rgba(255,190,45,.14);
}
.event-cinematic{
  position:relative;
  overflow:hidden;
  grid-template-columns:86px 230px 1fr !important;
}
.event-cinematic:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 0 40%,rgba(255,235,170,.08) 48%,transparent 56% 100%);
  transform:translateX(-70%);
  animation:eventSweep 9s ease-in-out infinite;
  pointer-events:none;
}
@keyframes eventSweep{
  0%,48%{transform:translateX(-80%);opacity:0}
  58%{opacity:1}
  78%,100%{transform:translateX(80%);opacity:0}
}
.event-media{
  width:230px;
  height:120px;
  position:relative;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,216,112,.24);
  background-size:cover;
  background-position:center;
  box-shadow:0 0 26px rgba(255,190,45,.16);
}
.event-media video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.event-media video:not([src]){
  display:none;
}
.event-shine{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 35% 20%,rgba(255,235,160,.28),transparent 24%),
    linear-gradient(120deg,transparent,rgba(255,255,255,.10),transparent);
  mix-blend-mode:screen;
  pointer-events:none;
}
.tomorrowland-art{
  background:
    linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.30)),
    radial-gradient(circle at 50% 18%,rgba(255,222,120,.55),transparent 19%),
    radial-gradient(circle at 28% 72%,rgba(255,150,40,.26),transparent 24%),
    linear-gradient(135deg,#211200,#533400,#030303) !important;
}
.djset-art{
  background:
    linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.32)),
    radial-gradient(circle at 70% 24%,rgba(255,222,120,.45),transparent 18%),
    radial-gradient(circle at 30% 78%,rgba(255,186,38,.22),transparent 24%),
    linear-gradient(135deg,#020202,#251300,#704400) !important;
}
.event-info strong{
  font-size:20px;
}
.event-info p{
  color:#ffe79a;
  font-weight:900;
}

/* Top videos un poco más premium sin romper tu estructura */
.video-item{
  position:relative;
  overflow:hidden;
}
.video-item:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 0 42%,rgba(255,235,170,.07) 50%,transparent 58% 100%);
  transform:translateX(-85%);
  transition:.4s;
  pointer-events:none;
}
.video-item:hover:after{
  transform:translateX(85%);
}
.video-player-card iframe{
  box-shadow:0 0 35px rgba(255,190,45,.12);
}

/* Reproductor alternativo integrado más suave */
.widget-section iframe{
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 0 24px rgba(255,190,45,.10);
}

/* Footer más premium */
footer{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,204,84,.10),transparent 34%),
    linear-gradient(180deg,transparent,rgba(255,190,45,.035));
}

/* App prompt más STEED y no invasivo */
.install-prompt{
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.install-prompt.show{
  animation:installGlowV13 3s ease-in-out infinite alternate;
}
@keyframes installGlowV13{
  from{box-shadow:0 0 34px rgba(255,190,45,.20)}
  to{box-shadow:0 0 54px rgba(255,190,45,.34)}
}

/* Responsive */
@media(max-width:900px){
  .event-cinematic{
    grid-template-columns:72px 1fr !important;
  }
  .event-media{
    grid-column:1/3;
    width:100%;
    height:160px;
    order:-1;
  }
  .events-title-row{
    align-items:flex-start;
    flex-direction:column;
  }
}

body.song-change-glow .premium-player{
  box-shadow:
    inset 0 0 42px rgba(255,198,56,.13),
    0 0 42px rgba(255,190,45,.28) !important;
}
body.song-change-glow .horse-beat{
  box-shadow:0 0 34px rgba(255,190,45,.25), inset 0 0 28px rgba(255,195,43,.08) !important;
}


/* =========================================================
   V14 RESPONSIVE APP FIX
   Caballo + ondas visibles a zoom 100% y app modo horizontal
   ========================================================= */

:root{
  --top:106px !important;
  --nav:52px !important;
}
body{
  padding-top:calc(var(--top) + var(--nav)) !important;
}
.top-player{
  height:var(--top) !important;
  grid-template-columns:
    minmax(155px,190px)
    minmax(430px,1.65fr)
    minmax(250px,.82fr)
    minmax(185px,215px) !important;
  gap:8px !important;
  padding:8px 12px !important;
}
.player-brand{gap:9px !important}
.player-brand img{width:62px !important;height:62px !important}
.player-brand strong{font-size:21px !important}
.player-brand span{font-size:9px !important;letter-spacing:1.5px !important}

.premium-player{
  height:82px !important;
  grid-template-columns:minmax(250px,1fr) 132px 92px !important;
  gap:10px !important;
  padding:10px 12px !important;
  border-radius:17px !important;
}
.song-box span{font-size:10px !important}
.song-marquee strong{font-size:22px !important}
.song-box small{font-size:10.5px !important}
.ctrl.play{width:56px !important;height:56px !important;font-size:22px !important}
.ctrl.small{width:32px !important;height:32px !important;font-size:14px !important}
.volume{font-size:10px !important}

.horse-beat{
  display:block !important;
  height:72px !important;
  min-width:250px !important;
}
.wave-canvas-wrap{right:110px !important}
.horse-video-box{width:110px !important;height:72px !important}
.horse-video-box video{width:112px !important;height:70px !important;object-fit:contain !important}

.listen-trigger{
  min-height:60px !important;
  padding:8px 10px !important;
  border-radius:13px !important;
}
.listen-trigger b{font-size:11px !important}
.listen-trigger span{font-size:9px !important}
.player-links{top:70px !important}
.main-nav{
  height:var(--nav) !important;
  top:var(--top) !important;
  gap:34px !important;
  font-size:13px !important;
}

/* Notebook normal: mantiene caballo; oculta descarga si no cabe */
@media(max-width:1360px){
  .top-player{
    grid-template-columns:
      minmax(145px,180px)
      minmax(420px,1.75fr)
      minmax(245px,.9fr) !important;
  }
  .listen-menu{display:none !important}
  .horse-beat{display:block !important}
}

/* Tablet / app estrecha: layout horizontal tipo radio */
@media(max-width:1080px){
  :root{--top:112px !important;--nav:48px !important}
  .top-player{
    grid-template-columns:145px 1fr 230px !important;
    grid-template-rows:1fr !important;
    height:var(--top) !important;
    padding:8px 10px !important;
  }
  .player-brand{justify-content:flex-start !important}
  .player-brand img{width:56px !important;height:56px !important}
  .player-brand strong{font-size:18px !important}
  .player-brand span{display:block !important;font-size:8px !important}
  .premium-player{
    grid-row:auto !important;
    grid-template-columns:minmax(200px,1fr) 110px !important;
    height:78px !important;
  }
  .volume{display:none !important}
  .horse-beat{
    display:block !important;
    min-width:220px !important;
    height:70px !important;
  }
  .wave-canvas-wrap{right:94px !important}
  .horse-video-box{width:94px !important}
  .horse-video-box video{width:98px !important}
  .main-nav{
    overflow:auto;
    justify-content:center !important;
    gap:24px !important;
    white-space:nowrap;
  }
}

/* Teléfonos verticales: limpio, sin romper */
@media(max-width:760px){
  :root{--top:158px !important;--nav:48px !important}
  .top-player{
    grid-template-columns:1fr !important;
    grid-template-rows:58px 88px !important;
    height:var(--top) !important;
  }
  .player-brand{justify-content:center !important}
  .premium-player{
    grid-template-columns:1fr 112px !important;
    height:84px !important;
  }
  .horse-beat{display:none !important}
  .song-marquee strong{font-size:20px !important}
  .main-nav{
    justify-content:flex-start !important;
    padding:0 14px !important;
  }
}

/* Teléfonos/app en horizontal: caballo + ondas visibles */
@media(max-height:520px) and (orientation:landscape){
  :root{--top:88px !important;--nav:42px !important}
  body{padding-top:calc(var(--top) + var(--nav)) !important}
  .top-player{
    grid-template-columns:135px minmax(330px,1.55fr) minmax(220px,.85fr) !important;
    height:var(--top) !important;
    padding:6px 10px !important;
  }
  .player-brand img{width:48px !important;height:48px !important}
  .player-brand strong{font-size:16px !important}
  .player-brand span{font-size:7px !important}
  .premium-player{
    height:68px !important;
    grid-template-columns:minmax(190px,1fr) 100px !important;
    padding:8px 10px !important;
  }
  .song-marquee strong{font-size:18px !important}
  .ctrl.play{width:48px !important;height:48px !important}
  .ctrl.small{width:28px !important;height:28px !important}
  .horse-beat{
    display:block !important;
    height:64px !important;
    min-width:220px !important;
  }
  .wave-canvas-wrap{right:86px !important}
  .horse-video-box{width:86px !important;height:64px !important}
  .horse-video-box video{width:92px !important;height:62px !important}
  .listen-menu{display:none !important}
  .main-nav{
    height:var(--nav) !important;
    top:var(--top) !important;
    font-size:12px !important;
  }
  .hero{
    min-height:calc(100vh - var(--top) - var(--nav)) !important;
    padding:24px 14px !important;
  }
  .hero-logo{width:92px !important}
  .hero h1{font-size:clamp(42px,9vw,76px) !important}
  .hero h2{font-size:clamp(16px,3vw,28px) !important;margin:10px 0 !important}
}

.rotate-app-tip{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:40020;
  display:none;
  padding:10px 14px;
  border:1px solid rgba(255,216,112,.35);
  border-radius:999px;
  background:rgba(5,5,5,.88);
  color:#ffe79a;
  font-size:12px;
  font-weight:900;
  box-shadow:0 0 24px rgba(255,190,45,.18);
}
@media(max-width:760px) and (orientation:portrait){
  .rotate-app-tip{display:block}
}

/* V15 STEED EMBED KIT */
.embed-kit-section{width:min(1280px,94%);margin:55px auto;position:relative;z-index:2}.embed-kit-card{border:1px solid rgba(255,216,112,.28);border-radius:24px;padding:24px;background:radial-gradient(circle at 80% 20%,rgba(255,205,72,.12),transparent 32%),linear-gradient(135deg,rgba(14,11,6,.88),rgba(0,0,0,.78));box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 28px rgba(255,190,45,.10);backdrop-filter:blur(12px) saturate(1.08)}.embed-kit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.embed-kit-head h2{color:#ffe79a;font-size:clamp(32px,4vw,58px);line-height:.9}.embed-kit-head p{color:#cdbf94;margin-top:10px}.embed-badge{border:1px solid rgba(255,216,112,.34);border-radius:999px;padding:10px 14px;color:#ffe79a;font-size:12px;font-weight:900;box-shadow:0 0 18px rgba(255,190,45,.14);white-space:nowrap}.embed-preview{margin:18px 0}.embed-code-box{display:grid;gap:10px}.embed-code-box label{color:#ffe79a;font-weight:900}.embed-code-box textarea{width:100%;min-height:95px;resize:vertical;padding:14px;border-radius:14px;border:1px solid rgba(255,216,112,.28);background:#070707;color:#fff8df;font-family:Consolas,monospace;font-size:13px}.embed-code-box button{justify-self:start;border:1px solid #ffe58d;border-radius:999px;padding:13px 24px;cursor:pointer;background:linear-gradient(90deg,#251300,#ffbf32,#fff0a9,#ac6d08);color:#140b00;font-weight:900;box-shadow:0 0 24px rgba(255,188,40,.34)}.embed-code-box small{color:#cdbf94}@media(max-width:760px){.embed-kit-head{flex-direction:column}}

/* V17 language switch */
.lang-toggle{border:1px solid rgba(255,216,112,.35);border-radius:999px;padding:8px 13px;background:rgba(255,205,72,.06);color:#ffe79a;font-weight:900;cursor:pointer;box-shadow:0 0 16px rgba(255,190,45,.12)}
.lang-toggle:hover{box-shadow:0 0 24px rgba(255,190,45,.24)}


/* V18 Embed Kit Pro + fixed player dropdown */
.listen-menu{position:relative !important}
.listen-menu .player-links{
  top:calc(100% + 8px) !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:.18s ease;
  z-index:50000 !important;
}
.listen-menu:hover .player-links,
.listen-menu.open .player-links,
.listen-trigger:focus + .player-links,
.listen-trigger:hover + .player-links,
.player-links:hover{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}
.player-links:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-14px;
  height:14px;
}
.listen-trigger{cursor:pointer}

/* Embed Kit Pro */
.embed-kit-pro .embed-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0;
}
.embed-tab{
  border:1px solid rgba(255,216,112,.34);
  border-radius:999px;
  padding:11px 16px;
  background:rgba(255,205,72,.05);
  color:#ffe79a;
  font-weight:900;
  cursor:pointer;
}
.embed-tab.active,
.embed-tab:hover{
  background:linear-gradient(90deg,#251300,#ffbf32,#fff0a9,#ac6d08);
  color:#140b00;
  box-shadow:0 0 24px rgba(255,188,40,.28);
}
.embed-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0 18px;
}
.embed-meta span{
  border:1px solid rgba(255,216,112,.22);
  border-radius:999px;
  padding:8px 12px;
  color:#cdbf94;
  background:rgba(255,205,72,.035);
  font-size:12px;
  font-weight:900;
}
.embed-preview iframe{
  background:transparent;
}


/* =========================================================
   V18.1 — Internet-Radio backlink + Favorite Player links
   ========================================================= */

/* Crawlable directory backlink in footer */
footer .directory-credit{
  margin-top:8px;
  font-size:12px;
  line-height:1.4;
  text-align:center;
}

footer .directory-credit a{
  color:rgba(255,231,154,.66);
  text-decoration:none;
  border-bottom:1px solid rgba(255,216,112,.18);
  transition:color .22s ease, text-shadow .22s ease, border-color .22s ease;
}

footer .directory-credit a:hover,
footer .directory-credit a:focus-visible{
  color:#ffe79a;
  border-bottom-color:rgba(255,216,112,.58);
  text-shadow:0 0 10px rgba(255,190,45,.42);
  outline:none;
}

/* Keep the Favorite Player menu usable while moving the pointer into it */
.listen-menu{
  position:relative !important;
}

.listen-menu .player-links{
  top:calc(100% + 6px) !important;
  z-index:50000 !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(6px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
}

/* Invisible hover bridge so the dropdown does not disappear in the gap */
.listen-menu .player-links::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-12px;
  height:12px;
}

.listen-menu:hover .player-links,
.listen-menu.open .player-links,
.listen-trigger:focus + .player-links,
.listen-trigger:focus-visible + .player-links,
.player-links:hover,
.player-links:focus-within{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

.player-links a{
  cursor:pointer;
}

@media(max-width:680px){
  footer .directory-credit{
    padding:0 14px;
    font-size:11px;
  }
}


/* =========================================================
   INSTALL STEED EDM APP — persistent CTA + iOS helper
   ========================================================= */
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:6px;
}

.hero-install-btn{
  border:1px solid rgba(255,225,132,.62);
  border-radius:999px;
  padding:14px 22px;
  cursor:pointer;
  color:#150d00;
  font-weight:900;
  letter-spacing:.02em;
  background:
    linear-gradient(90deg,#271500,#f7b92c 28%,#fff1ad 50%,#b6750b 78%,#2c1800);
  box-shadow:
    0 0 24px rgba(255,190,45,.30),
    inset 0 0 15px rgba(255,255,255,.22);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

.hero-install-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
  box-shadow:
    0 0 34px rgba(255,190,45,.46),
    inset 0 0 18px rgba(255,255,255,.26);
}

.hero-install-btn.installed,
.install-btn.installed{
  cursor:default;
  opacity:.72;
  filter:saturate(.7);
}

.ios-install-modal{
  position:fixed;
  inset:0;
  z-index:50050;
  display:none;
  place-items:center;
  padding:20px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.ios-install-modal.show{
  display:grid;
}

.ios-install-card{
  width:min(430px,94vw);
  position:relative;
  padding:28px;
  border:1px solid rgba(255,216,112,.38);
  border-radius:26px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,205,72,.14),transparent 35%),
    linear-gradient(135deg,rgba(18,12,4,.98),rgba(0,0,0,.98));
  box-shadow:0 0 48px rgba(255,190,45,.28);
}

.ios-install-logo img{
  width:92px;
  height:92px;
  border-radius:22px;
  object-fit:cover;
  box-shadow:0 0 24px rgba(255,190,45,.25);
}

.ios-install-card h3{
  margin-top:14px;
  color:#ffe79a;
  font-size:22px;
}

.ios-install-card p{
  margin-top:10px;
  color:#d3c395;
  line-height:1.5;
}

.ios-install-ok{
  margin-top:18px;
  border:1px solid #ffe58d;
  border-radius:999px;
  padding:12px 22px;
  cursor:pointer;
  background:linear-gradient(90deg,#251300,#ffbf32,#fff0a9,#ac6d08);
  color:#140b00;
  font-weight:900;
}

.ios-install-close{
  position:absolute;
  right:14px;
  top:14px;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(255,216,112,.28);
  background:#080808;
  color:#ffe79a;
  cursor:pointer;
}

@media(max-width:620px){
  .hero-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .hero-actions .hero-btn,
  .hero-install-btn{
    width:100%;
  }
}

/* ===== V33 WEB DYNAMIC ===== */
.steed-dynamic-section,.steed-news-section{max-width:1280px;margin:44px auto;padding:0 24px}.dynamic-head,.news-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:22px}.dynamic-head small,.news-head small{color:#c9942d;font-weight:900;letter-spacing:.18em}.dynamic-head h2,.news-head h2{font-size:clamp(27px,4vw,46px);line-height:1}.dynamic-head h2 span,.news-head h2 span{color:#ffe28a;text-shadow:0 0 18px #d99b2f88}.dynamic-head p,.news-head p{max-width:460px;color:#bba976;text-align:right;font-size:13px}.dynamic-grid{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:42px;align-items:center;padding:30px;border:1px solid rgba(255,215,110,.2);border-radius:28px;background:radial-gradient(circle at 20% 30%,rgba(255,190,45,.13),transparent 32%),linear-gradient(135deg,#0c0903,#020202);box-shadow:0 0 45px rgba(255,190,45,.1)}.now-flip-shell{perspective:1200px;aspect-ratio:1}.now-flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.2,.8,.2,1)}.now-flip-card.flipped{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:22px;overflow:hidden;border:1px solid rgba(255,222,135,.35);box-shadow:0 22px 55px #000b,0 0 30px rgba(255,190,45,.16)}.flip-front{background:#050505}.flip-front>img{width:100%;height:100%;object-fit:cover}.flip-live{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:#050505d9;border:1px solid #e7ae3e;color:#ffe79a;font-size:10px;font-weight:900;letter-spacing:.12em}.flip-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#372308 0,#080603 50%,#000 100%)}.flip-back img{width:50%;filter:drop-shadow(0 0 22px rgba(255,196,52,.55));z-index:1}.flip-back strong{font-size:22px;color:#ffe79a;margin-top:10px;z-index:1}.flip-back small{color:#bba36a;letter-spacing:.13em;margin-top:7px;z-index:1}.back-glow{position:absolute;width:70%;height:70%;border-radius:50%;background:#e6a82e24;filter:blur(35px)}.dynamic-copy .eyebrow{color:#e5ad3c;font-size:11px;font-weight:900;letter-spacing:.18em}.dynamic-copy h3{font-size:clamp(27px,4.5vw,52px);line-height:1.03;margin-top:9px;color:#fff4ce}.dynamic-copy p{font-size:clamp(17px,2vw,25px);color:#d5c9a4;margin-top:10px}.dynamic-copy>small{display:block;color:#ffe49a;margin-top:7px;font-size:14px}.dynamic-copy em{display:block;color:#857653;font-size:11px;margin-top:7px;font-style:normal}.flip-timer{height:3px;max-width:440px;margin-top:28px;background:#33260f;border-radius:9px;overflow:hidden}.flip-timer i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7c5008,#ffe49b,#c48314);box-shadow:0 0 10px #ffc540}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.news-card{min-height:300px;position:relative;overflow:hidden;border:1px solid rgba(255,215,110,.18);border-radius:20px;background:#090806;box-shadow:0 14px 35px #0008;transition:.25s}.news-card:hover{transform:translateY(-4px);border-color:rgba(255,215,110,.42);box-shadow:0 18px 45px #000a,0 0 25px #d99a221c}.news-image{height:150px;background:#111 center/cover no-repeat;position:relative}.news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#090806)}.news-body{padding:15px}.news-meta{display:flex;justify-content:space-between;color:#d3a13d;font-size:9px;font-weight:900;letter-spacing:.08em}.news-card h3{font-size:17px;line-height:1.2;margin-top:9px;color:#fff5d8}.news-card p{font-size:12px;line-height:1.45;color:#ad9f7c;margin-top:8px}.news-card a{display:inline-block;margin-top:12px;color:#ffe08a;font-size:10px;font-weight:900;letter-spacing:.08em}.news-loading{grid-column:1/-1;padding:35px;text-align:center;color:#b9a775;border:1px dashed #6e5221;border-radius:18px}@media(max-width:800px){.dynamic-head,.news-head{align-items:start;flex-direction:column}.dynamic-head p,.news-head p{text-align:left}.dynamic-grid{grid-template-columns:1fr;padding:20px}.now-flip-shell{width:min(100%,340px);margin:auto}.news-grid{grid-template-columns:1fr}.steed-dynamic-section,.steed-news-section{padding:0 14px;margin:30px auto}}


/* STEED V34 — community, recent tracks, discreet sponsor */
.steed-social-hub{max-width:1120px;margin:28px auto 52px;padding:24px 26px;border:1px solid rgba(214,165,55,.28);border-radius:20px;background:linear-gradient(135deg,rgba(21,17,7,.92),rgba(3,3,3,.96));display:grid;grid-template-columns:1fr 1.35fr;gap:28px;align-items:center;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.social-hub-copy small,.recent-head small{color:#cfa33c;font-weight:800;letter-spacing:.18em}.social-hub-copy h2{margin:7px 0;font-size:clamp(22px,2.5vw,34px);color:#fff}.social-hub-copy h2 span,.recent-head h2 span{color:#e5b947}.social-hub-copy p{margin:0;color:#a9a08d}.social-hub-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.social-pill{min-height:62px;padding:11px 14px;border-radius:14px;border:1px solid rgba(221,177,66,.32);background:rgba(255,255,255,.025);text-decoration:none;color:#f5d879;display:flex;flex-direction:column;justify-content:center;transition:.2s ease}.social-pill:hover{transform:translateY(-2px);border-color:#e8bd4b;box-shadow:0 8px 24px rgba(209,157,35,.12)}.social-pill small{color:#8f897b;font-size:10px;margin-top:3px}.social-pill.pending{opacity:.62}
.recent-section{max-width:1120px;margin:64px auto;padding:0 20px}.recent-tracks{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-top:22px}.recent-track{min-width:0;border:1px solid rgba(221,177,66,.22);border-radius:15px;background:#090806;overflow:hidden}.recent-track img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.recent-track-copy{padding:11px}.recent-track strong,.recent-track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-track strong{font-size:12px;color:#f7e7b6}.recent-track small{font-size:10px;color:#8f897b;margin-top:4px}.recent-empty{grid-column:1/-1;padding:30px;text-align:center;color:#8f897b;border:1px dashed rgba(221,177,66,.2);border-radius:14px}
.steed-sponsor-slot{max-width:760px;min-height:64px;margin:46px auto;padding:10px 18px;border-top:1px solid rgba(221,177,66,.16);border-bottom:1px solid rgba(221,177,66,.16);display:flex;align-items:center;justify-content:center;gap:18px;color:#9d947f;background:rgba(255,255,255,.012)}.steed-sponsor-slot>span{font-size:9px;letter-spacing:.18em;color:#c69b37}.steed-sponsor-slot strong,.steed-sponsor-slot small{display:block}.steed-sponsor-slot strong{font-size:11px;color:#c6b889}.steed-sponsor-slot small{font-size:9px;margin-top:2px;color:#6f6a5f}
@media(max-width:850px){.steed-social-hub{grid-template-columns:1fr;margin:20px 14px 40px}.social-hub-links{grid-template-columns:repeat(2,1fr)}.recent-tracks{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.recent-tracks{grid-template-columns:repeat(2,1fr)}.steed-sponsor-slot{margin:34px 14px}.social-hub-links{grid-template-columns:1fr 1fr}}


/* ===== STEED V36 — CINEMATIC FIRST IMPRESSION ===== */
main{background:transparent!important;isolation:initial!important}
#goldParticles{z-index:5!important;opacity:.74!important}#clubLights{z-index:4!important}
.hero-v36{position:relative!important;padding:0!important;background:transparent!important;overflow:hidden!important;z-index:10!important}
.hero-cinema{position:relative;min-height:clamp(590px,72vh,760px);display:grid;place-items:center;overflow:hidden;background:#050402}
.hero-cinema-bg{position:absolute;inset:-5%;background-position:center;background-size:cover;filter:blur(28px) saturate(.82) brightness(.34);transform:scale(1.12);opacity:.42;transition:background-image .8s ease,opacity .8s ease}
.hero-cinema:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,200,69,.14),transparent 31%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(2,2,2,.50) 72%,rgba(2,2,2,.75));z-index:1;pointer-events:none}
.hero-cinema-noise{position:absolute;inset:0;z-index:2;opacity:.08;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.hero-cinema-beams{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.hero-cinema-beams i{position:absolute;top:-20%;width:2px;height:145%;background:linear-gradient(180deg,transparent,rgba(255,205,75,.5),transparent);filter:blur(.4px);opacity:.22;transform-origin:top center;animation:heroBeam 9s ease-in-out infinite}.hero-cinema-beams i:nth-child(1){left:24%;transform:rotate(24deg)}.hero-cinema-beams i:nth-child(2){left:52%;animation-delay:-3s;transform:rotate(-10deg)}.hero-cinema-beams i:nth-child(3){left:77%;animation-delay:-6s;transform:rotate(-25deg)}@keyframes heroBeam{0%,100%{opacity:.08}50%{opacity:.30}}
.hero-cinema-wave{position:absolute;left:0;right:0;bottom:18%;height:150px;z-index:2;opacity:.35;filter:blur(.2px);pointer-events:none}.hero-cinema-wave span{position:absolute;left:-10%;width:120%;height:2px;top:50%;background:linear-gradient(90deg,transparent,rgba(255,191,42,.2),rgba(255,230,149,.9),rgba(255,191,42,.25),transparent);box-shadow:0 0 18px rgba(255,190,42,.35);animation:heroWave 7s ease-in-out infinite}.hero-cinema-wave span:nth-child(2){top:40%;opacity:.55;animation-delay:-2.2s}.hero-cinema-wave span:nth-child(3){top:61%;opacity:.35;animation-delay:-4.4s}@keyframes heroWave{0%,100%{transform:translateX(-2%) scaleY(1)}50%{transform:translateX(2%) scaleY(1.6)}}
.hero-stage{position:relative;z-index:10;width:min(1320px,94vw);min-height:520px;margin:42px auto;border:1px solid rgba(255,222,125,.22);border-radius:28px;overflow:hidden;background:linear-gradient(135deg,rgba(9,7,3,.72),rgba(0,0,0,.76));box-shadow:0 30px 100px rgba(0,0,0,.65),0 0 80px rgba(220,157,24,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero-stage:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,234,163,.07);border-radius:20px;pointer-events:none;z-index:7}
.hero-slides{position:relative;min-height:520px}.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:54px;align-items:center;padding:48px 62px 112px;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .65s ease,transform .75s ease,visibility .65s;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.hero-visual-card{position:relative;width:min(360px,100%);aspect-ratio:1/1;justify-self:center;border-radius:28px;overflow:hidden;border:1px solid rgba(255,218,107,.26);background:#090603;box-shadow:0 30px 60px rgba(0,0,0,.48),0 0 40px rgba(224,163,28,.12)}.hero-visual-card:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px rgba(0,0,0,.34);pointer-events:none}.hero-visual-card img,.hero-video-visual video{width:100%;height:100%;object-fit:cover;display:block}.hero-slide.is-active .hero-visual-card img,.hero-slide.is-active .hero-video-visual video{animation:heroKen 10s ease-out both}@keyframes heroKen{from{transform:scale(1)}to{transform:scale(1.045)}}
.hero-live-chip{position:absolute;left:16px;top:16px;z-index:4;padding:7px 10px;border-radius:999px;background:rgba(7,7,7,.72);border:1px solid rgba(255,220,110,.35);color:#ffd868;font-size:10px;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(8px)}
.hero-news-visual{background:radial-gradient(circle at 50% 40%,rgba(255,190,47,.2),transparent 35%),url('../img/logo.png') center/48% no-repeat,#080603;background-size:cover;background-position:center}.hero-news-visual>span{position:absolute;left:18px;bottom:16px;z-index:3;color:#f7d777;font-size:10px;font-weight:900;letter-spacing:.16em}.hero-video-visual video{filter:saturate(.8) contrast(1.06) brightness(.72)}
.hero-copy{position:relative;min-width:0;max-width:720px;z-index:3;text-align:left}.hero-kicker{display:inline-flex;align-items:center;gap:10px;color:#dcb14e;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}.hero-kicker:before{content:"";width:28px;height:1px;background:#d7a636;box-shadow:0 0 10px #d7a636}.hero-copy h1{font-size:clamp(42px,5.1vw,76px)!important;line-height:.95!important;margin:0!important;letter-spacing:-.04em!important;max-width:760px;background:linear-gradient(90deg,#fff6d7,#e7b84b 55%,#fff0aa)!important;-webkit-background-clip:text!important;color:transparent!important;text-shadow:none!important}.hero-copy h2{font-size:clamp(18px,2.1vw,28px)!important;line-height:1.14!important;letter-spacing:0!important;margin:15px 0 0!important;color:#f0dfb5!important}.hero-copy p{max-width:620px;margin:14px 0 0!important;letter-spacing:0!important;line-height:1.55;color:#b8ad94!important;font-size:14px}.hero-inline-link{display:inline-block;margin-top:18px;color:#efc761;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.12em;border-bottom:1px solid rgba(239,199,97,.36);padding-bottom:5px}.hero-inline-link:hover{color:#fff0b8;border-color:#fff0b8}
.hero-bottom-bar{position:absolute;left:62px;right:62px;bottom:30px;z-index:20;display:flex;align-items:end;justify-content:space-between;gap:24px}.hero-actions-v36{display:flex;gap:12px;align-items:center}.hero-primary,.hero-secondary{height:52px;border-radius:999px;padding:0 24px;display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.03em;cursor:pointer;transition:.22s ease}.hero-primary{border:1px solid #ffe58d;background:linear-gradient(100deg,#8e5905,#ffc638 48%,#fff0ad 100%);color:#150b00;box-shadow:0 0 26px rgba(255,191,40,.28)}.hero-primary:hover{transform:translateY(-2px);box-shadow:0 0 38px rgba(255,191,40,.42)}.hero-secondary{border:1px solid rgba(255,226,132,.30);background:rgba(8,8,8,.66);color:#f7d879;backdrop-filter:blur(10px)}.hero-secondary:hover{border-color:rgba(255,226,132,.58);background:rgba(28,20,5,.72);transform:translateY(-2px)}.hero-primary span,.hero-secondary span{font-size:14px}.hero-slider-meta{display:grid;justify-items:end;gap:10px}.hero-slider-meta small{color:#8f856f;font-size:10px}.hero-dots{display:flex;gap:8px}.hero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,225,139,.26);cursor:pointer;transition:.25s}.hero-dots button.active{width:34px;background:linear-gradient(90deg,#8f5905,#ffe291);box-shadow:0 0 16px rgba(255,195,47,.45)}
.hero-v36 + .steed-social-hub{margin-top:0!important}.steed-social-hub,.steed-dynamic-section,.steed-news-section,.recent-section,.steed-sponsor-slot{position:relative!important;z-index:10!important}
@media(max-width:980px){.hero-cinema{min-height:720px}.hero-stage,.hero-slides{min-height:650px}.hero-slide{grid-template-columns:1fr;gap:22px;align-content:start;padding:34px 34px 150px}.hero-visual-card{width:min(300px,76vw);aspect-ratio:16/10}.hero-copy{text-align:center;margin:0 auto}.hero-kicker{justify-content:center}.hero-copy p{margin-left:auto!important;margin-right:auto!important}.hero-bottom-bar{left:24px;right:24px;bottom:28px;align-items:center;flex-direction:column}.hero-slider-meta{justify-items:center}.hero-actions-v36{width:100%;justify-content:center;flex-wrap:wrap}}
@media(max-width:560px){.hero-cinema{min-height:680px}.hero-stage{width:calc(100vw - 20px);margin:18px auto;border-radius:20px}.hero-stage,.hero-slides{min-height:640px}.hero-slide{padding:22px 18px 165px}.hero-visual-card{width:100%;max-width:330px;aspect-ratio:16/10;border-radius:18px}.hero-copy h1{font-size:36px!important}.hero-copy h2{font-size:18px!important}.hero-actions-v36{display:grid;grid-template-columns:1fr;gap:8px}.hero-primary,.hero-secondary{width:100%;justify-content:center;height:48px}.hero-bottom-bar{left:14px;right:14px}.hero-cinema-wave{bottom:10%;opacity:.25}}

/* ===== STEED V37 — CINEMATIC IMAGE HERO ===== */
.hero-v37{position:relative!important;padding:0!important;background:#020201!important;overflow:hidden!important;z-index:10!important}
.hero37-shell{position:relative;min-height:clamp(620px,77vh,820px);overflow:hidden;background:#020201;isolation:isolate}
.hero37-image{position:absolute;inset:-2%;background:url('../img/steed-hero-v37.png') center center/cover no-repeat;transform:scale(1.025);animation:hero37Breath 13s ease-in-out infinite alternate;z-index:0}
@keyframes hero37Breath{from{transform:scale(1.025)}to{transform:scale(1.065)}}
.hero37-vignette{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.03) 60%,rgba(0,0,0,.72) 100%),radial-gradient(circle at 50% 45%,transparent 35%,rgba(0,0,0,.34) 100%);pointer-events:none}
.hero37-sweep{position:absolute;inset:-30% -15%;z-index:2;pointer-events:none;background:linear-gradient(112deg,transparent 35%,rgba(255,221,118,.0) 44%,rgba(255,221,118,.18) 50%,rgba(255,221,118,.0) 56%,transparent 65%);transform:translateX(-55%);animation:hero37Sweep 8.5s ease-in-out infinite}
@keyframes hero37Sweep{0%,30%{transform:translateX(-55%)}70%,100%{transform:translateX(55%)}}
.hero37-grain{position:absolute;inset:0;z-index:3;opacity:.055;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px)}
.hero37-content{position:relative;z-index:5;width:min(1480px,94vw);height:100%;min-height:inherit;margin:auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:36px 42px 42px}
.hero37-livecard{width:min(520px,92vw);padding:15px 17px 16px;border:1px solid rgba(255,222,126,.32);border-radius:20px;background:linear-gradient(135deg,rgba(7,5,2,.75),rgba(0,0,0,.45));box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 30px rgba(240,171,27,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero37-kicker{display:block;margin-bottom:10px;color:#ffd969;font-size:10px;font-weight:900;letter-spacing:.18em}
.hero37-trackrow{display:grid;grid-template-columns:64px 1fr;gap:13px;align-items:center}.hero37-trackrow img{width:64px;height:64px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,222,126,.28);box-shadow:0 0 24px rgba(240,171,27,.15)}
.hero37-trackrow strong,.hero37-trackrow span,.hero37-trackrow small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero37-trackrow strong{font-size:18px;color:#fff3cc}.hero37-trackrow span{margin-top:2px;font-size:12px;color:#e0c777}.hero37-trackrow small{margin-top:4px;font-size:10px;color:#a79a7f}
.hero37-actions{display:flex;gap:12px;margin-top:14px}.hero37-listen,.hero37-install{height:54px;border-radius:999px;padding:0 24px;font-weight:900;letter-spacing:.035em;cursor:pointer;transition:.22s ease;backdrop-filter:blur(8px)}
.hero37-listen{border:1px solid #ffe58b;background:linear-gradient(100deg,#8b5504,#ffc235 48%,#fff1b1 100%);color:#160c00;box-shadow:0 0 28px rgba(255,190,39,.34)}
.hero37-install{border:1px solid rgba(255,226,132,.4);background:rgba(4,4,3,.68);color:#ffe08a;box-shadow:inset 0 0 16px rgba(255,205,78,.03)}
.hero37-listen:hover,.hero37-install:hover{transform:translateY(-2px)}.hero37-listen:hover{box-shadow:0 0 42px rgba(255,190,39,.48)}.hero37-install:hover{border-color:rgba(255,226,132,.68);background:rgba(18,13,4,.8)}
.hero37-news{position:absolute;right:42px;bottom:42px;width:min(420px,36vw);padding:15px 17px;border:1px solid rgba(255,222,126,.22);border-radius:18px;background:rgba(3,3,2,.64);text-decoration:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.34);transition:.22s ease}
.hero37-news:hover{transform:translateY(-2px);border-color:rgba(255,222,126,.48);background:rgba(10,8,3,.76)}.hero37-news span{display:block;color:#d9ab42;font-size:9px;font-weight:900;letter-spacing:.18em;margin-bottom:6px}.hero37-news strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#f6e5b3;font-size:14px;line-height:1.28}.hero37-news em{display:block;margin-top:8px;color:#ffd25b;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.12em}
.hero-v37 + .steed-social-hub{margin-top:0!important}
@media(max-width:900px){.hero37-shell{min-height:680px}.hero37-image{background-position:58% center}.hero37-content{justify-content:flex-end;padding:26px 22px 28px}.hero37-news{position:static;width:min(520px,92vw);margin-top:12px}.hero37-actions{flex-wrap:wrap}.hero37-listen,.hero37-install{flex:1 1 220px}}
@media(max-width:560px){.hero37-shell{min-height:650px}.hero37-image{background-position:62% center}.hero37-content{padding:18px 14px 20px}.hero37-livecard{width:100%}.hero37-actions{width:100%;display:grid;grid-template-columns:1fr}.hero37-listen,.hero37-install{width:100%;height:50px}.hero37-news{width:100%}.hero37-trackrow strong{font-size:15px}.hero37-trackrow{grid-template-columns:54px 1fr}.hero37-trackrow img{width:54px;height:54px}}


/* ===== V38 PREMIUM FULL-BLEED HERO SLIDER ===== */
.hero-v38{padding:0!important;margin:0;background:transparent;position:relative;overflow:visible}
.hero38-stage{position:relative;max-width:1440px;height:min(760px,74vw);min-height:560px;margin:0 auto 24px;overflow:hidden;border-radius:0 0 34px 34px;border:1px solid rgba(255,211,92,.18);border-top:0;background:#040302;box-shadow:0 30px 80px #000c,0 0 45px rgba(214,147,20,.08)}
.hero38-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.018);transition:opacity .9s ease,transform 1.2s ease,visibility .9s;pointer-events:none}
.hero38-slide.is-active{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}
.hero38-bg{position:absolute;inset:-2%;background-position:center;background-size:cover;filter:saturate(1.05) contrast(1.04);transform:scale(1.03);animation:hero38Breath 14s ease-in-out infinite alternate}
.hero38-brand-bg{background-image:url('/assets/img/steed-hero-v37.png')}
.hero38-track-bg,.hero38-news-bg{background-image:url('/assets/img/logo.png');filter:blur(2px) saturate(1.08) brightness(.72);transform:scale(1.08)}
.hero38-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;filter:saturate(1.08) contrast(1.05) brightness(.82)}
.hero38-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.34) 42%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.56) 100%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.15) 55%,rgba(0,0,0,.74));}
.hero38-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 42%,rgba(255,183,37,.12),transparent 34%),linear-gradient(115deg,transparent 35%,rgba(255,231,161,.12) 47%,transparent 57%);mix-blend-mode:screen;opacity:.7;animation:hero38Sweep 7s linear infinite}
.hero38-overlay-video{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.22) 52%,rgba(0,0,0,.68));}
.hero38-copy,.hero38-track-panel,.hero38-news-panel,.hero38-social-copy{position:absolute;z-index:3}
.hero38-brand-copy{left:7%;top:23%;max-width:610px;text-shadow:0 8px 30px #000}
.hero38-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ffd15a;font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.hero38-brand-copy h1{margin:12px 0 0;font-size:clamp(58px,7vw,112px);line-height:.9;letter-spacing:-.055em;color:#fff0ad;text-shadow:0 0 28px rgba(255,182,31,.32),0 8px 26px #000}
.hero38-brand-copy p{font-size:clamp(20px,2.5vw,38px);font-weight:900;letter-spacing:.3em;color:#f5ddb0;margin:16px 0 6px}
.hero38-brand-copy small{font-size:13px;color:#d8c79d;letter-spacing:.12em;text-transform:uppercase}
.hero38-track-panel{left:7%;top:17%;display:grid;grid-template-columns:minmax(260px,34vw) 1fr;align-items:center;gap:54px;width:min(1120px,84%)}
.hero38-art-wrap{aspect-ratio:1;border-radius:26px;overflow:hidden;border:1px solid rgba(255,223,132,.3);box-shadow:0 28px 70px #000b,0 0 46px rgba(255,180,30,.16);background:#080604}
.hero38-art-wrap img{width:100%;height:100%;object-fit:cover}
.hero38-track-copy h2,.hero38-news-panel h2,.hero38-social-copy h2{margin:12px 0 12px;color:#fff0b0;font-size:clamp(44px,5vw,82px);line-height:.95;letter-spacing:-.04em;text-shadow:0 12px 34px #000}
.hero38-track-copy p,.hero38-social-copy p{font-size:clamp(20px,2vw,34px);font-weight:800;color:#fff4d8;margin:0 0 8px}
.hero38-track-copy small{font-size:15px;color:#d1bf93}
.hero38-news-panel{left:7%;top:19%;width:min(780px,62%);padding:30px 34px;border-left:2px solid rgba(255,195,55,.75);background:linear-gradient(90deg,rgba(3,3,3,.60),rgba(3,3,3,.2));backdrop-filter:blur(5px)}
.hero38-news-panel h2{font-size:clamp(38px,4.6vw,72px);line-height:1.02}
.hero38-news-panel p{max-width:680px;font-size:16px;line-height:1.55;color:#d5c6a2;margin:12px 0 20px}
.hero38-story-link,.hero38-social-copy a{display:inline-flex;align-items:center;gap:8px;color:#ffe083;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.14em;border-bottom:1px solid rgba(255,208,83,.48);padding-bottom:6px}
.hero38-story-link:hover,.hero38-social-copy a:hover{color:#fff1b0;border-color:#fff1b0}
.hero38-social-copy{left:7%;top:22%;max-width:620px}
.hero38-fixed-ui{position:absolute;z-index:5;left:5%;right:5%;bottom:38px;display:flex;align-items:end;justify-content:space-between;gap:24px}
.hero38-actions{display:flex;gap:14px;align-items:center}
.hero38-listen,.hero38-install{height:58px;border-radius:999px;padding:0 28px;font-weight:950;letter-spacing:.02em;font-size:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.hero38-listen{border:1px solid #ffe48b;color:#1d1202;background:linear-gradient(95deg,#8d5807 0,#f4b92b 38%,#fff0a2 65%,#c07b0d 100%);box-shadow:0 0 34px rgba(255,188,40,.34),inset 0 0 14px rgba(255,255,255,.32)}
.hero38-install{border:1px solid rgba(255,220,112,.52);color:#ffe083;background:rgba(7,6,3,.68);backdrop-filter:blur(14px);box-shadow:inset 0 0 20px rgba(255,186,42,.05)}
.hero38-listen:hover,.hero38-install:hover{transform:translateY(-2px);filter:brightness(1.06)}
.hero38-controls{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid rgba(255,215,103,.18);border-radius:999px;background:rgba(0,0,0,.42);backdrop-filter:blur(12px)}
.hero38-prev,.hero38-next{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,220,113,.34);background:#0a0804;color:#ffe18a;font-size:24px;line-height:1;cursor:pointer}
.hero38-dots{display:flex;gap:8px;align-items:center}.hero38-dot{width:8px;height:8px;border:0;border-radius:999px;background:#6d5b33;cursor:pointer;padding:0;transition:.25s}.hero38-dot.is-active{width:30px;background:linear-gradient(90deg,#b9770a,#ffe48e);box-shadow:0 0 12px rgba(255,190,41,.58)}
@keyframes hero38Breath{from{transform:scale(1.03)}to{transform:scale(1.075)}}
@keyframes hero38Sweep{from{transform:translateX(-30%)}to{transform:translateX(30%)}}
@media(max-width:900px){.hero38-stage{height:720px;min-height:720px;border-radius:0 0 24px 24px}.hero38-track-panel{grid-template-columns:220px 1fr;gap:28px;top:18%;width:88%}.hero38-news-panel{width:78%}.hero38-fixed-ui{left:4%;right:4%;bottom:28px}.hero38-brand-copy,.hero38-social-copy{left:6%}}
@media(max-width:680px){.hero38-stage{height:760px;min-height:760px}.hero38-brand-bg{background-position:58% center}.hero38-brand-copy{top:13%;left:6%;right:6%}.hero38-brand-copy h1{font-size:58px}.hero38-brand-copy p{font-size:18px;letter-spacing:.2em}.hero38-track-panel{display:flex;flex-direction:column;align-items:flex-start;left:6%;top:10%;width:88%;gap:22px}.hero38-art-wrap{width:230px}.hero38-track-copy h2{font-size:44px}.hero38-news-panel{left:6%;top:15%;width:88%;padding:22px}.hero38-news-panel h2{font-size:40px}.hero38-social-copy{top:18%;max-width:85%}.hero38-social-copy h2{font-size:52px}.hero38-video{object-fit:cover}.hero38-fixed-ui{flex-direction:column;align-items:stretch;gap:14px}.hero38-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.hero38-listen,.hero38-install{padding:0 14px;font-size:13px}.hero38-controls{align-self:flex-end}}