@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;700;800&display=swap');

:root{
  --blood:#5a2106;
  --blood-2:#5a2106;
  --blood-dark:#160801;
  --charcoal:#0b0b0d;
  --charcoal-2:#151517;
  --charcoal-3:#202124;
  --steel:#7f8084;
  --text:#eee8dc;
  --muted:#9d9a93;
  --line:rgba(90,33,6,.72);
  --line-soft:rgba(255,255,255,.10);
  --shadow:0 20px 60px rgba(0,0,0,.65);
}

html,body{min-height:100%;}
body.muonline-red{
  margin:0 !important;
  color:var(--text) !important;
  font-family:Inter,Arial,sans-serif !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(90,33,6,.22), transparent 38%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.82)),
    url('../images/muonline-page-bg.jpg') center top/cover fixed no-repeat,
    #09090a !important;
}
body.muonline-red:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 3px);
  opacity:.35;
}
body.muonline-red *{box-sizing:border-box;border-radius:0 !important;}
body.muonline-red a{text-decoration:none;color:inherit;}

.mu-page-frame{
  position:relative;z-index:1;width:min(1450px,calc(100% - 24px));margin:8px auto 26px;
  border:1px solid #1d1d1f;background:linear-gradient(180deg,rgba(11,11,13,.96),rgba(5,5,6,.98));
  box-shadow:0 0 0 2px rgba(255,255,255,.025),0 0 0 5px rgba(0,0,0,.45),var(--shadow);
  overflow:hidden;
}
.mu-page-frame:before,.mu-page-frame:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--blood),transparent);z-index:3;}
.mu-page-frame:before{top:56px}.mu-page-frame:after{bottom:64px}

