/* ═══════════════════════════════════════════════════════════
   OFFICE RADIO RETRO — styles-retro.css v1.5 (final)
   ═══════════════════════════════════════════════════════════ */

/* ═══ 1. RESET & VARIÁVEIS ═══ */
:root{
  --laranja:#ff6b1a; --laranja-2:#ff8c42; --verde:#12b45c; --verde-neon:#3aff8c;
  --azul:#2f6bff; --azul-2:#1d4ed8; --branco:#f7f2e7; --creme:#efe7d3;
  --cinza:#9aa0a6; --cinza-2:#5b5f66; --neon-red:#ff3b3b;
  --bg:#15161a; --bg2:#1c1e24; --painel:#23262e; --linha:#343842;
  --texto:#f1ede2; --texto2:#b7b2a3; --lcd-bg:#131208; --lcd:#ffb02e;
  --hs:5px 5px 0 rgba(0,0,0,.45); --hs-sm:3px 3px 0 rgba(0,0,0,.4);
  --f-display:'Bungee',cursive; --f-body:'Space Grotesk',sans-serif; --f-lcd:'VT323',monospace;
}
body.claro{
  --bg:#f4efe1; --bg2:#ece5d1; --painel:#fffaf0; --linha:#d9cfb4;
  --texto:#22242a; --texto2:#5d5a4e; --hs:5px 5px 0 rgba(90,70,20,.25); --hs-sm:3px 3px 0 rgba(90,70,20,.2);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--f-body);background:var(--bg);color:var(--texto);overflow-x:hidden;line-height:1.6}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.wrap{width:min(1180px,92%);margin-inline:auto}
.container{width:min(1180px,92%);margin-inline:auto}
.noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}
body.claro .noise{opacity:.035}
@keyframes blink{50%{opacity:.25}}
@keyframes girar{to{transform:rotate(360deg)}}
@keyframes ejetar{30%{transform:translateY(-8px) rotate(-1deg)}60%{transform:translateY(2px)}}
@keyframes pulsar{50%{transform:scale(1.06);opacity:.35}}
@keyframes varrer{0%{left:22%}45%{left:63%}70%{left:40%}100%{left:78%}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.12) translate(2%,-2%)}}

