/* Refatoracao visual inspirada em websites modernos de MuOnline.
   Foco: trocar a camada visual sem alterar rotas, variaveis PHP ou hooks JS. */

:root{
  --mu-bg:#050808;
  --mu-bg-soft:#111111;
  --mu-panel:#161616;
  --mu-panel-2:#1c1c1c;
  --mu-line:rgba(196,196,196,.14);
  --mu-line-strong:rgba(214,179,92,.28);
  --mu-text:#edf7f3;
  --mu-muted:rgba(237,247,243,.66);
  --mu-accent:#d4b06a;
  --mu-accent-2:#8d6b2d;
  --mu-gold:#d4b06a;
  --mu-shadow:0 18px 60px rgba(0,0,0,.42);
}

html,body{scroll-behavior:smooth;}
body.mu-refactor{color:var(--mu-text);}
body.mu-refactor:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(6,10,10,.12), rgba(6,10,10,.24)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 120px);
  mix-blend-mode:screen;
  opacity:.18;
}

.mu-container{max-width:1240px;width:min(1240px,calc(100% - 28px));}

.mu-announcement{
  position:relative;
  z-index:30;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:linear-gradient(90deg, rgba(8,18,17,.96), rgba(13,34,28,.92));
  backdrop-filter:blur(10px);
}
.mu-announcement__inner{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:14px;
  justify-content:center;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mu-announcement__badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;height:24px;padding:0 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#04110d;
  background:linear-gradient(135deg,var(--mu-accent),#b7ffd8);
  font-weight:800;
}
.mu-announcement__text{color:var(--mu-muted);}
.mu-announcement__link{color:var(--mu-text);font-weight:700;text-decoration:none;}
.mu-announcement__link:hover{color:var(--mu-accent);}

.mu-nav{
  position:sticky;top:0;z-index:25;
  background:rgba(5,11,10,.82);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.07);
  box-shadow:0 10px 40px rgba(0,0,0,.22);
}
.mu-nav__inner{max-width:1240px;width:min(1240px,calc(100% - 28px));min-height:78px;gap:18px;}
.mu-nav__brand img{filter:drop-shadow(0 10px 22px rgba(0,0,0,.32));}
.mu-nav__links{gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.mu-nav__links > li > a,
.mu-nav__dropbtn{
  position:relative;
  border:1px solid transparent;
  border-radius:14px;
  padding:12px 16px;
  color:var(--mu-text);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:12px;
  font-weight:700;
  background:transparent;
  transition:.24s ease;
}
.mu-nav__links > li > a:hover,
.mu-nav__dropbtn:hover,
.mu-nav__drop:hover .mu-nav__dropbtn{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#fff;
}
.mu-nav__menu{
  margin-top:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  overflow:hidden;
  background:rgba(9,16,15,.98);
  box-shadow:var(--mu-shadow);
}
.mu-nav__menu a{padding:12px 16px;color:var(--mu-muted);}
.mu-nav__menu a:hover{background:rgba(106,255,183,.08);color:#fff;}
.mu-nav__download,
.mu-nav__cta{
  border-color:var(--mu-line) !important;
  background:linear-gradient(180deg, rgba(15,29,25,.94), rgba(11,18,16,.98)) !important;
}
.mu-nav__cta{
  color:#03120c !important;
  background:linear-gradient(135deg, var(--mu-accent), #d5ff75) !important;
  box-shadow:0 12px 32px rgba(67,225,150,.18);
}
.mu-nav__cta:hover{filter:brightness(1.05);}

.mu-hero{
  position:relative;
  min-height:clamp(420px,52vw,620px);
  padding:56px 20px 28px;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.mu-hero__fx{
  position:absolute;inset:auto 50% -160px auto;transform:translateX(50%);
  width:min(1100px,92vw);height:420px;
  background:radial-gradient(circle, rgba(52,255,174,.18), rgba(52,255,174,0) 68%);
  filter:blur(12px);
  pointer-events:none;
}
.mu-hero__content{position:relative;z-index:2;display:grid;justify-items:center;text-align:center;gap:18px;max-width:860px;}
.mu-hero__kicker{
  font-size:11px;text-transform:uppercase;letter-spacing:.28em;color:rgba(255,255,255,.7);
  padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);
}
.mu-hero__logo{filter:drop-shadow(0 18px 50px rgba(0,0,0,.46));}
.mu-hero__subtitle{max-width:700px;color:var(--mu-muted);font-size:15px;line-height:1.8;margin:0;}
.mu-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}

.mu-btn,
a.mu-btn,
button.mu-btn{
  border-radius:16px;
  border:1px solid var(--mu-line);
  padding:14px 22px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--mu-text);
  background:linear-gradient(180deg, rgba(16,29,27,.95), rgba(11,18,17,.98));
  box-shadow:0 10px 26px rgba(0,0,0,.18);
  transition:transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}
.mu-btn:hover,
a.mu-btn:hover,
button.mu-btn:hover{transform:translateY(-1px);border-color:var(--mu-line-strong);box-shadow:0 14px 30px rgba(0,0,0,.28);}
.mu-btn--hero{
  color:#04110c !important;
  border-color:rgba(213,255,117,.24) !important;
  background:linear-gradient(135deg,var(--mu-accent),var(--mu-gold)) !important;
}
.mu-btn--ghost{background:rgba(255,255,255,.02) !important;color:var(--mu-text) !important;}

.mu-king{
  position:relative;z-index:2;
  margin-top:28px;
  width:min(380px,100%);
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(10,18,17,.88), rgba(9,13,13,.96));
  box-shadow:var(--mu-shadow);
}
.mu-king__eyebrow{color:var(--mu-accent);font-size:11px;letter-spacing:.22em;text-transform:uppercase;}
.mu-king__title{font-size:26px;font-weight:900;letter-spacing:.02em;}
.mu-king__subtitle,.mu-king__line{color:var(--mu-muted);}
.mu-king__badge{border-radius:999px;padding:8px 12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;}
.mu-king__badge.is-online{background:rgba(106,255,183,.14);color:var(--mu-accent);}
.mu-king__badge.is-offline{background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);}

