/* FMC extra v2 (carrega depois de fmc-v3.css) */

/* fundo suave atrás do disco: estático, nas cores do site (lilás, verde, amarelo) */
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
   radial-gradient(48% 52% at 50% 62%,rgba(124,84,214,.55) 0%,rgba(80,48,160,.30) 46%,transparent 80%),
   radial-gradient(30% 34% at 12% 78%,rgba(180,140,255,.16) 0%,transparent 72%),
   radial-gradient(30% 34% at 88% 76%,rgba(93,255,176,.10) 0%,transparent 72%),
   repeating-radial-gradient(circle at 50% 62%,rgba(255,255,255,.035) 0 1px,transparent 1px 72px);
  animation:fmcBreath 10s ease-in-out infinite}
@keyframes fmcBreath{0%,100%{opacity:.8}50%{opacity:1}}

/* apenas as linhas mais espaçadas do disco ganham cor (finas) */
.vinyl .vdisc>circle:nth-child(65){stroke:#ff7ad9;stroke-width:.7;animation:fmcRing 5s ease-in-out infinite}
.vinyl .vdisc>circle:nth-child(66){stroke:#4de2ff;stroke-width:.7;animation:fmcRing 5s ease-in-out -1.7s infinite}
.vinyl .vdisc>circle:nth-child(68){stroke:#ffc24d;stroke-width:.7;stroke-opacity:.85;animation:fmcRing 5s ease-in-out -3.3s infinite}
@keyframes fmcRing{0%,100%{stroke-opacity:.45}50%{stroke-opacity:1}}

/* título: flutuação leve + cores suaves da marca */
.hero .name-plate{animation:fmcFloat 7s ease-in-out infinite!important}
@keyframes fmcFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
.hero .name-plate h1 .l1{color:#f1ecff;-webkit-text-fill-color:#f1ecff;background:none;animation:none;
  text-shadow:0 0 26px rgba(180,140,255,.35),0 6px 22px rgba(0,0,0,.5);filter:none}
.hero .name-plate h1 .l2{background:linear-gradient(90deg,#cdb8ff 0%,#b9f2d8 52%,#ffe3a6 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:none;
  filter:drop-shadow(0 0 18px rgba(180,140,255,.28)) drop-shadow(0 6px 16px rgba(0,0,0,.45))}
@media(prefers-reduced-motion:reduce){.hero::after,.vinyl .vdisc circle,.hero .name-plate{animation:none!important}}

/* v2.1: disco cabe na tela, título dentro do disco, sem faixas/retângulo girando */
.vinyl .vdisc>path,.vinyl .vdisc>rect{display:none!important}
.hero{min-height:100svh;padding:96px 16px 40px}
.vinyl{width:min(700px,92vw,calc(100svh - 120px));top:calc(50% + 28px)}
.hero .name-plate h1{font-size:clamp(2.4rem,min(8vw,5rem,calc((100svh - 120px)*.108)),5rem)}


/* disco: marcas finas nas linhas coloridas para o giro ser visível */
.vinyl .vdisc>circle:nth-child(65){stroke-dasharray:1 9;stroke-width:1.1;stroke-linecap:round}
.vinyl .vdisc>circle:nth-child(66){stroke-dasharray:70 16 6 16}
.vinyl .vdisc>rect{display:block!important;fill:#5dffb0!important;fill-opacity:.9!important;x:198.5px;width:3px;rx:1.5px}

/* v7: controladora de DJ no lugar do disco */
.vinyl{display:none!important}
.hero{flex-direction:column;gap:6px;padding:92px 16px 44px}
.hero{--dw:min(980px,94vw,calc((100svh - 350px)*2.27))}
.deck{position:relative;z-index:2;width:var(--dw);aspect-ratio:1000/440;
  filter:drop-shadow(0 24px 50px rgba(124,84,214,.38))}
.deck svg{width:100%;height:100%;display:block;overflow:visible}
.deck .pad{fill-opacity:.14;animation:dkPad 2.6s ease-in-out var(--d,0s) infinite}
.deck.on .pad{animation-duration:.65s}
@keyframes dkPad{0%,100%{fill-opacity:.14}50%{fill-opacity:.95}}
@media(prefers-reduced-motion:reduce){.deck .pad{animation:none}}

/* equalizador animado */
.eq{position:relative;z-index:2;display:block;width:var(--dw);height:clamp(40px,8svh,72px);margin-top:4px}

/* v7.1: sem fundo atrás da controladora */
.hero::after{display:none!important}
.deck{filter:none!important}