.mu-red-header{position:relative;background:#060607;border-bottom:1px solid rgba(255,255,255,.08);}
.mu-red-topline{height:54px;background:linear-gradient(180deg,#080809,#030304);border-bottom:1px solid #160801;}
.mu-red-hero{height:260px;display:block;position:relative;background:url('../images/BannerVox.png') center center/100% 100% no-repeat #060607;border-bottom:1px solid rgba(90,33,6,.45);overflow:hidden;}
.mu-red-hero__shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(0,0,0,.05),rgba(0,0,0,.55) 72%),linear-gradient(90deg,rgba(0,0,0,.16),transparent 28%,transparent 72%,rgba(0,0,0,.16));}
.mu-red-hero__content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;}
.mu-red-hero__content h1{font-family:Cinzel,serif;font-size:clamp(50px,7vw,92px);line-height:.9;margin:10px 0 8px;color:#d8d3cb;letter-spacing:.045em;text-shadow:0 3px 0 #111,0 0 20px rgba(90,33,6,.48),0 0 2px #fff;}
.mu-red-hero__content p{font-family:Cinzel,serif;margin:0;color:#d9cec0;letter-spacing:.42em;font-size:clamp(14px,2vw,24px);text-shadow:0 2px 0 #000;}
.mu-red-hero__gem{width:18px;height:18px;transform:rotate(45deg);background:radial-gradient(circle,#a95627 0 18%,#5a2106 19% 48%,#160801 49% 100%);border:1px solid #5a2106;box-shadow:0 0 22px rgba(90,33,6,.8);}

.mu-red-menu{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:8px 18px 10px;background:#060607;border-top:1px solid rgba(255,255,255,.06);}
.mu-red-menu a{height:55px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Cinzel,serif;text-transform:uppercase;font-weight:700;font-size:16px;letter-spacing:0;color:#eee3d3;background:linear-gradient(180deg,#1d1d1f,#0b0b0c);border:1px solid #3a3a3d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 -2px 0 rgba(90,33,6,.55);transition:.18s ease;}
.mu-red-menu a span{color:#5a2106;font-size:22px;line-height:1;text-shadow:0 0 12px rgba(90,33,6,.45);}
.mu-red-menu a:hover{background:linear-gradient(180deg,#1a0902,#070201);border-color:var(--blood-2);color:#fff;transform:translateY(-1px);}

.mu-red-container{padding:12px 18px 18px;min-height:520px;}
.mu-home-grid{display:grid;grid-template-columns:400px 1fr;gap:14px;align-items:start;}
.mu-left-column,.mu-main-column{display:grid;gap:14px;}
.mu-main-column{grid-template-rows:auto auto auto;}

.mu-red-panel,.mu-feature-panel{position:relative;background:linear-gradient(180deg,rgba(18,18,20,.97),rgba(8,8,9,.98));border:1px solid #2d2e31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 14px 30px rgba(0,0,0,.35);overflow:hidden;}
.mu-red-panel:before,.mu-feature-panel:before{content:"";position:absolute;inset:3px;border:1px solid rgba(90,33,6,.42);pointer-events:none;}
.mu-red-title{height:42px;margin:8px 8px 0;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(90deg,#140701,#5a2106 50%,#140701);border:1px solid rgba(90,33,6,.82);font-family:Cinzel,serif;color:#f1e7d8;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 2px 0 #000;}
.mu-red-title span{display:block;width:70px;height:1px;background:linear-gradient(90deg,transparent,#5a2106);position:relative;}
.mu-red-title span:after{content:"";position:absolute;right:-5px;top:-3px;width:7px;height:7px;border:1px solid #5a2106;transform:rotate(45deg);background:#160801;}
.mu-red-title span:last-child{transform:scaleX(-1);}

.mu-login-panel{min-height:240px;}
.mu-login-form{padding:18px 34px 10px;display:grid;gap:14px;}
.mu-login-form label{height:50px;background:linear-gradient(180deg,#f3f3f3,#d8d8d8);border:1px solid #fff;box-shadow:inset 0 0 10px rgba(0,0,0,.22);display:flex;align-items:center;padding:0 14px;gap:12px;color:#555;}
.mu-login-form label span{font-size:18px;filter:grayscale(1);opacity:.85;}
.mu-login-form input{width:100%;border:0!important;outline:0;background:transparent!important;color:#222!important;font-weight:800;text-transform:uppercase;font-size:13px;}
.mu-red-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;background:linear-gradient(180deg,#5a2106,#1b0902);border:1px solid #7a2b08;color:#fff!important;font-family:Cinzel,serif;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 0 #000;box-shadow:inset 0 0 20px rgba(0,0,0,.25),0 0 18px rgba(90,33,6,.22);cursor:pointer;}
.mu-red-button:hover{filter:brightness(1.15);}
.mu-link-red{display:block;text-align:center;color:#5a2106!important;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.04em;margin:10px 0 14px;}
.mu-account-box{padding:22px 30px;display:grid;gap:10px;text-align:center;}
.mu-account-box strong{font-family:Cinzel,serif;font-size:22px;color:#fff}.mu-account-box small{color:var(--muted);}

.mu-donor-panel{min-height:382px;}
.mu-donor-row{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center;margin:12px 28px 0;padding-bottom:10px;border-bottom:1px dotted rgba(255,255,255,.13);}
.mu-donor-avatar{width:76px;height:76px;border:1px solid var(--blood-2);background:#111;display:grid;place-items:center;box-shadow:inset 0 0 18px #000;}
.mu-donor-avatar img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(90,33,6,.25));}
.mu-donor-row strong{display:block;font-family:Cinzel,serif;color:#5a2106;font-size:23px;text-transform:uppercase;text-shadow:0 2px #000;}
.mu-donor-row em{display:block;font-style:normal;font-family:Cinzel,serif;color:#eee;font-size:16px;text-transform:uppercase;margin-top:2px;}
.mu-prize{margin:12px 28px 16px;font-size:18px;gap:12px;}

.mu-feature-panel{height:250px;background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),url('../images/muonline-feature.jpg') center/cover no-repeat #050505;border-color:#1b0902;}
.mu-content-panel{min-height:178px;}
.mu-best-panel{min-height:190px;}
.mu-content-body{position:relative;padding:18px;min-height:116px;color:#d8d0c6;}
.mu-news-list-red{display:grid;grid-template-columns:1fr;gap:0;}
.mu-news-item-red{border-bottom:1px solid rgba(255,255,255,.14);}
.mu-news-item-red:last-child{border-bottom:0;}
.mu-news-item-red a{display:grid;gap:8px;padding:10px 8px 12px;color:inherit;transition:.18s ease;}
.mu-news-item-red a:hover{background:rgba(90,33,6,.12);}
.mu-news-item-red strong{font-family:Inter,Arial,sans-serif;color:#ffffff;font-size:16px;font-weight:700;line-height:1.1;text-transform:none;}
.mu-news-item-red strong span{color:#ffffff;}
.mu-news-item-red p{margin:0;color:#f1efe8;font-size:14px;line-height:1.3;}
.mu-empty-red{height:82px;display:grid;place-items:center;color:rgba(238,232,220,.55);font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.1em;background:rgba(0,0,0,.12);}

.mu-red-footer{height:64px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#161618,#09090a);border-top:1px solid #151515;color:rgba(238,232,220,.55);font-size:12px;text-transform:uppercase;letter-spacing:.08em;}

/* Visual aplicado também às páginas internas sem quebrar o PHP original */
.muonline-red .mu-card,.muonline-red .bg-neutral-900\/60,.muonline-red .bg-neutral-800\/60,.muonline-red section[class*="mu-card"]{background:linear-gradient(180deg,rgba(18,18,20,.97),rgba(8,8,9,.98))!important;border:1px solid #2d2e31!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 14px 30px rgba(0,0,0,.35)!important;color:var(--text)!important;}
.muonline-red .mu-title,.muonline-red h1,.muonline-red h2,.muonline-red h3{font-family:Cinzel,serif;color:#f1e7d8!important;text-transform:uppercase;}
.muonline-red input,.muonline-red select,.muonline-red textarea{background:#e6e6e6!important;color:#111!important;border:1px solid #fff!important;}
.muonline-red button,.muonline-red .mu-btn{background:linear-gradient(180deg,#5a2106,#1b0902)!important;border:1px solid #7a2b08!important;color:#fff!important;}

@media (max-width: 1050px){
  .mu-home-grid{grid-template-columns:1fr;}
  .mu-left-column{grid-template-columns:1fr 1fr;}
  .mu-red-menu{grid-template-columns:repeat(3,1fr);}
}
@media (max-width: 720px){
  .mu-page-frame{width:100%;margin:0;border-left:0;border-right:0;}
  .mu-red-topline{height:20px;}
  .mu-red-hero{height:260px;display:block;position:relative;background:url('../images/BannerVox.png') center center/100% 100% no-repeat #060607;border-bottom:1px solid rgba(90,33,6,.45);overflow:hidden;}
  .mu-red-hero__content h1{font-size:42px;}
  .mu-red-hero__content p{letter-spacing:.22em;font-size:13px;}
  .mu-red-menu{grid-template-columns:repeat(2,1fr);padding:8px;gap:6px;}
  .mu-red-menu a{height:48px;font-size:13px;}
  .mu-red-container{padding:10px;}
  .mu-left-column{grid-template-columns:1fr;}
  .mu-feature-panel{height:190px;}
  .mu-red-title{font-size:16px}.mu-red-title span{width:34px;}
}

/* Ajustes finais solicitados */
html body.muonline-red{
  background:#050506 !important;
  background-image:none !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
}
.mu-link-white{color:#ffffff !important;}
.mu-link-white:hover{color:#f7dede !important;}
.mu-google-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  height:48px;
  margin-top:2px;
  background:#ffffff;
  border:1px solid #e6e6e6;
  color:#111111 !important;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.035em;
  box-shadow:0 8px 18px rgba(0,0,0,.35);
}
.mu-google-button:hover{filter:brightness(.96);}
.mu-google-g{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50% !important;
  color:#4285f4;
  background:#fff;
  font-family:Arial,sans-serif;
  font-size:20px;
  font-weight:900;
  text-transform:none;
}
.mu-donor-avatar img{
  width:68px;
  height:68px;
  object-fit:cover;
  object-position:center;
}
.mu-admin-slider{height:250px;background:#050505;border-color:#1b0902;overflow:hidden;}
.mu-admin-slider-track{height:100%;display:flex;width:calc(var(--slides) * 100%);}
.mu-admin-slider.is-animated .mu-admin-slider-track{animation:muSlideAuto calc(var(--slides) * 5s) infinite ease-in-out;}
.mu-admin-slider:not(.is-animated) .mu-admin-slider-track{width:100%;animation:none;transform:none;}
.mu-admin-slider:not(.is-animated) .mu-admin-slide{flex:0 0 100%;}
.mu-admin-slide{position:relative;flex:0 0 calc(100% / var(--slides));height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
.mu-admin-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.48));}
.mu-admin-slide strong{position:absolute;left:28px;bottom:24px;z-index:2;font-family:Cinzel,serif;font-size:26px;text-transform:uppercase;color:#fff;text-shadow:0 3px 0 #000,0 0 16px rgba(90,33,6,.85);}
@keyframes muSlideAuto{
  0%,18%{transform:translateX(0);}
  20%,38%{transform:translateX(calc(-100% / var(--slides)));}
  40%,58%{transform:translateX(calc(-200% / var(--slides)));}
  60%,78%{transform:translateX(calc(-300% / var(--slides)));}
  80%,98%{transform:translateX(calc(-400% / var(--slides)));}
  100%{transform:translateX(0);}
}


.mu-ranking-showcase{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:start;}
.mu-ranking-showcase__card{display:grid;gap:6px;padding:4px 6px 8px;background:linear-gradient(180deg,#d7d7d7,#c6c6c6);border:1px solid #8d8d8d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);}
.mu-ranking-showcase__card:hover{filter:brightness(1.03);}
.mu-ranking-showcase__category{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:700;color:#2d2d2d;text-align:center;padding:2px 4px;border-bottom:1px solid rgba(0,0,0,.15);}
.mu-ranking-showcase__card strong{display:block;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:800;color:#5a2106;text-align:center;line-height:1.15;min-height:38px;}
.mu-ranking-showcase__avatar{width:100%;aspect-ratio:1/1;background:#0a0a0a;border:1px solid #5d5d5d;display:grid;place-items:center;overflow:hidden;}
.mu-ranking-showcase__avatar img{width:100%;height:100%;object-fit:cover;object-position:center;}
.mu-ranking-showcase__card small{display:block;font-size:12px;color:#333;text-align:center;line-height:1.2;min-height:28px;}
@media (max-width:1050px){.mu-ranking-showcase{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:720px){.mu-ranking-showcase{grid-template-columns:repeat(2,minmax(0,1fr));}.mu-admin-slider{height:190px}}


/* Ajustes v3: notícias mais limpas, cards menores e banner solicitado */
.mu-news-item-red a{padding:9px 10px 11px;gap:6px;}
.mu-news-item-red strong{
  font-family:Arial, Helvetica, sans-serif !important;
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.mu-news-item-red strong span{color:#ffffff !important;}
.mu-news-item-red strong span:first-child{color:#5a2106 !important;}
.mu-news-item-red p{
  font-family:Arial, Helvetica, sans-serif !important;
  color:#ffffff !important;
  font-size:13px !important;
  line-height:1.25 !important;
}
.mu-best-panel{min-height:0;}
.mu-ranking-showcase{gap:8px;}
.mu-ranking-showcase__card{padding:4px 6px 7px;gap:5px;}
.mu-ranking-showcase__category{font-size:12px;padding:1px 4px;}
.mu-ranking-showcase__card strong{font-size:14px;min-height:30px;line-height:1.1;}
.mu-ranking-showcase__avatar{height:128px;aspect-ratio:auto;}
.mu-ranking-showcase__card small{font-size:11px;min-height:18px;}
@media (max-width:1200px){.mu-ranking-showcase__avatar{height:112px}.mu-ranking-showcase__card strong{font-size:13px}}
@media (max-width:720px){.mu-ranking-showcase__avatar{height:120px}}


/* Ajustes v4: banner real, cor RGB(90,33,6), imagens sem corte e redes sociais */
.mu-red-hero__shade,
.mu-red-hero__content{display:none !important;}
.mu-red-topline{height:24px;border-bottom:1px solid rgba(90,33,6,.35);}
.mu-ranking-showcase__avatar{background:#d7d7d7;padding:4px;}
.mu-ranking-showcase__avatar img{width:100%;height:100%;object-fit:contain !important;object-position:center;background:#d7d7d7;}
.mu-donor-avatar img{object-fit:contain !important;object-position:center;}
.mu-social-buttons{display:grid;grid-template-columns:1fr;gap:8px;margin:0 28px 18px;}
.mu-social-buttons__item{min-height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1d1d1f,#0b0b0c);border:1px solid rgba(90,33,6,.75);box-shadow:inset 0 -2px 0 rgba(90,33,6,.55),0 0 12px rgba(90,33,6,.10);color:#fff!important;font-family:Inter,Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:13px;}
.mu-social-buttons__item:hover{background:linear-gradient(180deg,#1a0902,#070201);color:#fff!important;transform:translateY(-1px);}
.mu-news-item-red strong{color:#ffffff !important;font-family:Inter,Arial,sans-serif !important;font-weight:700 !important;}
.mu-news-item-red strong span{color:#ffffff !important;}
.mu-news-item-red strong span:first-child{color:#5a2106 !important;}
@media (max-width:720px){.mu-red-hero{height:145px;background-size:cover}.mu-red-topline{height:14px}}


/* Ajustes v5: laranja escuro, redes fora do Top Doador e imagens completas */
:root{
  --blood:#5a2106;
  --blood-2:#7a2b08;
  --blood-dark:#160801;
  --line:rgba(90,33,6,.78);
}
body.muonline-red{
  background:linear-gradient(180deg,#050505 0%,#020202 100%) !important;
  background-color:#020202 !important;
}
.mu-red-title{
  background:linear-gradient(90deg,#120601,#4a1a04 50%,#120601) !important;
  border-color:rgba(90,33,6,.95) !important;
}
.mu-red-button,.muonline-red button,.muonline-red .mu-btn{
  background:linear-gradient(180deg,#5a2106,#170701) !important;
  border-color:#7a2b08 !important;
}
.mu-red-button:hover,.mu-social-buttons__item:hover{
  background:linear-gradient(180deg,#6b2707,#1b0801) !important;
}
.mu-social-panel{
  min-height:132px;
  padding:18px 26px;
  background:linear-gradient(180deg,rgba(10,10,11,.99),rgba(4,4,5,.99));
}
.mu-social-panel:before{border-color:rgba(90,33,6,.62);}
.mu-social-buttons{display:grid;grid-template-columns:1fr;gap:10px;margin:0 !important;}
.mu-social-buttons__item{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:0 18px;
  background:linear-gradient(180deg,#151516,#080809);
  border:1px solid rgba(90,33,6,.95);
  box-shadow:inset 0 -2px 0 rgba(90,33,6,.55),0 0 12px rgba(90,33,6,.10);
  color:#fff!important;
  font-family:Inter,Arial,sans-serif;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:13px;
}
.mu-social-icon{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ff8b42;
  font-size:18px;
  text-shadow:0 0 8px rgba(90,33,6,.65);
}
.mu-donor-panel .mu-social-buttons{display:none !important;}
.mu-donor-row strong,.mu-ranking-showcase__card strong,.mu-news-item-red strong span:first-child{color:#5a2106 !important;}
.mu-ranking-showcase{align-items:stretch;}
.mu-ranking-showcase__card{overflow:visible !important;min-width:0;}
.mu-ranking-showcase__avatar{
  height:150px !important;
  aspect-ratio:auto !important;
  background:#d7d7d7 !important;
  padding:5px !important;
  overflow:hidden !important;
}
.mu-ranking-showcase__avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:#d7d7d7 !important;
}
@media (max-width:1200px){.mu-ranking-showcase__avatar{height:138px !important;}}
@media (max-width:720px){.mu-ranking-showcase__avatar{height:130px !important;}}


/* Ajustes v6: laranja um pouco mais claro, botões sociais sem contorno e logos reais */
:root{
  --blood:#7f2e07;
  --blood-2:#9b3a09;
  --blood-dark:#1b0801;
  --line:rgba(127,46,7,.72);
}
.mu-red-title{
  background:linear-gradient(90deg,#160701,#682507 50%,#160701) !important;
  border-color:rgba(127,46,7,.78) !important;
}
.mu-red-button,.muonline-red button,.muonline-red .mu-btn{
  background:linear-gradient(180deg,#7f2e07,#1b0801) !important;
  border-color:#9b3a09 !important;
}
.mu-red-button:hover{
  background:linear-gradient(180deg,#9b3a09,#241005) !important;
}
.mu-social-panel:before{border-color:rgba(127,46,7,.32) !important;}
.mu-social-buttons__item,
.mu-social-buttons__item:hover,
.mu-social-buttons__item:focus,
.mu-social-buttons__item:active{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:linear-gradient(180deg,#151516,#080809) !important;
  color:#fff !important;
}
.mu-social-buttons__item:hover{filter:brightness(1.12);transform:translateY(-1px);}
.mu-social-logo{
  width:24px;
  height:24px;
  display:inline-block;
  object-fit:contain;
  object-position:center;
  flex:0 0 24px;
}
.mu-social-buttons__item span{display:inline-block;line-height:1;}
.mu-social-icon{display:none !important;}
.mu-donor-row strong,.mu-ranking-showcase__card strong,.mu-news-item-red strong span:first-child{color:#7f2e07 !important;}


/* Ajustes finais v7: faixa de informações, menu, doadores e ícones */
.mu-server-strip{
  min-height:42px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:7px 18px;
  background:#050506;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:15px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none !important;
  text-shadow:none;
}
.mu-server-info{
  color:rgba(255,255,255,.5) !important;
  text-align:center;
  padding:0 210px;
}
.mu-server-status{
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.5) !important;
  white-space:nowrap;
}
.mu-server-status strong{
  color:#22c55e !important;
  font-weight:700;
}
.mu-red-topline{height:0 !important;min-height:0 !important;border:0 !important;}
.mu-red-menu a span,
.mu-red-menu a i,
.mu-red-menu a svg{
  color:#ffffff !important;
  fill:#ffffff !important;
  text-shadow:none !important;
  filter:none !important;
}
.mu-red-menu a{
  color:#ffffff !important;
}
.mu-donor-row strong,
.mu-donor-row b,
.mu-donor-row .mu-donor-name,
.mu-donor-row .mu-donor-place{
  color:#ffffff !important;
}
.mu-donor-avatar{
  border-color:#cfcfcf !important;
  box-shadow:inset 0 0 18px #000,0 0 0 1px rgba(255,255,255,.05) !important;
}
.mu-donor-avatar img{
  border-color:#cfcfcf !important;
}
@media (max-width:720px){
  .mu-server-strip{font-size:12px;line-height:1.35;min-height:38px;padding:7px 10px;justify-content:flex-end;}
  .mu-server-info{padding:0;text-align:right;max-width:66%;}
  .mu-server-status{left:10px;}
}

/* v8: pedido do usuário — tirar o alaranjado das barras de título (PAINEL, TOP DOADOR,
   NOTÍCIAS, MELHORES DO SERVIDOR etc.) e dos botões, deixando cinza escuro. No hover dos
   botões, uma barrinha vermelho-sangue "carrega" da esquerda pra direita. */
.mu-red-title{
  background:linear-gradient(90deg,#0e0f10,#232527 50%,#0e0f10) !important;
  border-color:rgba(255,255,255,.10) !important;
}
.mu-red-button,
.muonline-red button,
.muonline-red .mu-btn{
  background:linear-gradient(180deg,#232527,#111213) !important;
  border-color:rgba(255,255,255,.14) !important;
  position:relative;
  overflow:hidden;
}
.mu-red-button:hover,
.muonline-red button:hover,
.muonline-red .mu-btn:hover{
  background:linear-gradient(180deg,#2a2c2e,#151617) !important;
}
.mu-red-button::after,
.muonline-red button::after,
.muonline-red .mu-btn::after,
.mu-red-menu a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:3px;
  width:0%;
  background:#8f1d1d;
  box-shadow:0 0 8px rgba(143,29,29,.85);
  transition:width .3s ease;
}
.mu-red-button:hover::after,
.muonline-red button:hover::after,
.muonline-red .mu-btn:hover::after,
.mu-red-menu a:hover::after{
  width:100%;
}
.mu-red-menu a{
  position:relative;
  overflow:hidden;
  /* o box-shadow original tinha uma linha marrom-avermelhada permanente embaixo
     (inset 0 -2px 0 rgba(90,33,6,.55)) que se misturava com a barrinha do hover
     e deixava o efeito "borrado" em vez de sólido como no botão Abrir painel. */
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035) !important;
}
/* o hover original também trocava o fundo e a borda inteira do botão pra um tom
   marrom-avermelhado (var(--blood-2)); aqui deixamos só a barrinha embaixo mudar,
   igual aos outros botões do site. */
.mu-red-menu a:hover{
  background:linear-gradient(180deg,#2a2c2e,#151617) !important;
  border-color:rgba(255,255,255,.14) !important;
}

/* detalhezinhos ao lado dos títulos das caixas (NOTÍCIAS, TOP DOADOR, MELHORES DO
   SERVIDOR etc.) eram vermelho-sangue/marrom (#5a2106); trocado pra branco. */
.mu-red-title span{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55)) !important;
}
.mu-red-title span:after{
  border-color:rgba(255,255,255,.65) !important;
  background:#1a1a1a !important;
}