/* ================================================================
   MU DITO V11 · final polish layer
   Keeps WebEngine routes/forms intact. Visual-only overrides.
   ================================================================ */

/* ---------- Locale selector: Latinoamérica + España only ---------- */
.mudito-v11 .mudito-language-row{align-items:center!important;gap:8px!important;width:100%!important;}
.mudito-v11 .mudito-language-row > .server-name{min-width:52px!important;color:#dce8f5!important;font-weight:700!important;letter-spacing:.2px!important;}
.mudito-v11 .mudito-language-flags{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:nowrap!important;}
.mudito-v11 .mudito-language-flags a{display:flex!important;width:23px!important;height:17px!important;align-items:center!important;justify-content:center!important;padding:1px!important;border-radius:3px!important;border:1px solid rgba(224,174,78,.18)!important;background:rgba(1,8,15,.72)!important;box-shadow:0 3px 8px rgba(0,0,0,.26)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;}
.mudito-v11 .mudito-language-flags a:hover{transform:translateY(-2px) scale(1.08)!important;border-color:rgba(244,195,91,.74)!important;box-shadow:0 0 12px rgba(244,184,59,.20),0 5px 12px rgba(0,0,0,.38)!important;}
.mudito-v11 .mudito-language-flags img{display:block!important;width:20px!important;height:13px!important;object-fit:cover!important;border-radius:1px!important;box-shadow:none!important;}

/* ---------- Time card ---------- */
.mudito-v11 #tServerTime,.mudito-v11 #tLocalTime{font-variant-numeric:tabular-nums!important;letter-spacing:.25px!important;color:#f7fbff!important;font-weight:900!important;}
.mudito-v11 #tServerDate,.mudito-v11 #tLocalDate{color:#9ab0c6!important;font-size:10px!important;margin-left:5px!important;text-transform:none!important;}

/* ---------- Online players: premium jewel / server status plate ---------- */
.mudito-v11 .headerButtons.radial{width:198px!important;min-width:198px!important;height:148px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;}
.mudito-v11 .radial-stat{
  width:188px!important;height:132px!important;position:relative!important;overflow:visible!important;
  clip-path:polygon(10% 0,90% 0,100% 16%,100% 84%,90% 100%,10% 100%,0 84%,0 16%)!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(27,137,255,.18),transparent 36%),
    radial-gradient(circle at 82% 82%,rgba(255,59,47,.12),transparent 34%),
    linear-gradient(145deg,rgba(8,21,35,.98),rgba(2,8,15,.99))!important;
  border:none!important;box-shadow:0 18px 42px rgba(0,0,0,.52),0 0 0 1px rgba(230,177,72,.42),inset 0 0 30px rgba(46,135,226,.08)!important;
}
.mudito-v11 .radial-stat:before{
  content:""!important;position:absolute!important;inset:5px!important;display:block!important;z-index:1!important;pointer-events:none!important;
  clip-path:inherit!important;border:1px solid rgba(105,176,239,.20)!important;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 46%,rgba(226,170,65,.025))!important;
}
.mudito-v11 .radial-stat:after{
  content:""!important;position:absolute!important;left:50%!important;top:-7px!important;transform:translateX(-50%) rotate(45deg)!important;
  width:19px!important;height:19px!important;z-index:5!important;border-radius:2px!important;
  background:linear-gradient(135deg,#4eb1ff 5%,#dff5ff 35%,#f0bf55 56%,#ff574d 100%)!important;
  border:2px solid #07121e!important;box-shadow:0 0 17px rgba(55,154,255,.48),0 0 14px rgba(255,72,55,.28)!important;
}
.mudito-v11 .radial-stat .circle-online{position:relative!important;width:100%!important;height:100%!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.mudito-v11 .radial-stat .circle-online:before{
  content:"";position:absolute;left:17px;right:17px;bottom:13px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,#1d8cff 24%,#e5b34e 50%,#ff5147 76%,transparent);opacity:.54;box-shadow:0 0 9px rgba(57,146,255,.28);
}
.mudito-v11 .serverInfo{padding:17px 14px 15px!important;gap:4px!important;justify-content:center!important;}
.mudito-v11 .serverInfo__name{gap:3px!important;}
.mudito-v11 .serverInfo__name small{font-size:9px!important;letter-spacing:2.4px!important;color:#9db3ca!important;font-weight:800!important;}
.mudito-v11 .serverInfo__name b{font-size:11px!important;letter-spacing:1.35px!important;color:#f5d58b!important;font-weight:900!important;text-shadow:0 1px 5px #000!important;}
.mudito-v11 .serverInfo__online strong{font-size:37px!important;line-height:.96!important;color:#70ff8a!important;text-shadow:0 0 18px rgba(75,255,108,.42),0 3px 7px rgba(0,0,0,.82)!important;}
.mudito-v11 .serverInfo__online em{font-size:9px!important;letter-spacing:1.7px!important;color:#b4ffc0!important;}
.mudito-v11 .serverInfo__online em:before{width:7px!important;height:7px!important;background:#56ff70!important;box-shadow:0 0 13px rgba(86,255,112,.9)!important;}
.mudito-v11 .serverInfo__season{margin-top:4px!important;padding-top:5px!important;width:118px!important;border-top:1px solid rgba(226,174,75,.16)!important;font-size:7px!important;letter-spacing:1.55px!important;color:#6f8aa4!important;text-align:center!important;font-weight:800!important;}

/* ---------- News slider: full-character framing ---------- */
.mudito-v11 .swiper-news{background:#020912!important;}
.mudito-v11 .swiper-news .swiper-slide{background-size:cover!important;background-position:center center!important;min-height:380px!important;}
.mudito-v11 .swiper-news .swiper-slide:nth-child(1),
.mudito-v11 .swiper-news .swiper-slide:nth-child(2),
.mudito-v11 .swiper-news .swiper-slide:nth-child(3),
.mudito-v11 .swiper-news .swiper-slide:nth-child(4){background-position:center center!important;}
.mudito-v11 .swiper-news:before{background:linear-gradient(90deg,rgba(1,6,12,.95) 0%,rgba(1,6,12,.82) 29%,rgba(1,6,12,.39) 55%,rgba(1,6,12,.06) 78%,transparent 100%)!important;}
.mudito-v11 .slider-title{max-width:52%!important;color:#f4d88e!important;text-shadow:0 2px 10px rgba(0,0,0,.92)!important;}
.mudito-v11 .slider-info{width:50%!important;max-width:50%!important;color:#d7e1eb!important;text-shadow:0 2px 7px rgba(0,0,0,.92)!important;}

/* ---------- Footer: one cohesive premium strip ---------- */
.mudito-v11 .footer.mudito-footer-v11{margin-top:42px!important;padding:0 0 22px!important;background:linear-gradient(180deg,rgba(1,7,13,.30),rgba(1,5,10,.97))!important;border-top:1px solid rgba(224,174,78,.18)!important;min-height:0!important;}
.mudito-v11 .footer .toTop-fon{margin-top:-21px!important;margin-bottom:8px!important;height:42px!important;background:none!important;}
.mudito-v11 .footer .toTop{width:42px!important;height:42px!important;border-radius:50%!important;background:rgba(9,25,42,.96) url(../img/fon-circle.png) center/42px 42px no-repeat!important;border:1px solid rgba(80,149,216,.28)!important;box-shadow:0 7px 18px rgba(0,0,0,.40),0 0 13px rgba(39,121,210,.15)!important;opacity:.92!important;}
.mudito-v11 .mudito-footer-shell{width:min(1180px,calc(100% - 40px))!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;padding:14px 26px!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(5,16,27,.88),rgba(2,8,14,.94))!important;border:1px solid rgba(111,150,187,.15)!important;box-shadow:0 16px 35px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.018)!important;}
.mudito-v11 .mudito-footer-brand{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;}
.mudito-v11 .mudito-footer-brand img{display:block!important;width:auto!important;height:68px!important;max-width:128px!important;object-fit:contain!important;filter:drop-shadow(0 0 10px rgba(37,133,244,.20))!important;}
.mudito-v11 .mudito-footer-copy{display:flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;flex-wrap:wrap!important;font-size:11px!important;color:#8ea1b5!important;line-height:1.4!important;}
.mudito-v11 .mudito-footer-copy .copyright{color:#c7d4df!important;}
.mudito-v11 .mudito-footer-powered,.mudito-v11 .mudito-footer-powered a{color:#7894ae!important;text-decoration:none!important;}
.mudito-v11 .mudito-footer-powered a:hover{color:#b4d6f4!important;}
.mudito-v11 .mudito-footer-credit{color:#d9bc73!important;letter-spacing:.3px!important;}
.mudito-v11 .mudito-footer-credit strong{color:#f6dc9b!important;text-shadow:0 0 8px rgba(229,178,67,.16)!important;}
.mudito-v11 .mudito-footer-divider{display:block!important;width:1px!important;height:18px!important;background:linear-gradient(180deg,transparent,rgba(216,169,72,.42),transparent)!important;}
.mudito-v11 .footer-logo,.mudito-v11 .lunatico{display:none!important;}

@media (max-width:900px){
  .mudito-v11 .mudito-language-flags{gap:4px!important;}
  .mudito-v11 .mudito-language-flags a{width:24px!important;height:18px!important;}
  .mudito-v11 .mudito-language-flags img{width:21px!important;height:14px!important;}
  .mudito-v11 .mudito-footer-shell{flex-direction:column!important;gap:8px!important;}
  .mudito-v11 .mudito-footer-divider{display:none!important;}
  .mudito-v11 .mudito-footer-copy{gap:7px 12px!important;text-align:center!important;}
}