.mu-topbar{
  position:relative;
  margin:0 auto 24px;
  width:min(1240px,calc(100% - 28px));
  border:1px solid rgba(255,255,255,.07);
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(8,14,14,.92), rgba(8,12,12,.98));
  box-shadow:var(--mu-shadow);
}
.mu-topbar:before{
  content:"";position:absolute;inset:0 auto 0 0;width:32%;
  background:linear-gradient(90deg, rgba(106,255,183,.09), rgba(106,255,183,0));
}
.mu-topbar__inner{position:relative;display:grid;grid-template-columns:240px 1fr auto;gap:10px;align-items:center;padding:18px 22px;}
.mu-online{justify-self:start;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);}
.mu-online__dot{width:12px;height:12px;background:var(--mu-accent);box-shadow:0 0 0 8px rgba(106,255,183,.14),0 0 30px rgba(106,255,183,.4);}
.mu-online__title{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.74);}
.mu-online__value{font-size:20px;font-weight:900;line-height:1.1;color:#fff;margin-top:4px;}
.mu-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.mu-stat{padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);min-height:86px;display:flex;flex-direction:column;justify-content:center;}
.mu-stat__k{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.54);}
.mu-stat__v{margin-top:8px;font-size:20px;font-weight:900;color:#fff;}
.mu-topbar__right{gap:10px;}
.mu-icon{width:48px;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#fff;}
.mu-icon:hover{border-color:var(--mu-line-strong);background:rgba(106,255,183,.08);transform:translateY(-1px);}

.mu-card,
.mu-news,
.mu-download-card,
.mu-download-specs__tableWrap,
.mu-pay-modal__box,
.mu-achievement-panel,
.mu-package-card,
.mu-hof__card,
.mu-pay-statusbox,
.mu-pay-summary,
.mu-pay-fieldset,
.mu-public-grid > *,
.mu-post,
section[class*="mu-card"],
section.mu-section,
.bg-neutral-900\/60,
.bg-neutral-800\/60{
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:28px !important;
  background:linear-gradient(180deg, rgba(11,18,18,.92), rgba(9,13,13,.98)) !important;
  box-shadow:var(--mu-shadow);
}

.mu-card{padding:18px;}
.mu-title,
.mu-weekly__title,
.mu-download-title,
.mu-events__title,
.mu-pay-headline,
.mu-achievement-title,
.mu-post__title{
  color:#fff;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mu-news{padding:0;overflow:hidden;min-height:520px;background:linear-gradient(180deg, rgba(10,18,17,.94), rgba(8,12,12,.98)) !important;}
.mu-news__header,
.mu-news__footer,
.mu-weekly__bar{
  padding:18px 22px !important;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:linear-gradient(90deg, rgba(15,27,24,.96), rgba(10,17,16,.94)) !important;
}
.mu-news__footer{border-top:1px solid rgba(255,255,255,.06);border-bottom:0;}
.mu-news__list{padding:12px;display:grid;gap:10px;}
.mu-news__item{
  padding:16px 18px;border-radius:18px;border:1px solid transparent;
  background:rgba(255,255,255,.02);
}
.mu-news__item:hover,.mu-news__item.is-active{border-color:rgba(106,255,183,.18);background:rgba(106,255,183,.06);transform:none;}
.mu-news__title{font-size:14px;font-weight:700;line-height:1.5;}
.mu-news__date{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.52);margin-top:8px;}

.mu-slide__frame,
.mu-slide__img{border-radius:26px;}
.mu-slide__frame{overflow:hidden;min-height:520px;position:relative;}
.mu-slide__frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0) 32%, rgba(0,0,0,.72) 100%);}
.mu-slide__overlay{padding:34px !important;}
.mu-slide__title{font-size:clamp(28px,3vw,42px);font-weight:900;line-height:1.08;text-transform:uppercase;}
.mu-slide__desc{margin-top:12px;max-width:520px;color:rgba(255,255,255,.78);line-height:1.75;}
.mu-slide__cta{display:inline-flex;margin-top:16px;padding:14px 22px;border-radius:16px;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#04110c;background:linear-gradient(135deg,var(--mu-accent),var(--mu-gold));}
.mu-slide__bar{height:6px;background:linear-gradient(90deg,var(--mu-accent),var(--mu-gold));}

.mu-events__grid,
.mu-hof__grid,
.mu-download-grid,
.mu-packages-grid,
.mu-achievement-columns{gap:16px;}
.mu-eventx,
.mu-hof__card,
.mu-package-card,
.mu-download-platform,
.mu-pay-method,
.mu-pay-product,
.mu-shortcuts4__item{
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(16,28,27,.95), rgba(10,16,16,.98)) !important;
}
.mu-eventx:hover,
.mu-hof__card:hover,
.mu-package-card:hover,
.mu-pay-method:hover,
.mu-pay-product:hover,
.mu-shortcuts4__item:hover{border-color:rgba(106,255,183,.18) !important;box-shadow:0 18px 40px rgba(0,0,0,.26);}
.mu-eventx__title,.mu-hof__name,.mu-pay-method__title,.mu-pay-product{color:#fff;}
.mu-eventx__countdown,.mu-hof__score,.mu-pay-method__tag,.mu-pay-chip{color:var(--mu-accent);}

input,select,textarea{
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.03) !important;
  color:#fff !important;
  outline:none;
  box-shadow:none !important;
}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.32);}
input:focus,select:focus,textarea:focus{border-color:rgba(106,255,183,.28) !important;background:rgba(106,255,183,.04) !important;}
label{color:rgba(255,255,255,.76) !important;}

table tr{border-color:rgba(255,255,255,.08) !important;}
table td,table th{color:#fff;}

.mu-footer{margin-top:42px;border-top:1px solid rgba(255,255,255,.07);background:rgba(4,8,8,.84);}
.mu-footer__inner{min-height:92px;color:rgba(255,255,255,.56);text-transform:uppercase;letter-spacing:.14em;font-size:11px;}

@media (max-width: 1080px){
  .mu-topbar__inner{grid-template-columns:1fr;}
  .mu-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mu-topbar__right{justify-content:flex-start;}
  .mu-king{width:min(100%,560px);}
}
@media (max-width: 768px){
  .mu-announcement__inner{padding:10px 0;flex-wrap:wrap;letter-spacing:.04em;}
  .mu-nav__inner{padding:12px 0;}
  .mu-nav__links{justify-content:center;}
  .mu-hero{padding-top:34px;min-height:unset;}
  .mu-hero__subtitle{font-size:14px;}
  .mu-slide__frame{min-height:340px;}
  .mu-stats{grid-template-columns:1fr;}
  .mu-online{width:100%;justify-content:center;}
  .mu-card,.mu-news{border-radius:22px !important;}
}


/* DeltaMU cleanup: square style, no announcement bar, footer socials */
.mu-announcement{display:none !important;}
.mu-nav{margin-top:0 !important;}
.mu-nav,.mu-nav__inner,.mu-nav__menu,.mu-topbar,.mu-online,.mu-stat,.mu-btn,.mu-icon,.mu-card,.mu-news,.mu-download-card,.mu-download-specs__tableWrap,.mu-pay-modal__box,.mu-achievement-panel,.mu-package-card,.mu-hof__card,.mu-pay-statusbox,.mu-pay-summary,.mu-pay-fieldset,.mu-public-grid > *,section[class*="mu-card"],section.mu-section,.bg-neutral-900\/60,.bg-neutral-800\/60,.mu-slide__frame,.mu-slide__img,.mu-eventx,.mu-download-platform,.mu-pay-method,.mu-pay-product,.mu-shortcuts4__item,input,select,textarea,.mu-king,.mu-hero__kicker,.mu-news__item,.mu-slide__cta,.mu-king__badge{border-radius:0 !important;}
.mu-nav__links > li > a,.mu-nav__dropbtn{border-radius:0 !important;padding:16px 18px;}
.mu-nav__download,.mu-nav__cta{box-shadow:none !important;}
.mu-nav__inner{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:0;display:flex;align-items:stretch;justify-content:space-between;}
.mu-nav__brand{padding:14px 0;display:flex;align-items:center;}
.mu-nav__links{align-items:stretch;gap:0;}
.mu-nav__links > li{display:flex;align-items:stretch;}
.mu-nav__links > li > a,.mu-nav__dropbtn{display:flex;align-items:center;height:100%;border-left:1px solid rgba(255,255,255,.06);}
.mu-nav__links > li:first-child > a{border-left:0;}
.mu-nav__menu{margin-top:0;min-width:220px;background:#0b1111;border:1px solid rgba(255,255,255,.08);}
.mu-hero{padding-top:30px;min-height:clamp(360px,44vw,520px);}
.mu-hero__kicker{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);}
.mu-king{display:none !important;}
.mu-topbar{width:min(1240px,calc(100% - 28px));margin:0 auto 24px;border-radius:0;}
.mu-topbar__inner{grid-template-columns:240px 1fr;gap:0;padding:0;}
.mu-online,.mu-stat{min-height:110px;border-right:1px solid rgba(255,255,255,.06);border-top:0;border-bottom:0;border-left:0;background:rgba(255,255,255,.02);}
.mu-online{padding:20px 26px;}
.mu-stats{gap:0;}
.mu-stat{padding:20px 18px;}
.mu-topbar__right{display:none !important;}
.mu-news,.mu-card,.mu-eventx,.mu-hof__card,.mu-package-card,.mu-download-platform,.mu-pay-method,.mu-pay-product,.mu-shortcuts4__item{box-shadow:none !important;}
.mu-news__header,.mu-news__footer,.mu-weekly__bar{padding:14px 18px !important;}
.mu-news__item{border:1px solid rgba(255,255,255,.06);}
.mu-news__item:hover,.mu-news__item.is-active{background:rgba(106,255,183,.06);}
.mu-slide__frame{min-height:500px;}
.mu-footer{margin-top:42px;border-top:1px solid rgba(255,255,255,.07);background:#050909;}
.mu-footer__inner{min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 0;}
.mu-footer__socials{display:flex;align-items:center;justify-content:center;gap:12px;}
.mu-footer .mu-icon{width:46px;height:46px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);}
.mu-footer .mu-icon:hover{background:rgba(106,255,183,.08);}
@media (max-width: 980px){
  .mu-nav__inner{flex-direction:column;align-items:center;padding-bottom:8px;}
  .mu-nav__brand{padding:16px 0 8px;}
  .mu-nav__links{flex-wrap:wrap;justify-content:center;}
  .mu-nav__links > li > a,.mu-nav__dropbtn{border-left:0;border-top:1px solid rgba(255,255,255,.06);}
  .mu-topbar__inner{grid-template-columns:1fr;}
  .mu-online,.mu-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.06);}
}
@media (max-width: 768px){
  .mu-hero{padding-top:24px;}
  .mu-slide__frame{min-height:320px;}
}