/* ═══ ANIMAÇÕES NEON DA VITRINE ═══ */
/* 1. Vermelho Neon (Usa o seletor antigo neonR ou neonB adaptado para vermelho) */
@keyframes neonR{50%{border-color:#ff3333;box-shadow:0 0 24px rgba(255, 17, 17, 0.75), 0 0 10px rgba(255, 51, 51, 0.45)}}

/* 2. Azul Neon */
@keyframes neonB{50%{border-color:var(--azul);box-shadow:0 0 24px rgba(47,107,255,.45)}}

/* 3. Laranja Neon */
@keyframes neonO{50%{border-color:var(--laranja);box-shadow:0 0 24px rgba(255,107,26,.45)}}

/* 4. Verde Neon */
@keyframes neonV{50%{border-color:var(--verde);box-shadow:0 0 24px rgba(18,180,92,.45)}}

/* 5. Amarelo Neon */
@keyframes neonY{50%{border-color:#ffcc00;box-shadow:0 0 24px rgba(255, 204, 0, 0.65), 0 0 10px rgba(255, 230, 100, 0.35)}}


/* ═══ 2. TOPBAR ═══ */
.topbar{background:#0d0e11;border-bottom:2px solid var(--laranja);font-size:.8rem}
body.claro .topbar{background:#191a1f;color:#f1ede2}
.topbar-in{display:flex;align-items:center;gap:1.2rem;padding:.4rem 0}
.onair{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--f-display);font-size:.72rem;color:var(--verde-neon);letter-spacing:.08em}
.onair .dot{width:9px;height:9px;border-radius:50%;background:var(--verde-neon);box-shadow:0 0 8px var(--verde-neon);animation:blink 1.1s steps(2) infinite}
.onair.sm{font-size:.62rem}
.clock{font-family:var(--f-lcd);font-size:1.15rem;color:var(--verde)}
.topbar-freq{color:#cff205;letter-spacing:.15em;margin-left:auto}
.btn-tema{background:#22242b;color:#ffd58a;border:2px solid #454a56;padding:.3rem .7rem;font-family:var(--f-display);font-size:.62rem;border-radius:6px;box-shadow:var(--hs-sm);transition:.15s}
.btn-tema:hover{transform:translate(-1px,-1px)}

/* ═══ 3. HEADER ═══ */
.header{position:sticky;top:0;z-index:50;background:var(--bg2);border-bottom:3px solid var(--laranja)}
.header-in{display:flex;align-items:center;gap:1.5rem;padding:.8rem 0}
.logo{display:flex;align-items:center;gap:.7rem}
.logo-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid var(--laranja);box-shadow:var(--hs-sm);animation:girar 9s linear infinite}
.logo-txt{font-family:var(--f-display);font-size:1.05rem;line-height:1.05;color:var(--texto)}
.logo-txt em{color:var(--laranja);font-style:normal}
.logo-txt b{display:block;font-size:.6rem;color:var(--verde);letter-spacing:.4em}
.menu{display:flex;align-items:center;gap:1.3rem;margin-left:auto}
.menu a{font-weight:600;font-size:.86rem;letter-spacing:.04em;padding:.35rem 0;border-bottom:3px solid transparent;transition:.15s}
.menu a:hover{color:var(--laranja);border-color:var(--laranja)}
.menu-cta{background:var(--verde);color:#fff!important;padding:.5rem .9rem!important;border:2px solid #0a7a3c;border-radius:8px;box-shadow:var(--hs-sm)}
.menu-cta:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(0,0,0,.4);border-color:#0a7a3c!important;color:#fff!important}
.hamb{display:none;background:none;border:0;width:42px;height:38px;flex-direction:column;gap:6px;align-items:center;justify-content:center;margin-left:auto}
.hamb i{width:26px;height:3px;background:var(--laranja);transition:.25s}
body.menu-aberto .hamb i:nth-child(1){transform:translateY(9px) rotate(45deg)}
body.menu-aberto .hamb i:nth-child(2){opacity:0}
body.menu-aberto .hamb i:nth-child(3){transform:translateY(-9px) rotate(-45deg)}

/* ═══ 4. HERO + VU METERS ═══ */
.hero{padding:2.5rem 0 3.5rem;background:
  linear-gradient(180deg,transparent 0,transparent 96%,var(--linha) 96%),
  radial-gradient(1000px 500px at 85% -10%,rgba(255,107,26,.14),transparent 60%),
  radial-gradient(800px 400px at 5% 110%,rgba(18,180,92,.1),transparent 60%),var(--bg)}

.vu-topo{display:grid;grid-template-columns:1fr 170px 1fr;gap:2rem;align-items:end;margin-bottom:2.6rem;max-width:1080px;margin-inline:auto;padding:0 .5rem}
.vu-titulo{display:block;text-align:center;font-family:var(--f-display);font-size:.72rem;letter-spacing:.18em;color:var(--laranja);margin-bottom:.55rem;text-transform:uppercase}
.vu-logo{display:grid;place-items:center}
/* ALTERADO: Borda do logo mudou de #000 para #FFD700 */
.vu-logo img {
  width: 150px;
  height: 150px;
  object-fit: contain;
  background: transparent;
  border: none;
  padding: 0;
  
  /* Efeito de Lâmpada Acesa / Luz de Fundo (Glow) */
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6)) 
          drop-shadow(0 0 20px rgba(255, 193, 7, 0.4));
  
  /* Opcional: Adiciona uma animação pulsante suave para parecer uma lâmpada real */
  animation: pulsoLuz 3s infinite ease-in-out;
}

/* Animação que faz a luz de fundo oscilar de forma bem sutil */
@keyframes pulsoLuz {
  0%, 100% {
    filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6)) 
            drop-shadow(0 0 20px rgba(255, 193, 7, 0.4));
  }
  50% {
    filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.8)) 
            drop-shadow(0 0 28px rgba(255, 193, 7, 0.5));
  }
}
.vu-analogico{min-width:0}
/* ALTERADO: Borda da caixa do VU mudou de #000 para #FFD700 */
.vu-caixa {
  position: relative;
  height: 122px;
  overflow: hidden;
  border-radius: 10px;
  padding: .95rem 1.1rem 0;
  
  /* Borda laranja quente original (#ff6b35) */
  border: 3px solid #ff6b1a;
  
  /* Luz de fundo: adicionamos um foco radial no centro para simular a lâmpada pingo d'água iluminando o fundo amarelado */
  background: 
    radial-gradient(circle at center, rgba(237, 216, 161, 0.4) 0%, rgba(22, 23, 27, 0) 0%),
    linear-gradient(#232429, #16171b 100%, #edd8a1);
  
  /* Brilho da Borda (Glow externo) + Luz indireta interna (Inset) + Sombra original */
  box-shadow: 
    0 0 12px rgba(255, 107, 53, 0.6),            /* Luz vazando para fora da borda */
    0 0 25px rgba(255, 107, 53, 0.2),            /* Aura de iluminação externa */
    inset 0 0 18px rgba(237, 216, 161, 0.35),    /* Reflexo da luz indireta nas laterais internas */
    var(--hs),                                   /* Sua sombra original */
    inset 0 2px 14px rgba(0, 0, 0, .85);         /* Sua sombra interna original */
}

.vu-caixa::before,.vu-caixa::after{content:"";position:absolute;top:7px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b9bfc9,#3a3d44 70%);box-shadow:inset 0 -1px 2px rgba(0,0,0,.8)}
.vu-caixa::before{left:7px}
.vu-caixa::after{right:7px}
.vu-escala{display:flex;justify-content:space-between;font-family:var(--f-lcd);font-size:1.05rem;color:#d8d2c0;line-height:1}
/* Aplica uma iluminação vermelha suave na escala de pico positivo (+1, +2, +3) */
.vu-escala .mais {
  color: #f53b22;
  text-shadow: 
    0 0 4px rgba(255, 91, 91, 0.7), 
    0 0 12px rgba(255, 65, 65, 0.4);
}
.vu-ticks {
  height: 36px;
  margin-top: .4rem;
  
  /* Aumentamos a opacidade de .55 para .90 para o traço ficar bem visível e aceso */
  opacity: .90; 
  
  background:
    repeating-linear-gradient(90deg, #cfc9b6 0 2px, transparent 2px 12px) bottom/100% 60% no-repeat,
    repeating-linear-gradient(90deg, #cfc9b6 0 2px, transparent 2px 60px) bottom/100% 100% no-repeat;

  /* Efeito Luminescente: Projeta um brilho amarelo/claro exatamente no formato de cada tracinho */
  filter: 
    drop-shadow(0 0 2px rgba(207, 201, 182, 0.9)) 
    drop-shadow(0 0 6px rgba(255, 215, 0, 0.6));
}

.vu-agulha{position:absolute;top:15%;bottom:9%;left:3%;width:3px;border-radius:2px;background:var(--laranja);box-shadow:0 0 10px var(--laranja),0 0 22px rgba(255,107,26,.4);transition:left .08s ease-out}
.vu-agulha.red{background:#ff4141;box-shadow:0 0 12px #ff4141,0 0 26px rgba(255,65,65,.5)}
.vu-vidro{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.03) 32%,transparent 46%,transparent 72%,rgba(255,255,255,.05) 100%)}
.vu-selo{position:absolute;right:.8rem;bottom:.45rem;font-family:var(--f-display);font-size:.55rem;letter-spacing:.18em;color:#8d929c}

.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:2.5rem;align-items:start}
.sec-tag{font-family:var(--f-display);font-size:.68rem;letter-spacing:.14em;display:inline-block;padding:.3rem .7rem;border-radius:99px;border:2px solid;margin-bottom:.9rem}
.sec-tag.laranja{color:var(--laranja);border-color:var(--laranja)}
.sec-tag.verde{color:var(--verde);border-color:var(--verde)}
.sec-tag.azul{color:var(--azul);border-color:var(--azul)}
.hero h1{font-family:var(--f-display);font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.04}
.hero h1 em{font-style:normal;color:var(--laranja);text-shadow:4px 4px 0 rgba(18,180,92,.35)}
.hero-sub{color:var(--texto2);margin:1.1rem 0 1.2rem;max-width:44ch}
.hero-sub b{color:var(--verde)}
.decadas{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem}
.chip{font-family:var(--f-display);font-size:.62rem;padding:.35rem .7rem;border-radius:6px;color:#111;box-shadow:var(--hs-sm)}
.chip.mini{font-size:.52rem;padding:.2rem .45rem}
.d60 { background: var(--neon-red); color: #fff; }
.d70 { background: var(--laranja); color: #fff; }
.d80 { background: var(--verde); color: #fff; }
.d90 { background: var(--azul); color: #fff; }
.d00 { background: var(--branco); color: #000; }
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-display);font-size:.8rem;padding:.85rem 1.4rem;border-radius:10px;border:3px solid #14141;color:#fff;box-shadow:var(--hs);transition:.15s;text-transform:uppercase}
.btn:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 rgba(0,0,0,.4)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(0,0,0,.4)}
.btn.laranja{background:var(--laranja);border-color:#b34208}
.btn.verde{background:var(--verde);border-color:#0a7a3c}
.btn.azul{background:var(--azul);border-color:#173a94}
.btn.fanta{background:transparent;color:var(--texto);border-color:var(--texto2)}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}
.hero-stats{list-style:none;display:flex;gap:2rem;margin-top:1.8rem}
.hero-stats li{border-left:4px solid var(--laranja);padding-left:.8rem}
.hero-stats li:nth-child(2){border-color:var(--verde)}
.hero-stats li:nth-child(3){border-color:var(--azul)}
.hero-stats b{font-family:var(--f-display);font-size:1.25rem;display:block}
.hero-stats span{font-size:.75rem;color:var(--texto2)}

/* ═══ 5. DECK K7 ═══ */
.deck{background:linear-gradient(160deg,#3a3226,#241f18 60%,#191510);border:3px solid #0c0a07;border-radius:16px;box-shadow:var(--hs),inset 0 1px 0 rgba(255,255,255,.08);padding:1rem 1.1rem 1.2rem;position:relative}
.deck::before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,180,90,.15);border-radius:12px;pointer-events:none}
.deck-topo{display:flex;align-items:center;gap:1rem;margin-bottom:.9rem}
.deck-marca{font-family:var(--f-display);font-size:.66rem;color:#d8c9a8;letter-spacing:.12em}
.deck-marca b{color:var(--laranja)}
.contador{font-family:var(--f-lcd);font-size:1.05rem;color:var(--lcd);background:var(--lcd-bg);padding:.05rem .5rem;border-radius:4px;border:2px solid #3a3a2c;margin-left:auto}
.rec{font-family:var(--f-display);font-size:.6rem;color:#ff5b5b;display:inline-flex;align-items:center;gap:.4rem}
.rec i{width:9px;height:9px;border-radius:50%;background:#ff5b5b;box-shadow:0 0 8px #ff5b5b;animation:blink 1s steps(2) infinite}
.rec.sm{font-size:.55rem}
.deck-corpo{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:stretch}
.vu{display:flex;gap:.5rem;background:#101116;border:2px solid #000;border-radius:8px;padding:.6rem .5rem}
.vu-col{display:flex;flex-direction:column;align-items:center;gap:.35rem}
.vu-col>span{font-family:var(--f-display);font-size:.55rem;color:#7d838d}
.vu-leds{display:flex;flex-direction:column-reverse;gap:3px}
.vu-leds i{width:16px;height:7px;border-radius:2px;background:#1d222b;transition:background .08s,box-shadow .08s}
.vu-leds i.on.g{background:var(--verde-neon);box-shadow:0 0 6px var(--verde-neon)}
.vu-leds i.on.o{background:var(--laranja);box-shadow:0 0 6px var(--laranja)}
.vu-leds i.on.r{background:#ff4141;box-shadow:0 0 8px #ff4141}
.k7{background:linear-gradient(#20242c,#14161c);border:2px solid #000;border-radius:10px;padding:.6rem .9rem .7rem;display:flex;flex-direction:column;gap:.45rem}
.k7-rotulo{font-family:var(--f-display);font-size:.56rem;text-align:center;background:var(--creme);color:#4a3b1f;border-radius:4px;padding:.28rem;letter-spacing:.1em;border:2px solid #b34208}
.k7-janela{position:relative;background:linear-gradient(#0c0d10,#181a1f);border:2px solid #000;border-radius:8px;height:118px;display:flex;align-items:center;justify-content:space-between;padding:0 1.4rem;overflow:hidden}
.rolo{width:82px;height:82px;border-radius:50%;background:#0a0a0a;border:3px solid #2c2c2c;position:relative;box-shadow:inset 0 0 14px #000}
.rolo::before{content:"";position:absolute;inset:9px;border-radius:50%;background:repeating-conic-gradient(#3d3d3d 0 18deg,#101010 18deg 60deg)}
.rolo::after{content:"";position:absolute;inset:32px;border-radius:50%;background:var(--creme);border:3px solid #b9a877}
body.tocando .rolo::before{animation:girar 2.2s linear infinite}
body.tocando .rolo.esq::before{animation-duration:3s}
.k7-fita{position:absolute;left:52px;right:52px;top:50%;height:3px;background:#;box-shadow:0 46px 0 -1px #3b2c1c}
.cabeca{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-family:var(--f-display);font-size:.5rem;color:#8d929c;letter-spacing:.12em}
.cabeca i{width:74px;height:14px;background:linear-gradient(#c9ccd4,#6e7480);border-radius:3px 3px 6px 6px;border:2px solid #000;transition:.3s}
body.tocando .cabeca i{box-shadow:0 0 14px var(--verde-neon);background:linear-gradient(#e6ffef,#7fd8a4)}
.deck-lateral{display:flex;flex-direction:column;gap:.7rem;justify-content:center;align-items:center}
.lcd{font-family:var(--f-lcd);font-size:1.05rem;color:var(--lcd);background:var(--lcd-bg);border:2px solid #3a3a2c;border-radius:6px;padding:.45rem .6rem;width:150px;min-height:56px;line-height:1.15;overflow:hidden;text-shadow:0 0 6px rgba(255,176,46,.7);position:relative}
.lcd::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 2px,transparent 2px 4px);pointer-events:none}
.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:.3rem}
.knob-wrap label{font-family:var(--f-display);font-size:.55rem;color:#b9ad92;letter-spacing:.2em}
.knob{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5a5f6a,#23252b 70%);border:3px solid #000;box-shadow:var(--hs-sm),inset 0 -4px 8px rgba(0,0,0,.5);position:relative;cursor:grab;touch-action:none}
.knob:active{cursor:grabbing}
.knob i{position:absolute;left:50%;top:5px;width:4px;height:16px;margin-left:-2px;border-radius:2px;background:var(--laranja);box-shadow:0 0 6px var(--laranja)}
.knob{transform:rotate(var(--rot,80deg))}
.controles{display:flex;gap:.55rem;margin-top:1rem;justify-content:center}
.tecla{font-size:1rem;width:54px;height:44px;border-radius:8px;background:linear-gradient(#454b57,#23262d);color:#e8e2d2;border:2px solid #0b0c0f;box-shadow:0 4px 0 #0b0c0f;transition:.1s}
.tecla:hover{background:linear-gradient(#565d6b,#2c3038)}
.tecla:active,.tecla.press{transform:translateY(3px);box-shadow:0 1px 0 #0b0c0f}
.tecla.play{width:66px}
.tecla.laranja{background:linear-gradient(var(--laranja-2),var(--laranja));color:#fff;border-color:#8a3305;box-shadow:0 4px 0 #8a3305}
.k7.ejetando{animation:ejetar .5s ease}

/* ═══ 6. SEÇÕES GERAIS ═══ */
.secao{padding:4.2rem 0}
.secao.apertada{padding:1.5rem 0}
.sec-head{margin-bottom:2rem}
.sec-head h2{font-family:var(--f-display);font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.1}
.sec-head h2 em{font-style:normal;color:var(--verde)}
.sec-head .sec-sub{color:var(--texto2);margin-top:.4rem;max-width:60ch}
.sec-head.centro{text-align:center}
.hist-titulo{font-family:var(--f-display);font-size:clamp(1.4rem,3vw,2.1rem);color:var(--laranja)}
.hist-titulo em{font-style:normal;color:var(--laranja)}
.sec-head.centro .sec-sub{margin-inline:auto}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}

/* ═══ 7. LOCUTOR ═══ */
#noar{background:var(--bg2);border-block:3px solid var(--linha)}
.locutor-card{display:grid;grid-template-columns:auto 1.4fr 1fr;gap:2rem;align-items:center;background:var(--painel);border:3px solid var(--linha);border-radius:14px;padding:1.8rem;box-shadow:var(--hs)}
.locutor-foto{position:relative;width:180px;height:180px}
.locutor-foto img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--laranja)}
.anel-onair{position:absolute;inset:-10px;border-radius:50%;border:3px solid var(--verde);animation:pulsar 1.8s ease-in-out infinite}
.locutor-info h3{font-family:var(--f-display);font-size:1.7rem;color:var(--laranja)}
.locutor-show{font-family:var(--f-lcd);font-size:1.25rem;color:var(--verde)}
.locutor-bio{color:var(--texto2);font-size:.92rem;margin:.6rem 0 1rem}
.locutor-social{display:flex;gap:.5rem;margin-bottom:1rem}
.locutor-social a{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--texto2);border-radius:8px;font-weight:700;font-size:.72rem;transition:.15s}
.locutor-social a:hover{background:var(--laranja);border-color:var(--laranja);color:#fff;transform:translateY(-3px)}
.locutor-agenda-prox{background:var(--bg2);border:2px dashed var(--linha);border-radius:10px;padding:1.2rem;position:relative}
.locutor-agenda-prox h4{font-family:var(--f-display);font-size:.7rem;color:var(--azul);letter-spacing:.2em;margin-bottom:.7rem}
.locutor-agenda-prox li{list-style:none;font-size:.85rem;padding:.4rem 0;border-bottom:1px solid var(--linha)}
.locutor-agenda-prox li b{color:var(--laranja);font-family:var(--f-lcd);font-size:1.05rem;margin-right:.4rem}
.selo-girando{position:absolute;right:-14px;top:-24px;text-align:center}
.selo-vinil{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,var(--laranja) 0 22%,#111 23% 100%),repeating-radial-gradient(circle,#111 0 2px,#222 2px 4px);border:2px solid #000;animation:girar 4s linear infinite}
.selo-girando p{font-family:var(--f-display);font-size:.5rem;margin-top:.2rem;color:var(--texto2)}

/* ═══ 8. TICKER ═══ */
.ticker{background:#0a0b09;border-block:3px solid var(--linha);overflow:hidden;padding:.65rem 0}
.ticker-track{display:flex;gap:4rem;width:max-content;animation:marq 26s linear infinite;font-family:var(--f-lcd);font-size:1.3rem;color:var(--verde-neon);text-shadow:0 0 8px rgba(58,255,140,.8),0 0 22px rgba(58,255,140,.35);white-space:nowrap}
.ticker-track b{color:var(--neon-red);text-shadow:0 0 8px rgba(255,140,66,.8)}

/* ═══ 9. SLIDERS ═══ */
.slider-view{overflow:hidden;border:3px solid var(--linha);border-radius:14px;background:var(--painel);box-shadow:var(--hs)}
.slider-track{display:flex;transition:transform .6s cubic-bezier(.7,0,.25,1)}
.slide{min-width:100%}
.slide.hist{display:grid;grid-template-columns:1.1fr 1fr;gap:0}
.slide-img{overflow:hidden;max-height:340px}
.slide-img img{width:100%;height:100%;object-fit:cover}
.kb img{animation:kenburns 14s ease-in-out infinite alternate}
.slide-txt{padding:2rem;display:flex;flex-direction:column;gap:.7rem;align-items:flex-start;justify-content:center}
.slide-txt h3{font-family:var(--f-display);font-size:1.35rem}
.slide-txt p{color:var(--texto2);font-size:.95rem}
.link{background:none;border:none;color:var(--laranja);font-weight:700;font-size:.85rem;border-bottom:2px solid var(--laranja);padding-bottom:2px}
.slider-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}
.s-prev,.s-next{width:42px;height:42px;border-radius:8px;border:2px solid var(--texto2);background:var(--painel);color:var(--texto);font-size:.9rem;box-shadow:var(--hs-sm);transition:.15s}
.s-prev:hover,.s-next:hover{background:var(--laranja);border-color:var(--laranja);color:#fff}
.dots{display:flex;gap:.5rem}
.dots button{width:12px;height:12px;border-radius:50%;border:2px solid var(--texto2);background:transparent;padding:0;transition:.2s}
.dots button.ativo{background:var(--verde);border-color:var(--verde);transform:scale(1.25)}

/* ═══ 10. WEBCAM ═══ */
.cam-frame{background:#0c0d10;border:3px solid var(--laranja);border-radius:14px;overflow:hidden;box-shadow:var(--hs)}
.cam-topo{display:flex;gap:1rem;align-items:center;padding:.55rem .9rem;background:#15161a;font-family:var(--f-lcd);font-size:1.05rem;color:#c9cdd6;border-bottom:2px solid var(--linha)}
.cam-topo span:last-child{margin-left:auto;color:var(--laranja)}
.cam{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000}
.cam-legenda{padding:.6rem .9rem;font-size:.8rem;color:var(--texto2);background:#15161a}

/* ═══ 11. CARD TOCANDO + HISTÓRICO ═══ */
.tocando-card{
  display:flex;gap:1.2rem;align-items:center;
  background:var(--painel);
  border:3px solid var(--azul);border-radius:14px;
  padding:1.2rem;margin-bottom:2rem;
  box-shadow:0 0 20px rgba(47,107,255,.25), var(--hs);
}
.tocando-card img{
  width:112px;height:112px;object-fit:cover;
  border-radius:10px;border:3px solid var(--laranja);
  box-shadow:0 0 14px rgba(255,107,26,.4);
}
.tocando-label{
  font-family:var(--f-display);font-size:.62rem;
  color:var(--azul);letter-spacing:.18em;
  display:block;margin-bottom:.3rem;
}
.tocando-info{flex:1;min-width:0}
.tocando-info b{
  display:block;font-family:var(--f-lcd);font-size:1.5rem;
  color:var(--lcd);line-height:1.15;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 0 8px rgba(255,176,46,.5);
}
.tocando-artista{color:var(--texto2);font-size:.9rem;display:block}
.tocando-badges{display:flex;gap:.6rem;margin-top:.7rem;flex-wrap:wrap}
.badge-vivo{
  font-family:var(--f-display);font-size:.58rem;color:#ff5b7a;
  border:2px solid #ff5b7a;border-radius:99px;padding:.32rem .85rem;
  animation:blink 1.4s steps(2) infinite;
}
.badge-ouvintes{
  font-size:.8rem;color:var(--azul);font-weight:700;
  border:2px solid var(--azul);border-radius:99px;padding:.3rem .85rem;
  display:inline-flex;gap:.4rem;align-items:center;
  background:linear-gradient(90deg,rgba(47,107,255,.12),transparent);
}
.badge-ouvintes b{font-family:var(--f-lcd);font-size:1.05rem;color:var(--verde-neon);display:inline}

.playlist{list-style:none;background:var(--painel);border:3px solid var(--linha);border-radius:14px;overflow:hidden;box-shadow:var(--hs)}
.playlist li{display:flex;align-items:center;gap:.9rem;padding:.7rem 1rem;border-bottom:2px solid var(--linha);transition:.15s}
.playlist li:hover{background:var(--bg2);transform:translateX(4px)}
.playlist li img{width:46px;height:46px;border-radius:6px;object-fit:cover;border:2px solid var(--linha)}
.playlist li div{flex:1;line-height:1.25;min-width:0}
.playlist li b{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playlist li div span{font-size:.75rem;color:var(--texto2);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playlist .num{font-family:var(--f-lcd);font-size:1.25rem;color:var(--texto2);width:24px;text-align:center;flex-shrink:0}
.playlist .agora .num{color:var(--verde-neon);text-shadow:0 0 8px rgba(58,255,140,.7)}
.playlist .hora{font-family:var(--f-lcd);font-size:1rem;color:var(--verde);flex-shrink:0}
.playlist .agora{background:linear-gradient(90deg,rgba(255,107,26,.16),transparent);border-left:5px solid var(--laranja)}
.playlist .agora .hora{color:var(--laranja);animation:blink 1.4s steps(2) infinite}
.tag-tocando{
  font-family:var(--f-display);font-size:.55rem;
  color:var(--verde-neon);letter-spacing:.1em;
  animation:blink 1.2s steps(2) infinite;
  white-space:nowrap;flex-shrink:0;
}
.playlist.historico{
  margin-top:.8rem;background:transparent;
  border:2px dashed var(--linha);box-shadow:none;border-radius:14px;
}
.playlist.historico .num{color:var(--texto2)}
.playlist.historico li:last-child{border-bottom:0}

/* ═══ 12. PROGRAMAÇÃO ═══ */
#programacao{background:var(--bg2);border-block:3px solid var(--linha)}
.prog-grid{gap:2rem}
.prog-col{background:var(--painel);border:3px solid var(--linha);border-radius:14px;padding:1.3rem;box-shadow:var(--hs)}
.prog-titulo{font-family:var(--f-display);font-size:.85rem;color:var(--laranja);letter-spacing:.15em;border-bottom:3px solid var(--laranja);padding-bottom:.6rem;margin-bottom:.9rem}
.prog-col:last-child .prog-titulo{color:var(--verde);border-color:var(--verde)}
.prog-linha{display:flex;align-items:center;gap:.9rem;padding:.65rem .6rem;border-radius:10px;border:2px solid transparent;transition:.2s}
.prog-linha:hover{background:var(--bg2)}
.prog-linha .hora{font-family:var(--f-lcd);font-size:1.1rem;color:var(--azul);width:64px;flex-shrink:0}
.prog-linha img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--linha)}
.prog-linha div{flex:1;line-height:1.2}
.prog-linha b{display:block;font-size:.92rem}
.prog-linha small{color:var(--texto2);font-size:.75rem}
.prog-linha.ativo{border-color:var(--verde);background:rgba(18,180,92,.1);box-shadow:0 0 18px rgba(18,180,92,.25)}
.prog-linha.ativo::after{content:"● NO AR";font-family:var(--f-display);font-size:.55rem;color:var(--verde-neon)}
/* dois cards de fim de semana empilhados */
.prog-col-wrap{display:flex;flex-direction:column;gap:1.5rem;min-width:0}
.chip.auto{background:var(--cinza-2);color:#fff}

/* ═══ 13. VITRINE (com vinil e CD girando) ═══ */
.vitrine{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}
.midia{background:var(--painel);border:3px solid var(--linha);border-radius:14px;padding:1.4rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:var(--hs);transition:.25s}
.midia:hover{transform:translateY(-6px)}

/* Classes Neon na Nova Ordem da Vitrine (com efeito de onda incremental) */
.n-vermelho{animation:neonR 2.6s ease-in-out infinite}
.n-azul{animation:neonB 2.6s ease-in-out infinite .4s}
.n-laranja{animation:neonO 2.6s ease-in-out infinite .8s}
.n-verde{animation:neonV 2.6s ease-in-out infinite 1.2s}
.n-amarelo{animation:neonY 2.6s ease-in-out infinite 1.6s}

.midia figcaption{font-family:var(--f-display);font-size:.7rem}
.midia small{display:block;font-family:var(--f-body);color:var(--texto2);font-size:.72rem;margin-top:.2rem}
.midia-foto{width:112px;height:82px;object-fit:cover;border-radius:8px;border:3px solid #050505;box-shadow:0 6px 12px rgba(0,0,0,.45)}
.gira-wrap{position:relative;width:112px;height:112px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5))}

/* Base dos discos giratórios */
.midia-gira{width:112px;height:112px;border-radius:50%;object-fit:cover;animation:girar 1.8s linear infinite;will-change:transform}
.vinil-img{border:3px solid #ed9907} /* Borda padrão escura para o Vinil */
.cd-img{border:3px solid #ed9907;animation-duration:1.1s} /* Borda dourada para o CD */

.gira-wrap::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;z-index:2;transform:translate(-50%,-50%);border-radius:50%;background:#0b0b0d;border:2px solid #d9d2bd;box-shadow:0 0 5px rgba(0,0,0,.85)}
.gira-wrap::after{content:"";position:absolute;inset:3px;border-radius:50%;pointer-events:none;background:conic-gradient(from 20deg,transparent 0 35deg,rgba(255,255,255,.18) 50deg 65deg,transparent 80deg 215deg,rgba(255,255,255,.10) 230deg 245deg,transparent 260deg);mix-blend-mode:screen}
body.tocando .vinil-img,.midia:hover .vinil-img{animation-duration:1.2s}
body.tocando .cd-img,.midia:hover .cd-img{animation-duration:.7s}
.midia:hover .gira-wrap{transform:scale(1.06);transition:.25s}
 

/* ═══ 14. EQUIPE ═══ */
.equipe{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}
.membro{background:var(--painel);border:3px solid var(--azul);border-radius:12px;overflow:hidden;box-shadow:var(--hs);transition:.3s cubic-bezier(.6,0,.3,1.4)}
.membro:nth-child(odd){transform:rotate(-2.2deg)}
.membro:nth-child(even){transform:rotate(2deg)}
.membro:hover{transform:rotate(0) translateY(-8px) scale(1.04);border-color:var(--laranja);z-index:2}
.membro img{width:100%;aspect-ratio:5/6;object-fit:cover}
.membro-txt{padding:.9rem}
.membro-txt h3{font-family:var(--f-display);font-size:.82rem;color:var(--laranja)}
.membro-txt span{font-size:.7rem;color:var(--verde);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.membro-txt p{font-size:.75rem;color:var(--texto2)}

/* ═══ 15. ACERVO ═══ */
.acervo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.peca{position:relative;border-radius:10px;overflow:hidden;border:3px solid var(--linha);cursor:zoom-in;box-shadow:var(--hs-sm)}
.peca img{width:100%;aspect-ratio:1;object-fit:cover;transition:.4s}
.peca:hover img{transform:scale(1.09) rotate(1deg)}
.peca figcaption{position:absolute;inset-inline:0;bottom:0;background:linear-gradient(transparent,rgba(10,10,10,.92));padding:1.6rem .8rem .6rem;font-size:.78rem;font-weight:600;color:#fff;transform:translateY(30%);opacity:0;transition:.3s}
.peca:hover figcaption{transform:none;opacity:1}
.peca .chip{position:absolute;top:.6rem;left:.6rem}

/* ═══ 16. APOIADORES (novo modelo) ═══ */
.section--alt{background:var(--bg2);border-block:3px solid var(--linha)}
.sponsors-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1.5rem;max-width:980px;margin:0 auto;
}
.sponsor-card{
  background:var(--painel);border:3px solid var(--linha);border-radius:14px;
  padding:1.8rem 1.2rem;text-align:center;box-shadow:var(--hs);
  transition:.25s;display:flex;flex-direction:column;align-items:center;gap:.8rem;
  position:relative;overflow:hidden;
}
.sponsor-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--laranja),var(--verde));
  opacity:0;transition:.25s;
}
.sponsor-card:hover{transform:translateY(-6px);border-color:var(--laranja);box-shadow:8px 8px 0 rgba(0,0,0,.35)}
.sponsor-card:hover::before{opacity:1}
.sponsor-card img{
  width:120px;height:120px;object-fit:contain;border-radius:12px;
  background:var(--branco);padding:.6rem;border:2px solid var(--linha);transition:.25s;
}
.sponsor-card:hover img{transform:scale(1.08);border-color:var(--laranja)}
.sponsor-card h3{font-family:var(--f-display);font-size:.95rem;color:var(--laranja);margin:0}
.sponsor-card span{font-size:.82rem;color:var(--texto2)}

/* ═══ 17. FORMULÁRIOS ═══ */
.forms{gap:1.6rem}
.form-card{background:var(--painel);border:3px solid var(--laranja);border-radius:14px;padding:1.8rem;box-shadow:var(--hs);display:flex;flex-direction:column;gap:.9rem}
.form-card.verde{border-color:var(--verde)}
.form-card h3{font-family:var(--f-display);font-size:1rem;color:var(--laranja)}
.form-card.verde h3{color:var(--verde)}
.form-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;font-weight:700;color:var(--texto2)}
.form-card input,.form-card select,.form-card textarea{font-family:var(--f-body);font-size:.9rem;background:var(--bg);color:var(--texto);border:2px solid var(--linha);border-radius:8px;padding:.7rem .8rem;transition:.15s;resize:vertical}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:none;border-color:var(--laranja);box-shadow:0 0 0 3px rgba(255,107,26,.25)}
.form-card.verde :is(input,select,textarea):focus{border-color:var(--verde);box-shadow:0 0 0 3px rgba(18,180,92,.25)}
.form-ok{font-weight:700;color:var(--verde);font-size:.85rem}

/* ═══ 18. FOOTER ═══ */
.footer{background:#0e0f13;border-top:4px solid var(--laranja);padding:3.5rem 0 1.5rem;color:#d8d4c8}
body.claro .footer{background:#191a1f}
.footer__inner{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid #2a2c33}
.footer-brand h3{font-family:var(--f-display);font-size:1.4rem;color:#f1ede2}
.footer-brand h3 .highlight{color:var(--laranja)}
.footer-brand p{font-size:.85rem;color:#9aa0a6;margin-top:.9rem}
.brand__logo{width:80px;height:80px;border-radius:50%;margin-top:1rem;border:3px solid var(--laranja);object-fit:cover}
.footer__inner h4{font-family:var(--f-display);font-size:.72rem;color:var(--laranja);letter-spacing:.15em;margin-bottom:.9rem}
.footer__inner a,.footer__inner span{display:block;font-size:.85rem;color:#b9b4a6;padding:.25rem 0;transition:.15s}
.footer__inner a:hover{color:var(--verde-neon);transform:translateX(4px)}
.footer__inner ul{list-style:none}
.info__list li{padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.05)}
.info__list strong{display:block;font-family:var(--f-display);font-size:.68rem;color:#fff;letter-spacing:.08em;margin-bottom:.2rem}
.info__list i{margin-right:.4rem;color:var(--laranja)}
.social-icons{display:flex;gap:.6rem}
.social-icons a{width:40px;height:40px;border-radius:8px;border:2px solid var(--linha);display:grid;place-items:center;font-size:1rem;padding:0}
.social-icons a:hover{background:var(--laranja);border-color:var(--laranja);color:#fff;transform:translateY(-3px)}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding-top:1.2rem;font-size:.8rem;color:#8b8f98}
.footer-bottom a{display:inline;color:var(--laranja);font-weight:700;padding:0}

/* ═══ 19. MODAIS ═══ */
.modal{position:fixed;inset:0;z-index:120;background:rgba(8,8,10,.86);display:grid;place-items:center;padding:1.2rem;opacity:0;pointer-events:none;transition:.25s}
.modal.aberto{opacity:1;pointer-events:auto}
.modal-box{background:var(--painel);border:3px solid var(--laranja);border-radius:14px;max-width:640px;width:100%;padding:2rem;position:relative;box-shadow:var(--hs);transform:translateY(24px) rotate(-.5deg);transition:.3s;max-height:88vh;overflow:auto}
.modal.aberto .modal-box{transform:none}
.modal-box h3{font-family:var(--f-display);margin:.6rem 0 .9rem}
.modal-img{border-radius:10px;overflow:hidden;margin-bottom:1rem;border:2px solid var(--linha)}
.modal-box p{color:var(--texto2);font-size:.95rem}
.modal-x{position:absolute;top:.8rem;right:.8rem;width:38px;height:38px;border-radius:8px;border:2px solid var(--texto2);background:var(--bg);color:var(--texto);font-size:1rem}
.modal-x:hover{background:var(--laranja);border-color:var(--laranja)}
.galeria{max-width:560px;text-align:center;border-color:var(--verde)}
.galeria img{width:100%;border-radius:10px;border:2px solid var(--linha)}
.galeria p{margin:.8rem 0;font-weight:600;color:var(--texto)}
.mg-nav{display:flex;align-items:center;justify-content:center;gap:1rem}
.mg-nav button{width:42px;height:42px;border-radius:8px;border:2px solid var(--verde);background:transparent;color:var(--verde-neon)}
.mg-nav span{font-family:var(--f-lcd);font-size:1.2rem;color:var(--verde-neon)}

/* ═══ 20. MINI PLAYER ═══ */
#miniPlayer{position:fixed;left:50%;bottom:-110px;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:.9rem;background:#15161a;border:3px solid var(--laranja);border-radius:14px;padding:.6rem .9rem;box-shadow:var(--hs);transition:.35s;max-width:min(480px,94%)}
#miniPlayer.visivel{bottom:1rem}
#miniPlayer img{width:48px;height:48px;border-radius:8px;object-fit:cover;border:2px solid var(--laranja)}
#miniPlayer .mini-info{flex:1;line-height:1.2;min-width:0}
#miniPlayer .mini-info strong{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
#miniPlayer .mini-info span{font-size:.72rem;color:#b9b4a6}
#miniPlay{width:42px;height:42px;border-radius:50%;background:var(--laranja);color:#fff;border:2px solid rgba(0,0,0,.35);font-size:1rem;flex-shrink:0}

/* ═══ 21. FLUTUANTES ═══ */
.whatsapp-retro-btn{position:fixed;right:1.2rem;bottom:1.2rem;z-index:95;display:flex;align-items:center;gap:.6rem;background:var(--verde);padding:.5rem .9rem .5rem .5rem;border-radius:99px;border:3px solid rgba(0,0,0,.35);box-shadow:var(--hs);transition:.2s}
.whatsapp-retro-btn img{width:42px;height:42px;border-radius:50%}
.whatsapp-retro-label{font-family:var(--f-display);font-size:.72rem;color:#fff;letter-spacing:.1em}
.whatsapp-retro-btn:hover{transform:translateY(-4px) scale(1.04)}
.scroll-top{position:fixed;right:1.2rem;bottom:5.5rem;z-index:95;width:52px;height:52px;border-radius:50%;background:var(--laranja);color:#fff;border:3px solid rgba(0,0,0,.35);box-shadow:var(--hs);font-size:1.1rem;transition:.2s;opacity:0;pointer-events:none}
.scroll-top.visivel{opacity:1;pointer-events:auto}
.scroll-top:hover{transform:translateY(-4px)}
.install-btn {
  position: fixed;
  left: 1.2rem; /* Alterado de 'right' para 'left' */
  bottom: 9.5rem;
  z-index: 95;
  display: flex;
  align-items: center;
  gap: .5rem;
  background: var(--azul);
  color: #fff;
  padding: .75rem 1.1rem;
  border-radius: 99px;
  border: 3px solid rgba(0,0,0,.35);
  font-family: var(--f-display);
  font-size: .72rem;
  letter-spacing: .1em;
  box-shadow: var(--hs);
}

/* ═══ 22. TEMA CLARO ═══ */
body.claro .vu,body.claro .cam-frame,body.claro .cam-topo{border-color:#8a7f63}
body.claro .deck{background:linear-gradient(#d4c9a8,#b5a77a);border-color:#5a4a2a}
body.claro .k7{background:linear-gradient(#ece5d1,#d9cfb4)}
/* ═══ MODO DIA — VU meter com face marfim vintage (marcações escuras) ═══ */
body.claro .vu-caixa{
  background:linear-gradient(#f7f1e0,#e9e0c8 60%,#ddd2b4);
  border-color:#8a7f63;
  box-shadow:var(--hs), inset 0 2px 10px rgba(90,70,20,.25);
}
body.claro .vu-caixa::before,
body.claro .vu-caixa::after{
  background:radial-gradient(circle at 35% 30%,#d8cfb6,#7a6a4a 70%);
}
body.claro .vu-titulo{color:#b34208}
body.claro .vu-escala{color:#4a3b1f}
body.claro .vu-escala .mais{color:#c22e2e}
body.claro .vu-ticks{
  opacity:.85;
  background:
    repeating-linear-gradient(90deg,#4a3b1f 0 2px,transparent 2px 12px) bottom/100% 60% no-repeat,
    repeating-linear-gradient(90deg,#4a3b1f 0 2px,transparent 2px 60px) bottom/100% 100% no-repeat;
}
body.claro .vu-agulha{
  background:#e8590c;
  box-shadow:0 0 8px rgba(232,89,12,.55), 0 0 20px rgba(232,89,12,.3);
}
body.claro .vu-agulha.red{
  background:#c22e2e;
  box-shadow:0 0 10px rgba(194,46,46,.65), 0 0 24px rgba(194,46,46,.35);
}
body.claro .vu-vidro{
  background:linear-gradient(115deg,
    rgba(255,255,255,.4) 0%, rgba(255,255,255,.15) 32%,
    transparent 46%, transparent 72%, rgba(255,255,255,.22) 100%);
}
body.claro .vu-selo{color:#7a6a4a}

/* ═══ 23. RESPONSIVO ═══ */
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr}
  .locutor-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto}
  .locutor-agenda-prox{grid-column:1/-1}
  .vitrine,.equipe{grid-template-columns:repeat(3,1fr)}
  .acervo-grid{grid-template-columns:repeat(3,1fr)}
  .footer__inner{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .menu{position:fixed;inset:0;top:0;background:var(--bg2);flex-direction:column;justify-content:center;gap:1.6rem;transform:translateX(100%);transition:.3s;z-index:-1}
  body.menu-aberto .menu{transform:none}
  .menu a{font-size:1.2rem}
  .hamb{display:flex}
  .g2,.slide.hist{grid-template-columns:1fr}
  .deck-corpo{grid-template-columns:1fr;justify-items:center}
  .topbar-freq{display:none}
  .apoiadores{grid-template-columns:1fr 1fr}
  .footer__inner{grid-template-columns:1fr 1fr;gap:1.5rem}
  .vu-topo{grid-template-columns:1fr;gap:1.2rem;align-items:stretch}
  .vu-logo{order:-1;justify-self:center;margin-bottom:.6rem}
  .vu-logo img{width:110px;height:110px}
  .tocando-card{flex-direction:column;text-align:center}
  .tocando-card img{margin-inline:auto}
}
@media(max-width:520px){
  .vitrine,.equipe,.acervo-grid,.apoiadores,.footer__inner{grid-template-columns:1fr 1fr}
  .hero-stats{gap:1rem}
  .locutor-card{grid-template-columns:1fr;text-align:center}
  .locutor-foto{margin-inline:auto}
  .locutor-social,.hero-btns{justify-content:center}
  .footer-bottom{flex-direction:column;text-align:center}
}
@media(max-width:420px){
  .vitrine,.acervo-grid{grid-template-columns:1fr}
  .equipe,.apoiadores,.footer__inner{grid-template-columns:1fr}
}

/* ═══ 24. ACESSIBILIDADE ═══ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  .ticker-track{animation:none}
}