/* Mitr4 4.7.6 Equalizer Visual Modes Stabilized
   Fullscreen animation controls + polished MITR4 PLAYER hero mode. */

.equalizer-fullscreen .eq-control-actions{display:flex;align-items:end;justify-content:flex-end;gap:10px;min-width:max-content;}
.equalizer-fullscreen .eq-browser-full-btn{min-height:42px;padding:0 18px!important;border-radius:18px!important;white-space:nowrap;background:linear-gradient(135deg,rgba(58,166,255,.24),rgba(187,72,255,.22))!important;border:1px solid rgba(128,190,255,.28)!important;box-shadow:0 14px 38px rgba(42,107,255,.18);}
.equalizer-fullscreen .eq-browser-full-btn.active{background:linear-gradient(135deg,#39a7ff,#8b5cff,#dd3fff)!important;color:white!important;}
.equalizer-fullscreen:fullscreen,.equalizer-fullscreen:-webkit-full-screen,.equalizer-fullscreen.eq-pseudo-fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0!important;inset:0!important;z-index:999999!important;}
.equalizer-fullscreen:fullscreen .eq-full-bars,.equalizer-fullscreen:-webkit-full-screen .eq-full-bars,.equalizer-fullscreen.eq-pseudo-fullscreen .eq-full-bars{min-height:calc(100vh - 245px)!important;}

.equalizer-fullscreen.eq-art-mode .eq-full-bars{position:relative!important;display:block!important;overflow:hidden!important;min-height:min(58vh,620px)!important;border-radius:34px;background:radial-gradient(circle at 50% 50%,rgba(96,168,255,.20),transparent 28%),radial-gradient(circle at 50% 70%,rgba(208,61,255,.15),transparent 36%),linear-gradient(180deg,rgba(6,16,44,.82),rgba(5,8,26,.92));border:1px solid rgba(126,179,255,.17);box-shadow:inset 0 0 80px rgba(55,124,255,.12),0 28px 90px rgba(0,0,0,.35);transform:translateZ(0);contain:layout paint;}
.equalizer-fullscreen.eq-art-mode .eq-full-bars::before{content:"";position:absolute;inset:18px;border-radius:28px;border:1px solid rgba(102,190,255,.08);background-image:linear-gradient(rgba(120,180,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000 0%,#000 50%,transparent 84%);pointer-events:none;}
.equalizer-fullscreen.eq-art-mode .eq-full-bars > span{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:12px!important;height:12px!important;min-width:0!important;min-height:0!important;max-height:none!important;margin:0!important;transform-origin:center center!important;will-change:transform,opacity,filter,box-shadow,width,height;transition:transform 90ms linear,opacity 90ms linear,filter 90ms linear,width 90ms linear,height 90ms linear;background:radial-gradient(circle,#38c8ff,#7c5cff 58%,transparent 72%);}

.equalizer-fullscreen.eq-mode-rings .eq-full-bars > span,.equalizer-fullscreen.eq-mode-orbit .eq-full-bars > span,.equalizer-fullscreen.eq-mode-spectrum .eq-full-bars > span,.equalizer-fullscreen.eq-mode-particles .eq-full-bars > span,.equalizer-fullscreen.eq-mode-logo .eq-full-bars > span{border-radius:999px!important;}
.equalizer-fullscreen.eq-mode-rings .eq-full-bars::after{content:"";position:absolute;left:50%;top:50%;width:min(34vw,300px);height:min(34vw,300px);transform:translate(-50%,-50%);border-radius:999px;border:1px solid rgba(122,202,255,.22);box-shadow:0 0 80px rgba(74,141,255,.15), inset 0 0 70px rgba(190,72,255,.08);pointer-events:none;}
.equalizer-fullscreen.eq-mode-orbit .eq-full-bars::after{content:"";position:absolute;inset:12%;border-radius:999px;border:1px dashed rgba(151,205,255,.18);box-shadow:0 0 60px rgba(122,70,255,.12) inset;pointer-events:none;}
.equalizer-fullscreen.eq-mode-pulse .eq-full-bars > span{border-radius:999px!important;background:transparent!important;}
.equalizer-fullscreen.eq-mode-tunnel .eq-full-bars > span{border-radius:18px!important;}
.equalizer-fullscreen.eq-mode-tunnel .eq-full-bars{perspective:900px;}

/* 4.7.6 — professional MITR4 PLAYER hero visual */
.equalizer-fullscreen.eq-mode-logo .eq-full-bars{
  background:
    radial-gradient(circle at 50% 45%,rgba(65,170,255,.22),transparent 26%),
    radial-gradient(circle at 50% 62%,rgba(215,58,255,.16),transparent 34%),
    linear-gradient(180deg,rgba(5,13,38,.92),rgba(4,8,25,.96))!important;
  overflow:hidden!important;
}
.equalizer-fullscreen.eq-mode-logo .eq-full-bars::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:
    linear-gradient(rgba(109,180,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(109,180,255,.045) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(99,170,255,.10),transparent 42%);
  background-size:42px 42px,42px 42px,100% 100%;
  mask-image:radial-gradient(circle at center,#000 0%,#000 62%,transparent 92%);
}
.eq-mitr4-logo-visual{
  position:absolute;left:50%;top:48%;width:min(58vw,720px);height:min(28vh,250px);
  display:grid;place-items:center;transform:translate(-50%,-50%);pointer-events:none;z-index:5;opacity:0;
  transition:opacity 180ms ease,transform 120ms linear,filter 120ms linear;
  --eq-logo-level:0;
}
.eq-mitr4-logo-visual[hidden]{display:none!important;}
.eq-mitr4-logo-visual::before{
  content:"";position:absolute;left:50%;top:50%;width:min(38vw,480px);height:min(38vw,480px);
  transform:translate(-50%,-50%) scale(calc(.92 + var(--eq-logo-level) * .05));border-radius:999px;
  background:
    radial-gradient(circle,rgba(82,160,255,.16),rgba(118,78,255,.10) 38%,transparent 70%),
    radial-gradient(circle at 40% 35%,rgba(236,67,255,.14),transparent 42%);
  border:1px solid rgba(112,204,255,.18);
  box-shadow:0 0 calc(80px + var(--eq-logo-level) * 80px) rgba(53,157,255,.14), inset 0 0 90px rgba(203,65,255,.08);
  animation:mitr4HeroRing 8s linear infinite;
}
.eq-mitr4-logo-visual::after{
  content:"";position:absolute;left:50%;top:56%;width:94%;height:2px;transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,rgba(205,58,255,.85),rgba(60,190,255,.95),rgba(210,58,255,.85),transparent);
  box-shadow:0 0 18px rgba(84,180,255,.45),0 0 36px rgba(218,66,255,.22);
  opacity:.78;
}
.eq-brand-core{position:relative;z-index:4;text-align:center;display:grid;place-items:center;gap:6px;line-height:1;}
.eq-brand-core strong{
  font-size:clamp(58px,10vw,150px);font-weight:1000;letter-spacing:-.055em;text-transform:uppercase;font-style:italic;
  color:#eef7ff;
  background:linear-gradient(100deg,#fb4dff 0%,#8f64ff 26%,#33a8ff 58%,#19f2ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 24px rgba(69,169,255,.24),0 0 46px rgba(217,68,255,.20);
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.38));
}
.eq-brand-core em{
  font-size:clamp(24px,3.9vw,58px);font-style:normal;font-weight:900;letter-spacing:.52em;text-indent:.52em;text-transform:uppercase;
  background:linear-gradient(90deg,#d34dff,#6d7fff,#1ee7ff);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 18px rgba(95,177,255,.34);
}
.eq-brand-line{position:absolute;top:63%;width:min(13vw,160px);height:3px;border-radius:999px;z-index:4;opacity:.85;}
.eq-brand-line-left{right:calc(50% + min(18vw,250px));background:linear-gradient(90deg,transparent,#d348ff,#7a6cff);box-shadow:0 0 18px rgba(213,72,255,.45);}
.eq-brand-line-right{left:calc(50% + min(18vw,250px));background:linear-gradient(90deg,#36c9ff,#4b76ff,transparent);box-shadow:0 0 18px rgba(58,189,255,.45);}
.equalizer-fullscreen.eq-mode-logo .eq-full-bars::after{
  content:"";position:absolute;left:50%;top:50%;width:min(72vw,980px);height:min(38vw,520px);transform:translate(-50%,-50%);border-radius:999px;
  border:1px solid rgba(105,196,255,.16);box-shadow:inset 0 0 130px rgba(65,139,255,.08),0 0 120px rgba(75,127,255,.10);pointer-events:none;
}
.equalizer-fullscreen.eq-mode-logo .eq-full-bars > span{z-index:3;}
@keyframes mitr4HeroRing{from{rotate:0deg}to{rotate:360deg}}
.android-webview-ready .equalizer-fullscreen.eq-art-mode .eq-full-bars > span{transition:none!important;}
.android-webview-ready .equalizer-fullscreen.eq-mode-tunnel .eq-full-bars{perspective:none!important;}
.android-webview-ready .equalizer-fullscreen.eq-art-mode .eq-full-bars{box-shadow:inset 0 0 42px rgba(55,124,255,.10),0 14px 50px rgba(0,0,0,.26);}

@media(max-width:760px){
  .eq-mitr4-logo-visual{width:min(88vw,520px);height:210px;top:48%;}
  .eq-brand-core strong{font-size:clamp(42px,16vw,82px);}
  .eq-brand-core em{font-size:clamp(16px,6vw,32px);letter-spacing:.34em;text-indent:.34em;}
  .eq-brand-line{display:none;}
  .equalizer-fullscreen .eq-full-top{gap:12px!important;}
  .equalizer-fullscreen .eq-control-actions{justify-content:stretch;min-width:0;}
  .equalizer-fullscreen .eq-browser-full-btn{width:100%;}
  .equalizer-fullscreen.eq-art-mode .eq-full-bars{min-height:48vh!important;border-radius:24px;}
  .eq-mitr4-logo-visual{width:min(62vw,240px);height:min(62vw,240px);}
}


/* Mitr4 5.7.1 — logo visual modes, no bubbles/radar/tunnel/pulse */
.equalizer-fullscreen.eq-mode-logo-bars .eq-full-bars,
.equalizer-fullscreen.eq-mode-logo-beams .eq-full-bars,
.equalizer-fullscreen.eq-mode-logo-shards .eq-full-bars{
  background:
    radial-gradient(circle at 50% 48%,rgba(70,142,255,.20),transparent 30%),
    radial-gradient(circle at 50% 60%,rgba(198,62,255,.12),transparent 40%),
    linear-gradient(180deg,rgba(5,13,38,.94),rgba(4,8,25,.98))!important;
  overflow:hidden!important;
}
.equalizer-fullscreen.eq-mode-logo-bars .eq-full-bars::before,
.equalizer-fullscreen.eq-mode-logo-beams .eq-full-bars::before,
.equalizer-fullscreen.eq-mode-logo-shards .eq-full-bars::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 12%,rgba(70,190,255,.14) 36%,rgba(212,65,255,.12) 50%,rgba(70,190,255,.14) 64%,transparent 88%),
    linear-gradient(rgba(112,180,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(112,180,255,.035) 1px,transparent 1px);
  background-size:100% 100%,48px 48px,48px 48px;
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.equalizer-fullscreen.eq-mode-logo-bars .eq-full-bars::after,
.equalizer-fullscreen.eq-mode-logo-beams .eq-full-bars::after,
.equalizer-fullscreen.eq-mode-logo-shards .eq-full-bars::after{
  content:"";position:absolute;left:50%;top:53%;width:min(86vw,1180px);height:2px;transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,#35caff 18%,#8d60ff 42%,#dc43ff 50%,#8d60ff 58%,#35caff 82%,transparent);
  box-shadow:0 0 22px rgba(66,190,255,.42),0 0 42px rgba(216,72,255,.22);
  opacity:.75;pointer-events:none;
}
.eq-mitr4-logo-visual.eq-logo-bars::before,
.eq-mitr4-logo-visual.eq-logo-beams::before,
.eq-mitr4-logo-visual.eq-logo-shards::before{
  display:none!important;
}
.eq-mitr4-logo-visual.eq-logo-bars::after,
.eq-mitr4-logo-visual.eq-logo-beams::after,
.eq-mitr4-logo-visual.eq-logo-shards::after{
  opacity:.9;
}
.eq-logo-side{
  position:absolute;top:55%;width:min(20vw,260px);height:110px;z-index:3;pointer-events:none;opacity:.88;
  filter:drop-shadow(0 0 14px rgba(72,190,255,.42));
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
}
.eq-logo-side.side-left{
  right:calc(50% + min(18vw,260px));
  background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(55,205,255,.85) 9px 13px,transparent 13px 21px);
}
.eq-logo-side.side-right{
  left:calc(50% + min(18vw,260px));
  background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(196,73,255,.82) 9px 13px,transparent 13px 21px);
}
.eq-logo-shard{
  position:absolute;top:52%;width:min(18vw,260px);height:150px;z-index:3;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent,rgba(65,205,255,.7),rgba(210,70,255,.7),transparent);
  clip-path:polygon(0 45%,100% 12%,82% 55%,100% 88%,0 58%);
  filter:drop-shadow(0 0 18px rgba(94,177,255,.45));
}
.eq-logo-shard.shard-left{right:calc(50% + min(16vw,230px));transform:scaleX(-1);}
.eq-logo-shard.shard-right{left:calc(50% + min(16vw,230px));}
.eq-mitr4-logo-visual.eq-logo-beams .eq-logo-side{
  height:70px;
  background-size:100% 100%;
  background-image:linear-gradient(90deg,transparent,rgba(64,202,255,.72),rgba(139,98,255,.7),transparent)!important;
}
.eq-mitr4-logo-visual.eq-logo-shards .eq-logo-side{opacity:.25;height:80px;}
.eq-mitr4-logo-visual.eq-logo-shards .eq-logo-shard{opacity:.82;}
.eq-mitr4-logo-visual.eq-logo-classic .eq-logo-side,
.eq-mitr4-logo-visual.eq-logo-classic .eq-logo-shard{display:none!important;}

.equalizer-fullscreen.eq-mode-rings,
.equalizer-fullscreen.eq-mode-orbit,
.equalizer-fullscreen.eq-mode-pulse,
.equalizer-fullscreen.eq-mode-tunnel,
.equalizer-fullscreen.eq-mode-particles{
  /* stale saved settings are remapped in JS, this is only a visual guard */
}
@media(max-width:760px){
  .eq-logo-side,.eq-logo-shard{display:none!important;}
}


/* Mitr4 5.7.2 — restore MITR4 PLAYER wordmark and remove bubbles/balls from logo modes */
.equalizer-fullscreen.eq-mode-logo .eq-full-bars > span,
.equalizer-fullscreen.eq-mode-logo-bars .eq-full-bars > span,
.equalizer-fullscreen.eq-mode-logo-beams .eq-full-bars > span,
.equalizer-fullscreen.eq-mode-logo-shards .eq-full-bars > span{
  border-radius:999px!important;
}
.equalizer-fullscreen.eq-mode-logo .eq-full-bars > span{
  /* Logo clássico agora usa só feixes laterais finos, não pontos/bolas */
  min-width:18px!important;
  min-height:2px!important;
  max-height:none!important;
}
#eqMitr4LogoVisual.eq-mitr4-logo-visual,
#eqMitr4LogoVisual.eq-mitr4-logo-visual.mitr4-player-logo-visual-v472,
.eq-mitr4-logo-visual{
  opacity:1!important;
  display:grid!important;
  place-items:center!important;
}
.eq-mitr4-logo-visual .mitr4-player-wordmark,
#eqMitr4LogoVisual .mitr4-player-wordmark{
  position:relative!important;
  z-index:10!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  line-height:1!important;
  gap:10px!important;
}
.eq-mitr4-logo-visual .mitr4-player-wordmark strong,
#eqMitr4LogoVisual .mitr4-player-wordmark strong{
  display:block!important;
  font-size:clamp(68px,11vw,168px)!important;
  font-weight:1000!important;
  letter-spacing:-.055em!important;
  font-style:italic!important;
  text-transform:uppercase!important;
  background:linear-gradient(100deg,#fb4dff 0%,#8f64ff 26%,#33a8ff 58%,#19f2ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:0 0 24px rgba(69,169,255,.24),0 0 46px rgba(217,68,255,.20)!important;
}
.eq-mitr4-logo-visual .mitr4-player-wordmark span,
#eqMitr4LogoVisual .mitr4-player-wordmark span,
.eq-mitr4-logo-visual .mitr4-player-wordmark em,
#eqMitr4LogoVisual .mitr4-player-wordmark em{
  display:block!important;
  font-size:clamp(24px,3.9vw,58px)!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:.52em!important;
  text-indent:.52em!important;
  text-transform:uppercase!important;
  background:linear-gradient(90deg,#d34dff,#6d7fff,#1ee7ff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:0 0 18px rgba(95,177,255,.34)!important;
}
.eq-mitr4-logo-visual .mitr4-player-wordmark em{
  display:none!important;
}
.equalizer-fullscreen.eq-mode-logo .eq-logo-side,
.equalizer-fullscreen.eq-mode-logo-bars .eq-logo-side,
.equalizer-fullscreen.eq-mode-logo-beams .eq-logo-side,
.equalizer-fullscreen.eq-mode-logo-shards .eq-logo-side{
  display:block!important;
}
.equalizer-fullscreen.eq-mode-logo .eq-logo-shard,
.equalizer-fullscreen.eq-mode-logo-bars .eq-logo-shard,
.equalizer-fullscreen.eq-mode-logo-beams .eq-logo-shard{
  display:none!important;
}
.equalizer-fullscreen.eq-mode-logo-shards .eq-logo-shard{
  display:block!important;
}
.equalizer-fullscreen.eq-mode-logo .eq-full-bars::before,
.equalizer-fullscreen.eq-mode-logo-bars .eq-full-bars::before,
.equalizer-fullscreen.eq-mode-logo-beams .eq-full-bars::before,
.equalizer-fullscreen.eq-mode-logo-shards .eq-full-bars::before{
  /* sem radar/tunel: só textura linear subtil */
  background:
    linear-gradient(90deg,transparent 0 12%,rgba(70,190,255,.10) 36%,rgba(212,65,255,.09) 50%,rgba(70,190,255,.10) 64%,transparent 88%),
    linear-gradient(rgba(112,180,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(112,180,255,.025) 1px,transparent 1px)!important;
  background-size:100% 100%,56px 56px,56px 56px!important;
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)!important;
}
.equalizer-fullscreen.eq-mode-logo .eq-full-bars::after,
.equalizer-fullscreen.eq-mode-logo-bars .eq-full-bars::after,
.equalizer-fullscreen.eq-mode-logo-beams .eq-full-bars::after,
.equalizer-fullscreen.eq-mode-logo-shards .eq-full-bars::after{
  border:0!important;
  border-radius:0!important;
  box-shadow:0 0 22px rgba(66,190,255,.42),0 0 42px rgba(216,72,255,.22)!important;
  height:2px!important;
}
#eqMitr4LogoVisual .eq-logo-ring,
#eqMitr4LogoVisual .eq-logo-wave{
  display:none!important;
}
@media(max-width:760px){
  .eq-mitr4-logo-visual .mitr4-player-wordmark strong,
  #eqMitr4LogoVisual .mitr4-player-wordmark strong{font-size:clamp(42px,16vw,86px)!important;}
  .eq-mitr4-logo-visual .mitr4-player-wordmark span,
  #eqMitr4LogoVisual .mitr4-player-wordmark span{font-size:clamp(16px,6vw,32px)!important;letter-spacing:.34em!important;text-indent:.34em!important;}
}


/* Mitr4 5.7.3 — remover bolinhas/pontos dos modos Logo Mitr4 */
.equalizer-fullscreen.eq-mode-logo .eq-full-bars > span,
.equalizer-fullscreen.eq-mode-logo-bars .eq-full-bars > span,
.equalizer-fullscreen.eq-mode-logo-beams .eq-full-bars > span,
.equalizer-fullscreen.eq-mode-logo-shards .eq-full-bars > span{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* Mantém o logo e os efeitos laterais, sem usar os spans que estavam a aparecer como bolinhas. */
.equalizer-fullscreen.eq-mode-logo #eqMitr4LogoVisual,
.equalizer-fullscreen.eq-mode-logo-bars #eqMitr4LogoVisual,
.equalizer-fullscreen.eq-mode-logo-beams #eqMitr4LogoVisual,
.equalizer-fullscreen.eq-mode-logo-shards #eqMitr4LogoVisual{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
}

.equalizer-fullscreen.eq-mode-logo .eq-logo-side,
.equalizer-fullscreen.eq-mode-logo-bars .eq-logo-side,
.equalizer-fullscreen.eq-mode-logo-beams .eq-logo-side,
.equalizer-fullscreen.eq-mode-logo-shards .eq-logo-side,
.equalizer-fullscreen.eq-mode-logo-shards .eq-logo-shard{
  display:block!important;
  visibility:visible!important;
}

/* Reforço visual dos efeitos laterais para compensar a remoção dos pontos. */
.equalizer-fullscreen.eq-mode-logo-beams .eq-logo-side{
  width:min(24vw,340px)!important;
  height:76px!important;
  opacity:.92!important;
  background:
    linear-gradient(90deg,transparent,rgba(42,198,255,.78),rgba(139,98,255,.72),rgba(214,64,255,.56),transparent)!important;
  filter:drop-shadow(0 0 18px rgba(72,190,255,.42)) drop-shadow(0 0 30px rgba(191,75,255,.20))!important;
}

.equalizer-fullscreen.eq-mode-logo-bars .eq-logo-side{
  width:min(23vw,320px)!important;
  height:118px!important;
  opacity:.9!important;
}

.equalizer-fullscreen.eq-mode-logo-shards .eq-logo-shard{
  opacity:.82!important;
}

.equalizer-fullscreen.eq-mode-logo .eq-full-bars::after,
.equalizer-fullscreen.eq-mode-logo-bars .eq-full-bars::after,
.equalizer-fullscreen.eq-mode-logo-beams .eq-full-bars::after,
.equalizer-fullscreen.eq-mode-logo-shards .eq-full-bars::after{
  z-index:2!important;
}

#eqMitr4LogoVisual{
  z-index:8!important;
}

/* contrato visual: sem bolinhas nos modos de logo */
:root{--mitr4-573-logo-no-dots:1;}