/* v3 cleanup: centered compact menu, remove status bar */
.mu-topbar{display:none !important;}
.mu-nav{position:relative !important; top:auto !important; left:auto !important; right:auto !important; height:auto !important; background:#040909 !important; border-bottom:1px solid rgba(255,255,255,.06) !important; box-shadow:none !important; backdrop-filter:none !important;}
.mu-nav__inner{position:relative; min-height:56px !important; width:min(1240px,calc(100% - 28px)) !important; margin:0 auto !important; padding:0 0 0 84px !important; justify-content:center !important;}
.mu-nav__brand{position:absolute; left:0; top:50%; transform:translateY(-50%); padding:0 !important; z-index:2;}
.mu-nav__brand img{height:44px !important; width:auto !important;}
.mu-nav__links{display:flex !important; align-items:stretch !important; justify-content:center !important; flex:0 1 auto !important; width:auto !important; margin:0 auto !important; gap:0 !important; background:#050a0a;}
.mu-nav__links > li{display:flex; align-items:stretch; flex:0 0 auto;}
.mu-nav__links > li > a, .mu-nav__dropbtn{height:56px !important; padding:0 22px !important; font-size:11px !important; letter-spacing:.08em !important; border-left:1px solid rgba(255,255,255,.06) !important; border-top:0 !important; border-right:0 !important; border-bottom:0 !important; background:#050a0a !important;}
.mu-nav__links > li:first-child > a{border-left:1px solid rgba(255,255,255,.06) !important;}
.mu-nav__links > li > a:hover, .mu-nav__dropbtn:hover, .mu-nav__drop:hover .mu-nav__dropbtn{background:#0a1211 !important;}
.mu-nav__download{background:#07110f !important; color:#e4d7a1 !important;}
.mu-nav__cta{background:#98ef83 !important; color:#08110c !important;}
.mu-nav__menu{top:56px !important; left:0 !important; margin-top:0 !important;}
.mu-hero{padding-top:24px !important; min-height:clamp(280px,36vw,420px) !important;}
.mu-hero__content{gap:14px !important;}
.mu-hero__kicker{font-size:10px !important; padding:6px 12px !important;}
.mu-hero__logo{max-height:240px !important;}
.mu-hero__subtitle{display:none !important;}
.mu-hero__actions{gap:8px !important;}
.mu-btn,.mu-btn--hero,.mu-btn--ghost{padding:11px 16px !important; font-size:11px !important; letter-spacing:.08em !important; min-height:auto !important;}
@media (max-width: 980px){
  .mu-nav__inner{padding:10px 0 0 !important; justify-content:center !important;}
  .mu-nav__brand{position:relative; left:auto; top:auto; transform:none; margin:0 auto 8px; display:flex; justify-content:center;}
  .mu-nav__links{flex-wrap:wrap !important;}
  .mu-nav__links > li > a,.mu-nav__dropbtn{height:48px !important; padding:0 16px !important;}
}


/* v4: gold highlight, darker selected states, remove quick access, better hero glow */
:root{
  --mu-accent:#caa45f;
  --mu-accent-2:#e0bf7b;
  --mu-accent-dark:#4c3a18;
}
body.mu-refactor{
  background:
    radial-gradient(980px 420px at 50% 34%, rgba(151,112,43,0.16), rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(5,10,10,0.58) 0%, rgba(5,10,10,0.9) 30%, rgba(4,8,8,1) 100%),
    url('../images/background.png') top center no-repeat !important;
  background-color:#050808 !important;
}
.mu-nav__links > li > a,.mu-nav__dropbtn{color:#f2f0ea !important;}
.mu-nav__links > li > a:hover,.mu-nav__dropbtn:hover,.mu-nav__drop:hover .mu-nav__dropbtn{background:#121616 !important;color:#d6b26d !important;}
.mu-nav__download,.mu-nav__cta{background:#111716 !important;color:#d6b26d !important;border-left:1px solid rgba(255,255,255,.08) !important;opacity:1 !important;visibility:visible !important;}
.mu-nav__download:hover,.mu-nav__cta:hover{background:#1a201f !important;color:#f0cf8d !important;}
.mu-nav__cta{opacity:1 !important;filter:none !important;text-shadow:none !important;}
.mu-nav__links > li > a[style*="display: none"], .mu-nav__links > li > a[style*="opacity:0"]{display:flex !important; opacity:1 !important;}
.mu-hero{padding-top:34px !important;min-height:clamp(340px,42vw,500px) !important;}
.mu-hero::before{
  content:"";position:absolute;left:50%;transform:translateX(-50%);top:56%;width:min(1240px,92vw);height:240px;
  background:radial-gradient(circle at 50% 20%, rgba(153,113,44,.18), rgba(153,113,44,.08) 28%, rgba(0,0,0,0) 72%);
  pointer-events:none;z-index:1;
}
.mu-hero__content{position:relative;z-index:2;}
.mu-hero__actions{position:relative;z-index:2;}
.mu-btn--hero{background:#d3b06d !important;color:#0a0d0c !important;border-color:#d3b06d !important;}
.mu-btn--ghost{background:rgba(17,23,22,.82) !important;color:#e7d8b5 !important;border-color:rgba(214,178,109,.22) !important;}
.mu-weekly__title{color:#f0d39a !important;}
.mu-weekly__bar,
.mu-card > .flex.items-center.justify-between{
  background-image:none !important;
  background:linear-gradient(90deg, rgba(26,19,10,.86), rgba(17,20,21,.96) 35%, rgba(26,19,10,.72) 100%) !important;
  border-bottom:1px solid rgba(214,178,109,.14) !important;
}
.mu-card > .flex.items-center.justify-between a,
.mu-weekly__bar a{
  background:#171b1b !important;
  color:#f1e6cf !important;
  border:1px solid rgba(214,178,109,.16) !important;
}
.mu-card > .flex.items-center.justify-between a:hover,
.mu-weekly__bar a:hover{background:#1e2423 !important;color:#d6b26d !important;}
.mu-news__item{background:rgba(10,15,15,.94) !important;border:1px solid rgba(255,255,255,.06) !important;}
.mu-news__item:hover,.mu-news__item.is-active{background:#202223 !important;border-color:#caa45f !important;}
.mu-news__item:hover .mu-news__title,.mu-news__item.is-active .mu-news__title{color:#d6b26d !important;}
.mu-news__item:hover .mu-news__date,.mu-news__item.is-active .mu-news__date{color:#c7b18b !important;}
.section-shortcuts,.mu-shortcuts4,.mu-shortcuts4__item{display:none !important;}
.mu-hof__head{background:linear-gradient(180deg, rgba(122,85,31,.92), rgba(91,63,23,.96)) !important;color:#f4e6c8 !important;}
.mu-hof__avatar{object-fit:cover !important;background:#0c0f10 !important;border:1px solid rgba(214,178,109,.18) !important;}
.mu-hof__score{color:#7cffbd !important;}
.mu-hof__score span{color:#d8c6a3 !important;}
.mu-footer .mu-icon:hover{background:rgba(202,164,95,.12) !important;color:#d6b26d !important;}

.mu-nav__cta{background:#1a201f !important;color:#d6b26d !important;font-weight:800 !important;}


/* v5: remove hero yellow strip, dark gray panels, remove kicker, pull content upward */
body.mu-refactor{
  background:
    radial-gradient(980px 420px at 50% 40%, rgba(120,90,35,0.10), rgba(0,0,0,0) 56%),
    linear-gradient(180deg, rgba(5,10,10,0.62) 0%, rgba(5,10,10,0.92) 30%, rgba(4,8,8,1) 100%),
    url('../images/background.png') top center no-repeat !important;
  background-color:#050808 !important;
}
.mu-hero::before{display:none !important;}
.mu-hero__kicker{display:none !important;}
.mu-hero{padding-top:18px !important;min-height:clamp(250px,30vw,360px) !important;padding-bottom:18px !important;}

/* remove the translucent/yellow strip behind hero buttons */
.mu-hero::after{content:none !important;display:none !important;}
.mu-hero .absolute,.mu-hero [class*="glow"],.mu-hero [class*="shine"]{filter:none !important;}

/* pull first content block closer to buttons */
.mu-hero + section,
.mu-hero + .mu-card,
.main-content .mu-card:first-of-type,
main .mu-card:first-of-type,
section.mu-card:first-of-type{
  margin-top:8px !important;
}
.mu-card.mt-6{margin-top:10px !important;}

/* dark gray instead of green-tinted blocks */
.mu-card,
.mu-news,
.mu-eventx,
.mu-hof__card,
.mu-package-card,
.mu-download-platform,
.mu-pay-method,
.mu-pay-product,
.mu-shortcuts4__item,
.mu-news__header,
.mu-news__footer,
.mu-weekly__bar,
.mu-card > .flex.items-center.justify-between,
.mu-slide__bar{
  background-image:none !important;
}
.mu-card,
.mu-news,
.mu-eventx,
.mu-hof__card,
.mu-package-card,
.mu-download-platform,
.mu-pay-method,
.mu-pay-product,
.mu-shortcuts4__item{
  background:linear-gradient(180deg, rgba(12,15,16,.96), rgba(9,12,13,.99)) !important;
  border-color:rgba(255,255,255,.07) !important;
}
.mu-news__header,
.mu-news__footer,
.mu-weekly__bar,
.mu-card > .flex.items-center.justify-between{
  background:linear-gradient(90deg, rgba(24,24,24,.96), rgba(17,19,20,.98) 38%, rgba(24,24,24,.96)) !important;
  border-bottom:1px solid rgba(214,178,109,.10) !important;
}
.mu-news__item{background:#171a1b !important;}
.mu-news__item:hover,.mu-news__item.is-active{background:#2a2d2e !important;border-color:#caa45f !important;}
.mu-news__item.is-active:before{background:#caa45f !important;}
.mu-news__item.is-active:after{background:#2a2d2e !important;border-color:#caa45f !important;}
.mu-hof__head{background:linear-gradient(180deg, #8d6729, #6f4f1d) !important;}
.mu-hof__score{color:#d6b26d !important;}

/* hero buttons area cleaner */
.mu-hero__actions{margin-top:6px !important;}
.mu-btn--hero{background:#d3b06d !important;color:#0a0d0c !important;border-color:#d3b06d !important;}
.mu-btn--ghost{background:#151919 !important;color:#e7d8b5 !important;border-color:rgba(214,178,109,.18) !important;}


/* v6: left/lower hero buttons, darker neutral bars, tighter content spacing, robust real avatar on ranking */
.mu-hero{
  padding-top:10px !important;
  min-height:clamp(235px,28vw,330px) !important;
  padding-bottom:6px !important;
}
.mu-hero__content{
  width:min(1240px,calc(100% - 28px)) !important;
  max-width:1240px !important;
  justify-items:start !important;
  text-align:left !important;
}
.mu-hero__logo{
  display:block !important;
  margin:0 auto !important;
}
.mu-hero__actions{
  width:100% !important;
  justify-content:flex-start !important;
  margin-top:26px !important;
  padding-left:44px !important;
}

/* remove remaining green-tinted separators/bars */
.mu-slide__bar,
.slider .swiper-pagination-progressbar,
.slider .swiper-pagination-progressbar-fill,
.swiper-pagination-progressbar,
.swiper-pagination-progressbar-fill{
  background:#262a2b !important;
}
.mu-slide__bar{height:4px !important;}

/* bring first content block much closer to hero buttons */
.mu-hero + section,
.mu-hero + .mu-card,
main .mu-card:first-of-type,
section.mu-card:first-of-type{
  margin-top:-20px !important;
}

/* darker neutral containers instead of any green tint */
.mu-card,
.mu-news,
.mu-eventx,
.mu-hof__card,
.mu-package-card,
.mu-download-platform,
.mu-pay-method,
.mu-pay-product,
.mu-shortcuts4__item,
.mu-hof,
.mu-events__grid > *,
.mu-news__list,
.mu-news__footer,
.mu-news__header,
.mu-weekly__bar,
.mu-card > .flex.items-center.justify-between{
  background-image:none !important;
}
.mu-news__list,
.mu-events__grid,
.mu-hof{
  background:#0f1213 !important;
}

/* login/sidebar closer to requested dark gray */
.sidebar .title,
.sidebar .cont,
.sidebar .server,
.sidebar .login,
.login-home,
.server-home,
.team-home,
.sidebar-box,
.home-sidebar .box,
.home-left .box{
  background:#17191b !important;
  border-color:rgba(255,255,255,.08) !important;
}
input,select,textarea{
  background:#222325 !important;
}

@media (max-width: 900px){
  .mu-hero__actions{
    padding-left:0 !important;
    justify-content:center !important;
  }
  .mu-hero + section,
  .mu-hero + .mu-card,
  main .mu-card:first-of-type,
  section.mu-card:first-of-type{
    margin-top:8px !important;
  }
}

/* v7: darker graphite panels, hero actions left/lower, remove remaining green tint */
:root{
  --mu-bg:#060707;
  --mu-bg-soft:#101112;
  --mu-panel:#141617;
  --mu-panel-2:#1a1d1e;
  --mu-line:rgba(214,178,109,.10);
  --mu-line-strong:rgba(214,178,109,.18);
  --mu-text:#f1eee8;
  --mu-muted:rgba(241,238,232,.68);
  --mu-accent:#caa45f;
  --mu-accent-2:#d6b26d;
  --mu-gold:#d6b26d;
}

body.mu-refactor{
  background:
    linear-gradient(180deg, rgba(5,7,7,.56) 0%, rgba(5,7,7,.86) 28%, rgba(4,5,6,.98) 100%),
    url('../images/background.png') top center no-repeat !important;
  background-color:#050606 !important;
}
body.mu-refactor:before{opacity:.10 !important;mix-blend-mode:normal !important;}

.mu-hero{
  padding-top:32px !important;
  padding-bottom:34px !important;
  min-height:clamp(320px,34vw,430px) !important;
}
.mu-hero__content{
  width:min(1240px,calc(100% - 40px)) !important;
  max-width:1240px !important;
  justify-items:start !important;
  text-align:left !important;
  padding-left:46px !important;
  padding-top:18px !important;
}
.mu-hero__logo{
  align-self:center !important;
  margin-left:clamp(260px,28vw,430px) !important;
}
.mu-hero__actions{
  justify-content:flex-start !important;
  margin-top:18px !important;
  margin-left:0 !important;
}

.mu-card,
.mu-news,
.mu-eventx,
.mu-hof__card,
.mu-package-card,
.mu-download-platform,
.mu-pay-method,
.mu-pay-product,
.mu-shortcuts4__item,
.mu-events__grid > *,
.mu-news__header,
.mu-news__footer,
.mu-weekly__bar,
.mu-card > .flex.items-center.justify-between,
.mu-nav,
.mu-nav__links,
.mu-nav__links > li > a,
.mu-nav__dropbtn,
.mu-nav__download,
.mu-nav__cta{
  background-image:none !important;
}

.mu-card,
.mu-news,
.mu-eventx,
.mu-hof__card,
.mu-package-card,
.mu-download-platform,
.mu-pay-method,
.mu-pay-product,
.mu-shortcuts4__item,
.mu-events__grid > *,
.mu-news__item,
.mu-nav,
.mu-nav__links,
.mu-nav__links > li > a,
.mu-nav__dropbtn,
.mu-nav__download,
.mu-nav__cta,
.mu-btn--ghost{
  background:#131617 !important;
}

.mu-news__header,
.mu-news__footer,
.mu-weekly__bar,
.mu-card > .flex.items-center.justify-between{
  background:linear-gradient(90deg, #171411 0%, #161819 45%, #171411 100%) !important;
}

.mu-events__grid,
.mu-hof,
.mu-hof__grid,
.mu-news__list,
.mu-card .p-3,
.mu-card .grid,
.mu-card .flex{
  background:transparent !important;
}

.mu-slide__bar,
.mu-news__item.is-active:before,
.mu-news__item.is-active:after{
  background:#caa45f !important;
}

.mu-eventx__countdown,
.mu-hof__score{color:#d6b26d !important;}

.mu-news__item,
.mu-eventx,
.mu-hof__card,
.mu-events__grid > *{
  border-color:rgba(255,255,255,.06) !important;
}

.mu-news__item:hover,
.mu-news__item.is-active,
.mu-eventx:hover,
.mu-hof__card:hover,
.mu-events__grid > *:hover{
  background:#1b1e1f !important;
  border-color:#caa45f !important;
}

.mu-nav__links > li > a:hover,
.mu-nav__dropbtn:hover,
.mu-nav__drop:hover .mu-nav__dropbtn,
.mu-nav__download:hover,
.mu-nav__cta:hover{
  background:#1b1e1f !important;
  color:#d6b26d !important;
}

@media (max-width: 980px){
  .mu-hero__content{padding-left:18px !important;justify-items:center !important;text-align:center !important;}
  .mu-hero__logo{margin-left:0 !important;}
  .mu-hero__actions{justify-content:center !important;}
}


/* v8 overrides: darker graphite theme and hero/menu adjustments */
body.mu-refactor{
  background-color:#070707 !important;
}
.mu-nav{
  background:rgba(8,8,8,.94) !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  box-shadow:none !important;
}
.mu-nav__inner{min-height:58px !important;display:flex;align-items:center;justify-content:flex-start;}
.mu-nav__brand{display:flex;align-items:center;min-width:64px;}
.mu-nav__spacer{flex:1;}
.mu-hero{
  min-height:520px !important;
  padding:10px 0 0 !important;
  display:block !important;
}
.mu-hero__content{
  width:min(1240px,calc(100% - 28px)) !important;
  margin:0 auto !important;
  display:block !important;
  text-align:left !important;
  padding-left:52px !important;
  padding-top:0 !important;
}
.mu-hero__logo{
  display:block;
  margin:0 auto;
}
.mu-hero__subtitle,.mu-hero__kicker,.mu-hero__fx{display:none !important;}
.mu-hero__actions{
  justify-content:flex-start !important;
  gap:10px !important;
}
.mu-hero__actions--full{
  margin-top:18px !important;
  margin-left:0 !important;
  padding-left:0 !important;
  position:relative;
  top:8px;
}
.mu-btn,
a.mu-btn,
button.mu-btn{
  border-radius:0 !important;
  background:#1a1a1a !important;
  border:1px solid rgba(212,176,106,.18) !important;
  color:#e8d3a0 !important;
  box-shadow:none !important;
  padding:14px 18px !important;
}
.mu-btn--hero{background:#d4b06a !important;color:#111 !important;}
.mu-btn--ghost{background:#171717 !important;color:#e8d3a0 !important;}
.mu-card,
.mu-news,
.mu-download-card,
.mu-download-specs__tableWrap,
.mu-pay-modal__box,
.mu-achievement-panel,
.mu-package-card,
.mu-hof__card,
.mu-pay-statusbox,
.mu-pay-summary,
.mu-pay-fieldset,
.mu-public-grid > *,
.mu-post,
section[class*="mu-card"],
section.mu-section,
.bg-neutral-900\/60,
.bg-neutral-800\/60,
.mu-eventx,
.mu-package-card,
.mu-download-platform,
.mu-pay-method,
.mu-pay-product,
.mu-shortcuts4__item,
.mu-stat,
.mu-online,
.mu-topbar{
  background:#111111 !important;
  border-color:rgba(255,255,255,.08) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.mu-news__header,
.mu-news__footer,
.mu-weekly__bar,
.mu-nav__menu,
.mu-nav__download,
.mu-nav__cta{
  background:#151515 !important;
  border-radius:0 !important;
}
.mu-news__item{
  background:#171717 !important;
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.06) !important;
}
.mu-news__item:hover,
.mu-news__item.is-active{
  background:#222222 !important;
  border-color:#d4b06a !important;
}
.mu-news__list{padding:14px !important;background:#111111 !important;}
.mu-slide__frame,
.mu-slide__img,
.mu-nav__menu,
.mu-eventx,
.mu-hof__card{border-radius:0 !important;}
.mu-slide__bar{background:#202020 !important;height:0 !important;}
main.mu-container{margin-top:-22px !important;}
section.mu-card:first-of-type{margin-top:0 !important;}
.mu-footer{background:#090909 !important;}
@media (max-width: 900px){
  .mu-hero__content{padding-left:20px !important;}
  .mu-hero__actions--full{top:0 !important;}
}

/* v10: balance hero/logo/buttons and pull content closer without breaking layout */
.mu-hero{
  min-height:clamp(300px,34vw,420px) !important;
  padding-top:18px !important;
  padding-bottom:8px !important;
}
.mu-hero__content{
  max-width:1240px !important;
  width:100% !important;
  justify-items:start !important;
  text-align:left !important;
  padding-left:84px !important;
  gap:12px !important;
}
.mu-hero__logo{
  margin-left:0 !important;
  max-height:190px !important;
  width:auto !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  justify-content:flex-start !important;
  align-items:center !important;
  gap:12px !important;
  margin-top:8px !important;
}
main.mu-container{
  margin-top:-56px !important;
}
.mu-hero + section,
.mu-hero + .mu-card,
main .mu-card:first-of-type,
section.mu-card:first-of-type{
  margin-top:0 !important;
}

/* remove dark overlay from slider/news image area */
.mu-slide__frame:after,
.mu-slide__overlay,
.mu-slide__bar{
  display:none !important;
  background:none !important;
}
.mu-slide__frame,
.mu-slide__img,
.mu-slide__img img,
.slider_web .swiper-slide img{
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

/* dark graphite panels instead of green tint */
.mu-card,
.mu-news,
.mu-news__header,
.mu-news__footer,
.mu-weekly__bar,
.mu-card > .flex.items-center.justify-between,
.mu-news__list,
.mu-eventx,
.mu-hof__card{
  background:#111213 !important;
  background-image:none !important;
}

@media (max-width: 900px){
  .mu-hero{
    min-height:clamp(220px,38vw,280px) !important;
    padding-top:10px !important;
    padding-bottom:6px !important;
  }
  .mu-hero__content{
    padding-left:18px !important;
    justify-items:start !important;
    text-align:left !important;
  }
  .mu-hero__logo{
    max-height:120px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    justify-content:flex-start !important;
    gap:8px !important;
    margin-top:6px !important;
  }
  main.mu-container{
    margin-top:-20px !important;
  }
}


/* v11: corrige exagero do topo; logo e botoes descem e voltam para a direita */
.mu-hero{
  min-height: 430px !important;
  padding-top: 34px !important;
  padding-bottom: 18px !important;
}
.mu-hero__content{
  width: min(1240px, calc(100% - 28px)) !important;
  max-width: 1240px !important;
  padding-left: 128px !important;
  padding-top: 18px !important;
  text-align: left !important;
}
.mu-hero__logo{
  max-height: 215px !important;
  margin-left: 0 !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  margin-top: 18px !important;
  gap: 12px !important;
  justify-content: flex-start !important;
}
main.mu-container{
  margin-top: -8px !important;
}
section.mu-card:first-of-type{
  margin-top: 0 !important;
}
.mu-slide__frame{
  min-height: 460px !important;
}
.mu-slide__img,
.slider_web .swiper-slide img{
  filter: none !important;
  opacity: 1 !important;
  brightness: 1 !important;
}
.mu-slide__frame:before,
.mu-slide__frame:after,
.mu-slide__overlay{
  background: none !important;
  display: none !important;
}
.mu-card,
.mu-news,
.mu-news__header,
.mu-news__footer,
.mu-weekly__bar,
.mu-news__list,
.mu-eventx,
.mu-hof__card,
.mu-slide__frame{
  background: #111111 !important;
  background-image: none !important;
}
@media (max-width: 900px){
  .mu-hero{
    min-height: 300px !important;
    padding-top: 18px !important;
    padding-bottom: 12px !important;
  }
  .mu-hero__content{
    padding-left: 22px !important;
    padding-top: 8px !important;
  }
  .mu-hero__logo{
    max-height: 130px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    margin-top: 12px !important;
    gap: 8px !important;
  }
  main.mu-container{
    margin-top: 0 !important;
  }
}

/* v12: centraliza logo de verdade e desce/leva botoes mais para a esquerda */
.mu-hero{
  min-height: 500px !important;
  padding-top: 26px !important;
  padding-bottom: 12px !important;
}
.mu-hero__content{
  width: min(1280px, calc(100% - 40px)) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-top: 10px !important;
  display: grid !important;
  justify-items: center !important;
  text-align: center !important;
}
.mu-hero__logo{
  display: block !important;
  max-height: 225px !important;
  margin: 0 auto !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  width: min(1280px, calc(100% - 40px)) !important;
  margin-top: 34px !important;
  padding-left: 110px !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}
main.mu-container{
  margin-top: -56px !important;
}
section.mu-card:first-of-type,
main .mu-card:first-of-type{
  margin-top: 0 !important;
}
@media (max-width: 900px){
  .mu-hero{
    min-height: 320px !important;
    padding-top: 16px !important;
  }
  .mu-hero__content{
    width: calc(100% - 20px) !important;
    padding-top: 4px !important;
  }
  .mu-hero__logo{
    max-height: 145px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    width: calc(100% - 20px) !important;
    margin-top: 20px !important;
    padding-left: 12px !important;
    gap: 8px !important;
  }
  main.mu-container{
    margin-top: -12px !important;
  }
}


/* v13: move hero buttons lower and further left; themed header art for upcoming events */
.mu-hero{
  min-height: 500px !important;
}
.mu-hero__content{
  width: min(1280px, calc(100% - 40px)) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  justify-items: center !important;
  text-align: center !important;
}
.mu-hero__logo{
  display:block !important;
  margin:0 auto !important;
  max-height:225px !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  width: min(1280px, calc(100% - 40px)) !important;
  justify-content: flex-start !important;
  padding-left: 38px !important;
  margin-top: 74px !important;
  gap: 12px !important;
}
main.mu-container{
  margin-top: -34px !important;
}
.mu-weekly__bar{
  min-height: 76px;
  border: 1px solid #2f2517;
}
.mu-weekly__bar .mu-weekly__title{
  position: relative;
  z-index: 1;
}
@media (max-width: 900px){
  .mu-hero{
    min-height: 340px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    width: calc(100% - 20px) !important;
    padding-left: 12px !important;
    margin-top: 26px !important;
    justify-content: flex-start !important;
  }
  main.mu-container{
    margin-top: -10px !important;
  }
}

/* v14: remove top black nav bar and pull first content block closer to hero buttons */
.mu-nav{
  display:none !important;
}
body.mu-refactor{
  padding-top:0 !important;
}
.mu-hero{
  min-height:360px !important;
  padding-top:18px !important;
  padding-bottom:0 !important;
}
.mu-hero__content{
  padding-top:8px !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  margin-top:20px !important;
}
main.mu-container{
  margin-top:-95px !important;
}
main.mu-container > section.mu-card:first-of-type{
  margin-top:0 !important;
}
@media (max-width: 900px){
  .mu-hero{
    min-height:280px !important;
    padding-top:10px !important;
  }
  main.mu-container{
    margin-top:-35px !important;
  }
}

/* v15: sobe os botões da hero para perto da área marcada */
.mu-hero{
  min-height: 300px !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
}
.mu-hero__content{
  padding-top: 0 !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  margin-top: 4px !important;
  padding-left: 38px !important;
}
main.mu-container{
  margin-top: -52px !important;
}
@media (max-width: 900px){
  .mu-hero{
    min-height: 240px !important;
    padding-top: 6px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    margin-top: 8px !important;
    padding-left: 12px !important;
  }
  main.mu-container{
    margin-top: -16px !important;
  }
}

/* v16: sobe visualmente os botoes para a faixa marcada, sem sobrepor o conteudo abaixo */
.mu-hero{
  min-height: 360px !important;
  padding-top: 8px !important;
  padding-bottom: 0 !important;
}
.mu-hero__content{
  padding-top: 0 !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  position: relative !important;
  top: -70px !important;
  margin-top: 0 !important;
  padding-left: 38px !important;
  justify-content: flex-start !important;
}
main.mu-container{
  margin-top: -18px !important;
}
@media (max-width: 900px){
  .mu-hero{
    min-height: 260px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    top: -22px !important;
    padding-left: 12px !important;
  }
  main.mu-container{
    margin-top: 0 !important;
  }
}

/* v17: botões beirando o conteúdo, sem subir demais */
.mu-hero{
  min-height: 350px !important;
  padding-top: 8px !important;
  padding-bottom: 0 !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  top: -34px !important;
  margin-top: 0 !important;
  padding-left: 38px !important;
  justify-content: flex-start !important;
}
main.mu-container{
  margin-top: -28px !important;
}
@media (max-width: 900px){
  .mu-hero{
    min-height: 250px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    top: -10px !important;
    padding-left: 12px !important;
  }
  main.mu-container{
    margin-top: 0 !important;
  }
}

/* v18: desce um pouco mais os botões, ainda beirando o conteúdo */
.mu-hero{
  min-height: 356px !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  top: -18px !important;
  margin-top: 0 !important;
  padding-left: 38px !important;
  justify-content: flex-start !important;
}
main.mu-container{
  margin-top: -16px !important;
}
@media (max-width: 900px){
  .mu-hero{
    min-height: 258px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    top: -4px !important;
    padding-left: 12px !important;
  }
  main.mu-container{
    margin-top: 0 !important;
  }
}

/* v19: desce mais os botões para ficarem próximos da faixa marcada, sem encostar no conteúdo */
.mu-hero{
  min-height: 360px !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  top: 14px !important;
  margin-top: 0 !important;
  padding-left: 38px !important;
  justify-content: flex-start !important;
}
main.mu-container{
  margin-top: -22px !important;
}
@media (max-width: 900px){
  .mu-hero{
    min-height: 262px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    top: 6px !important;
    padding-left: 12px !important;
  }
  main.mu-container{
    margin-top: 0 !important;
  }
}

/* v20: desce mais os botoes e troca o losango da noticia pelo icone enviado */
.mu-hero{
  min-height: 372px !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  top: 42px !important;
  padding-left: 38px !important;
  justify-content: flex-start !important;
}
main.mu-container{
  margin-top: -24px !important;
}

.mu-news__item.is-active:after{
  width: 34px !important;
  height: 34px !important;
  left: -18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important rotate(0deg) !important;
  background: url('../images/news-active-icon.png') center center / contain no-repeat !important;
  border: none !important;
  box-shadow: none !important;
}

@media (max-width: 900px){
  .mu-hero{
    min-height: 272px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    top: 18px !important;
    padding-left: 12px !important;
  }
  main.mu-container{
    margin-top: 0 !important;
  }
}

/* v21: desce mais os botões até perto da faixa marcada e adiciona hover fill dourado */
.mu-hero{
  min-height: 408px !important;
  padding-top: 8px !important;
  padding-bottom: 0 !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  top: 84px !important;
  margin-top: 0 !important;
  padding-left: 36px !important;
  justify-content: flex-start !important;
}
main.mu-container{
  margin-top: -18px !important;
}

.mu-btn{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
.mu-btn::before{
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(156,100,33,.92), rgba(198,146,67,.92)) !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .28s ease !important;
  z-index: -1 !important;
}
.mu-btn:hover::before,
.mu-btn:focus-visible::before{
  transform: scaleX(1) !important;
}
.mu-btn:hover,
.mu-btn:focus-visible{
  color: #0d0d0d !important;
  border-color: rgba(198,146,67,.9) !important;
}

@media (max-width: 900px){
  .mu-hero{
    min-height: 286px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    top: 24px !important;
    padding-left: 12px !important;
  }
  main.mu-container{
    margin-top: 0 !important;
  }
}

/* v22: desce os botoes ~10% e ajusta icone da noticia para formato do marcador original */
.mu-hero{
  min-height: 420px !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  top: 98px !important;
  padding-left: 36px !important;
  justify-content: flex-start !important;
}

.mu-news__item.is-active:after{
  width: 28px !important;
  height: 28px !important;
  left: -14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: url('../images/news-active-icon.png') center center / 74% 74% no-repeat, #111111 !important;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%) !important;
  border: none !important;
  box-shadow: inset 0 0 0 1px #caa45f !important;
}

@media (max-width: 900px){
  .mu-hero{
    min-height: 296px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    top: 30px !important;
    padding-left: 12px !important;
  }
  .mu-news__item.is-active:after{
    width: 24px !important;
    height: 24px !important;
    left: -10px !important;
  }
}

/* v25: sobe mais o conteúdo e reduz o espaço entre botões e conteúdo */
.mu-hero{
  min-height: 396px !important;
}
.mu-hero__actions,
.mu-hero__actions--full{
  top: 92px !important;
}
main.mu-container{
  margin-top: -46px !important;
}
main.mu-container > section.mu-card:first-of-type,
main.mu-container section.mu-card:first-of-type{
  margin-top: 0 !important;
}

@media (max-width: 900px){
  .mu-hero{
    min-height: 280px !important;
  }
  .mu-hero__actions,
  .mu-hero__actions--full{
    top: 24px !important;
  }
  main.mu-container{
    margin-top: -8px !important;
  }
}

/* v26: sobe um pouco os botões para alinhar com o topo do conteúdo */
.mu-hero{min-height:388px !important;}
.mu-hero__actions,
.mu-hero__actions--full{top:74px !important;}
main.mu-container{margin-top:-34px !important;}
@media (max-width: 900px){
  .mu-hero{min-height:276px !important;}
  .mu-hero__actions,
  .mu-hero__actions--full{top:20px !important;}
  main.mu-container{margin-top:-6px !important;}
}

/* v27: sobe mais o conteúdo para aproximar dos botões */
.mu-hero{min-height:388px !important;}
.mu-hero__actions,
.mu-hero__actions--full{top:74px !important;}
main.mu-container{margin-top:-58px !important;}
main.mu-container > section.mu-card:first-of-type,
main.mu-container section.mu-card:first-of-type{margin-top:0 !important;}

@media (max-width: 900px){
  .mu-hero{min-height:276px !important;}
  .mu-hero__actions,
  .mu-hero__actions--full{top:20px !important;}
  main.mu-container{margin-top:-12px !important;}
}

/* v28: a partir da v26, desce um pouco o conteúdo mantendo os botões */
.mu-hero{min-height:388px !important;}
.mu-hero__actions,
.mu-hero__actions--full{top:74px !important;}
main.mu-container{margin-top:-22px !important;}
main.mu-container > section.mu-card:first-of-type,
main.mu-container section.mu-card:first-of-type{margin-top:0 !important;}
@media (max-width: 900px){
  .mu-hero{min-height:276px !important;}
  .mu-hero__actions,
  .mu-hero__actions--full{top:20px !important;}
  main.mu-container{margin-top:-2px !important;}
}

/* v29: sobe um pouco o conteúdo e move os botões mais para a esquerda */
.mu-hero{min-height:388px !important;}
.mu-hero__actions,
.mu-hero__actions--full{top:74px !important;padding-left:18px !important;justify-content:flex-start !important;}
main.mu-container{margin-top:-30px !important;}
main.mu-container > section.mu-card:first-of-type,
main.mu-container section.mu-card:first-of-type{margin-top:0 !important;}
@media (max-width: 900px){
  .mu-hero{min-height:276px !important;}
  .mu-hero__actions,
  .mu-hero__actions--full{top:20px !important;padding-left:10px !important;}
  main.mu-container{margin-top:-4px !important;}
}


/* v30+: compact upcoming events section */
.mu-upcoming{
  position:relative;
  overflow:hidden;
  border:1px solid #343434;
  background:linear-gradient(180deg,#161616 0%,#0f0f0f 100%);
  box-shadow:0 0 24px rgba(0,0,0,.22);
}
.mu-upcoming:before{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at top right, rgba(183,128,53,.08), transparent 28%), radial-gradient(circle at bottom left, rgba(123,76,25,.06), transparent 24%);
}
.mu-upcoming__head{
  position:relative;
  display:flex; align-items:flex-end; justify-content:space-between; gap:16px;
  padding:16px 18px;
  border-bottom:1px solid #2a2a2a;
  background-image:linear-gradient(180deg,rgba(12,12,12,.80) 0%,rgba(12,12,12,.92) 100%), url(../images/barra-proximos-eventos.png);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.mu-upcoming__eyebrow{
  margin-bottom:4px;
  font-size:10px;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#9c8a6a;
}
.mu-upcoming__title{
  font-family:"Cinzel","Trajan Pro",serif;
  font-size:32px; font-weight:900;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#d2aa64;
}
.mu-upcoming__subtitle{
  margin-top:8px;
  max-width:760px;
  font-size:12px;
  color:#b7aa94;
}
.mu-upcoming__calendar{
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center;
  height:40px; padding:0 16px;
  border:1px solid #6c4c24;
  background:#161616; color:#e7d5b3; text-decoration:none;
  font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  transition:all .3s ease;
}
.mu-upcoming__calendar:before{
  content:""; position:absolute; inset:0 auto 0 0; width:0;
  background:linear-gradient(90deg,#7b4c19 0%,#b78035 100%);
  transition:width .3s ease; z-index:0;
}
.mu-upcoming__calendar span, .mu-upcoming__calendar{ z-index:1; }
.mu-upcoming__calendar:hover{ border-color:#b7792b; color:#fff0d0; }
.mu-upcoming__calendar:hover:before{ width:100%; }
.mu-upcoming__grid{
  position:relative;
  display:grid; grid-template-columns: 1.45fr .95fr; gap:14px;
  padding:14px;
}
.mu-upcoming__featuredCard, .mu-upcoming__mini{
  position:relative; overflow:hidden;
}
.mu-upcoming__featuredCard{
  border:1px solid #5b4529;
  background:linear-gradient(180deg,#1b1b1b 0%,#121212 100%);
}
.mu-upcoming__featuredGlow{
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at top right, rgba(255,146,45,.08), transparent 30%);
}
.mu-upcoming__featuredInner{
  position:relative;
  display:flex; flex-direction:column; justify-content:space-between;
  min-height:214px; padding:16px;
}
.mu-upcoming__tag{
  margin-bottom:8px; font-size:10px; font-weight:600; letter-spacing:.30em; text-transform:uppercase; color:#a58f72;
}
.mu-upcoming__eventName{
  font-size:30px; font-weight:900; line-height:1; letter-spacing:.08em; text-transform:uppercase; color:#f0ddb8;
}
.mu-upcoming__count{
  border:1px solid #7a562b; background:#141414; padding:10px 12px; text-align:right; min-width:120px;
}
.mu-upcoming__countLabel, .mu-upcoming__metaLabel, .mu-upcoming__miniLabel{
  font-size:9px; letter-spacing:.28em; text-transform:uppercase; color:#8f7756;
}
.mu-upcoming__countValue{
  margin-top:4px; font-size:18px; font-weight:900; letter-spacing:.08em; color:#ffbe67;
}
.mu-upcoming__desc{
  margin-top:14px; max-width:680px; font-size:12px; line-height:1.7; color:#dac9ab;
}
.mu-upcoming__metaGrid{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:14px;
}
.mu-upcoming__meta{
  border:1px solid #2f2f2f; background:#131313; padding:12px; transition:all .3s ease;
}
.mu-upcoming__featuredCard:hover .mu-upcoming__meta{ border-color:#6b4b22; }
.mu-upcoming__metaValue{
  margin-top:4px; font-size:15px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; color:#f0dfbd;
}
.mu-upcoming__side{
  display:grid; gap:10px;
  align-content:start;
  max-height:286px;
  overflow-y:auto;
  padding-right:6px;
}
.mu-upcoming__side::-webkit-scrollbar{ width:8px; }
.mu-upcoming__side::-webkit-scrollbar-track{ background:#121212; }
.mu-upcoming__side::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#6c4c24 0%,#b78035 100%); border:1px solid #1a1a1a; }
.mu-upcoming__side{ scrollbar-color:#8d622d #121212; scrollbar-width:thin; }
.mu-upcoming__mini{
  border:1px solid #363636;
  background:linear-gradient(180deg,#1a1a1a 0%,#111111 100%);
  transition:all .3s ease;
  min-height:138px;
}
.mu-upcoming__mini:before{
  content:""; position:absolute; inset:0; opacity:0; transition:opacity .3s ease;
  box-shadow:inset 0 0 0 1px rgba(207,147,70,.7);
}
.mu-upcoming__mini:hover{ border-color:#7b5528; box-shadow:0 0 16px rgba(176,96,24,.12); }
.mu-upcoming__mini:hover:before{ opacity:1; }
.mu-upcoming__miniInner{ padding:12px 14px; }
.mu-upcoming__miniTop{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.mu-upcoming__miniName{ font-size:18px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; color:#ebd7b0; }
.mu-upcoming__miniMap{ margin-top:4px; font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:#a28a69; }
.mu-upcoming__miniTime{ margin-top:4px; font-size:16px; font-weight:900; color:#ffbe67; }
.mu-upcoming__miniBottom{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; padding-top:10px; border-top:1px solid #262626; }
.mu-upcoming__miniCount{ font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; color:#f0dfbd; }
@media (max-width: 980px){
  .mu-upcoming__grid{ grid-template-columns:1fr; }
  .mu-upcoming__side{ max-height:none; overflow:visible; padding-right:0; }
}
@media (max-width: 640px){
  .mu-upcoming__head{ flex-direction:column; align-items:flex-start; }
  .mu-upcoming__title{ font-size:24px; }
  .mu-upcoming__featuredInner{ min-height:auto; }
  .mu-upcoming__eventName{ font-size:22px; }
  .mu-upcoming__metaGrid{ grid-template-columns:1fr; }
  .mu-upcoming__miniTop{ flex-direction:column; }
}


.mu-weekly__head{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  overflow:hidden;
  min-height:110px;
  padding:16px 18px;
  border-bottom:1px solid #2a2a2a;
  background-image:linear-gradient(180deg,rgba(12,12,12,.78) 0%,rgba(12,12,12,.90) 100%), url(../images/ranking2-local.png);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#0d0d0d;
}
.mu-weekly__head:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at top right, rgba(183,128,53,.08), transparent 28%), radial-gradient(circle at bottom left, rgba(123,76,25,.06), transparent 24%);
}
.mu-weekly__headwrap,
.mu-weekly__head .mu-weekly__title,
.mu-weekly__head .mu-weekly__subtitle,
.mu-weekly__head .mu-weekly__headbtn{
  position:relative;
  z-index:1;
}
.mu-weekly__headbtn{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 16px;
  border:1px solid #6c4c24;
  background:#161616;
  color:#e7d5b3;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  transition:all .3s ease;
}
.mu-weekly__headbtn:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:0;
  background:linear-gradient(90deg,#7b4c19 0%,#b78035 100%);
  transition:width .3s ease;
  z-index:0;
}
.mu-weekly__headbtn:hover{
  border-color:#b7792b;
  color:#fff0d0;
}
.mu-weekly__headbtn:hover:before{ width:100%; }
@media (max-width: 768px){
  .mu-weekly__head{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* alinhar slider com noticias e remover sobra abaixo da imagem */
@media (min-width: 1024px){
  .mu-card > .grid{
    align-items:start !important;
  }

  .mu-slider,
  .mu-slider .swiper,
  .mu-slider .swiper-wrapper,
  .mu-slider .swiper-slide,
  .mu-slide__frame{
    height:auto !important;
    min-height:0 !important;
  }

  .mu-news{
    height:520px !important;
    min-height:520px !important;
    max-height:520px !important;
    display:flex !important;
    flex-direction:column !important;
    align-self:start !important;
    overflow:hidden !important;
  }

  .mu-news__list{
    flex:1 1 auto !important;
    overflow-y:auto !important;
    min-height:0 !important;
    padding-right:6px !important;
  }

  .mu-news__list::-webkit-scrollbar{
    width:8px;
  }

  .mu-news__list::-webkit-scrollbar-track{
    background:#121212;
  }

  .mu-news__list::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#6c4c24 0%,#b78035 100%);
    border:1px solid #1a1a1a;
  }

  .mu-news__list{
    scrollbar-color:#8d622d #121212;
    scrollbar-width:thin;
  }
}

/* Botão WhatsApp no menu principal */
.mu-btn--whatsapp,
a.mu-btn--whatsapp{
  background:linear-gradient(135deg,#25d366,#128c4a) !important;
  border-color:rgba(37,211,102,.65) !important;
  color:#ffffff !important;
  box-shadow:0 10px 26px rgba(37,211,102,.22) !important;
}
.mu-btn--whatsapp:hover,
a.mu-btn--whatsapp:hover{
  background:linear-gradient(135deg,#2ee875,#0f7f43) !important;
  border-color:rgba(37,211,102,.9) !important;
  color:#ffffff !important;
}