/* =========================================================
   MU STARS — layout final alinhado à referência aprovada
   ========================================================= */
:root{
    --page:#02070d;
    --panel:rgba(4,17,30,.96);
    --panel-soft:rgba(7,26,44,.94);
    --line:#0c4d78;
    --line-strong:#0c80bd;
    --cyan:#38cfff;
    --cyan2:#149dde;
    --text:#eef9ff;
    --muted:#9bbfd5;
    --gold:#ffd46a;
    --red:#ff554f;
    --green:#20da68;
    --top:url("../images/mu-stars-top.webp");
    --bottom:url("../images/mu-stars-bottom.webp");
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--page);color:var(--text);font-family:Arial,Helvetica,sans-serif}
body.ax-site{font-size:13px;line-height:1.35;overflow-x:hidden;background:#02070d}
.ax-site a{color:inherit;text-decoration:none}
.ax-site img{max-width:100%;height:auto}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:8px;top:8px;z-index:9999;padding:8px 12px;background:#fff;color:#000}

.hero-art{
    position:absolute;z-index:0;top:0;left:0;right:0;height:730px;pointer-events:none;
    background:
        linear-gradient(to bottom,rgba(0,6,12,.07) 0%,rgba(0,6,12,.02) 70%,#02070d 100%),
        var(--top) center top/cover no-repeat;
}
.site-shell{position:relative;z-index:1;width:min(1240px,calc(100% - 28px));margin:0 auto}

/* CABEÇALHO */
.site-header{
    min-height:60px;
    display:grid;
    grid-template-columns:150px 1fr 112px;
    align-items:center;
    border-bottom:1px solid rgba(50,190,255,.24);
    background:rgba(1,9,16,.62);
    box-shadow:0 7px 22px rgba(0,0,0,.28);
}
.brand{height:60px;display:flex;align-items:center;padding-left:7px}
.brand-logo{width:78px;height:58px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(42,187,255,.26))}
.primary-nav{height:60px;display:flex;align-items:center;justify-content:center;gap:28px}
.primary-nav>a{
    height:100%;display:flex;align-items:center;position:relative;
    font-size:10px;font-weight:700;letter-spacing:.02em;color:#edf7ff;white-space:nowrap
}
.primary-nav>a:hover{color:var(--cyan)}
.primary-nav>a:first-child{color:#fff}
.primary-nav>a:first-child:after{
    content:"";position:absolute;left:0;right:0;bottom:5px;height:3px;border-radius:5px;
    background:var(--cyan);box-shadow:0 0 11px var(--cyan)
}
.language{
    justify-self:end;display:flex;align-items:center;gap:7px;margin-right:7px;padding:7px 9px;
    background:rgba(2,13,23,.86);border:1px solid #164d70;border-radius:6px
}
.language a{font-size:17px;line-height:1;opacity:.8}
.language a.active,.language a:hover{opacity:1;transform:translateY(-1px)}
.menu-toggle{display:none}

/* HERO */
.hero{
    min-height:285px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 305px;
    align-items:center;
    gap:34px;
    padding:20px 0 8px;
}
.hero-center{text-align:center;margin-left:162px}
.hero-main-logo{
    display:block;width:245px;max-height:140px;object-fit:contain;margin:0 auto 0;
    filter:drop-shadow(0 0 18px rgba(32,187,255,.32))
}
.hero-tagline{
    margin-top:-2px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:21px;letter-spacing:.22em;color:#f2fbff;text-shadow:0 2px 10px #000
}
.hero-subtitle{
    margin:6px 0 13px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:10px;letter-spacing:.28em;color:#4dd0ff
}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:13px}
.ax-site .hero-actions .btn{
    min-width:194px;height:42px;border-radius:5px;border:1px solid #1477aa;
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    font-size:13px;font-weight:800
}
.ax-site .btn-primary{
    background:linear-gradient(#51d8ff,#169ddc);
    color:#00131e;
    box-shadow:0 0 15px rgba(29,185,255,.42)
}
.ax-site .btn-secondary{
    background:linear-gradient(rgba(8,30,50,.97),rgba(4,17,30,.97));
    color:#fff
}
.hero-version{
    margin-top:12px;color:#50d5ff;font-size:10px;letter-spacing:.18em;font-weight:700
}
.hero-version span{
    display:inline-block;width:37px;height:1px;background:#3acfff;vertical-align:middle;margin:0 10px
}

/* TOP DONATE */
.hero-donor{
    justify-self:end;width:305px;height:198px;border:1px solid #0b7db7;border-radius:7px;
    background:linear-gradient(180deg,rgba(2,14,25,.94),rgba(1,10,19,.87));
    box-shadow:inset 0 0 22px rgba(8,116,173,.17),0 0 15px rgba(0,0,0,.42);
    text-align:center;overflow:hidden;padding:0 17px 10px
}
.donor-title{
    height:40px;display:flex;align-items:center;gap:10px;
    border-bottom:1px solid rgba(27,129,181,.32);
    color:#ffe28a;font-size:13px;font-weight:800;text-align:left
}
.donor-crown{font-size:27px;color:#ffca3d;text-shadow:0 0 8px rgba(255,200,50,.55)}
.donor-photo{
    width:86px;height:86px;margin:8px auto 1px;padding:5px;
    border:1px solid #b98c42;background:#061522;box-shadow:0 0 14px rgba(255,196,68,.37)
}
.donor-photo img{width:100%;height:100%;object-fit:contain}
.hero-donor strong{display:block;color:#c8efff;font-size:15px;line-height:1.2;margin-top:2px}
.hero-donor small{display:block;color:#ffd377;font-size:9px;margin-top:3px}

/* ESTRUTURA PRINCIPAL */
.site-grid{
    display:grid;
    grid-template-columns:305px minmax(0,1fr) 270px;
    gap:24px;
    align-items:start;
    margin-top:0
}
.sidebar-left,.sidebar.right{display:grid;gap:8px}
.side-card{
    overflow:hidden;
    border:1px solid #0c486e;border-radius:6px;
    background:linear-gradient(180deg,rgba(6,24,40,.97),rgba(3,15,27,.97));
    box-shadow:0 6px 18px rgba(0,0,0,.25)
}
.side-card>.title,.side-card .title{
    margin:0;min-height:33px;padding:7px 10px;
    border-bottom:1px solid #0c4b72;
    background:linear-gradient(180deg,#08243d,#051827);
    color:#42cffb;font-size:13px;font-weight:800;text-transform:uppercase
}
.side-card .title i{margin-right:8px}

/* RANKINGS À ESQUERDA */
.compact-card-head{
    min-height:34px;display:flex;align-items:center;justify-content:space-between;
    border-bottom:1px solid #0c4b72;background:linear-gradient(180deg,#08243d,#051827)
}
.compact-card-head .title{border:0;background:none;min-height:0;padding:7px 10px}
.compact-card-head>a{
    margin-right:8px;padding:3px 8px;border:1px solid #166393;border-radius:4px;
    color:#8cdfff;font-size:9px
}
.compact-ranking-list{list-style:none;margin:0;padding:3px 10px 5px}
.compact-ranking-list li{
    min-height:25px;
    display:grid;
    grid-template-columns:20px 20px minmax(0,1fr) auto;
    align-items:center;
    gap:4px;
    border-bottom:1px solid rgba(45,105,145,.14);
    font-size:10px
}
.compact-ranking-list li:last-child{border-bottom:0}
.rank-number{color:#eef7fd;text-align:center}
.rank-emblem{color:#15c4ff;text-align:center;font-size:11px}
.compact-ranking-list li:nth-child(1) .rank-emblem{color:#ffc932}
.compact-ranking-list li:nth-child(2) .rank-emblem{color:#c8dded}
.compact-ranking-list li:nth-child(3) .rank-emblem{color:#b9874c}
.rank-player{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compact-ranking-list strong{font-weight:400;color:#d9f0fd}
.compact-ranking-empty{margin:0;padding:12px;color:#82a8be;font-size:10px}

/* SOCIAIS */
.social-stack{display:grid;margin-top:0}
.social-card{
    height:47px;
    display:grid;grid-template-columns:44px 1fr 20px;align-items:center;
    padding:0 10px;
    background:linear-gradient(90deg,#0a3558,#061a2d);
    border:1px solid #0d4e79;border-bottom:0
}
.social-card:first-child{border-radius:6px 6px 0 0}
.social-card:last-child{border-bottom:1px solid #0d4e79;border-radius:0 0 6px 6px}
.social-card i{font-size:25px;color:#40d1ff;text-align:center}
.social-card strong{display:block;font-size:12px}
.social-card small{display:block;color:#a7c6d9;font-size:8px;text-transform:uppercase}
.social-card b{font-size:25px;color:#36cbff}
.social-card-disabled{cursor:default}

/* CENTRO */
.content{min-width:0}
.ajax-container{min-width:0}
.featured-events{position:relative;margin-bottom:8px}
.slider-container,.bx-wrapper,.bx-viewport{max-width:100%!important}
.slider-container{
    margin:0!important;border:1px solid #0a5d8d;border-radius:6px;
    overflow:hidden;background:#03111d
}
.slider-container img{display:block;width:100%;height:185px!important;object-fit:cover}
.featured-events-caption{
    position:absolute;z-index:5;left:0;right:0;bottom:28px;text-align:center;
    pointer-events:none;text-shadow:0 2px 8px #000
}
.featured-events-caption strong{
    display:block;font-family:Georgia,"Times New Roman",serif;font-size:20px;letter-spacing:.05em
}
.featured-events-caption span{display:block;margin-top:2px;font-size:10px;letter-spacing:.09em;color:#eaf7ff}
.home-video-title,.ax-site h1.title.home-video-title{
    height:34px;margin:0;padding:7px 10px;
    border:1px solid #0b4b72;border-radius:6px 6px 0 0;
    background:linear-gradient(#08243b,#041725);
    color:#46d5ff;font-size:13px;font-weight:800;text-transform:uppercase
}
.videoo{
    padding:7px;border:1px solid #0b4b72;border-top:0;border-radius:0 0 6px 6px;
    overflow:hidden;background:#02080d
}
.videoo iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}

/* LOGIN / DIREITA */
.sidebar.right{gap:8px}
.side-card .box{padding:7px 12px}
.side-card .box ul{list-style:none;margin:0;padding:0}
.side-card .box li{
    min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:10px;
    border-bottom:1px solid rgba(30,104,148,.16);
    color:#dfeef7;font-size:10px
}
.side-card .box li:last-child{border-bottom:0}
.side-card .box li>span:first-child:before{content:"›";color:#32caff;font-weight:bold;margin-right:7px}
.side-card .box .text{margin-left:auto;color:#d8ebf7;white-space:nowrap}

.partial-login{padding-bottom:7px}
.partial-login form{padding:8px 14px 2px}
.partial-login input[type=text],
.partial-login input[type=password],
.partial-login input[type=email]{
    width:100%;height:31px;margin-bottom:6px;padding:0 10px;
    border:1px solid #1b3c58;border-radius:4px;background:#0b1d30;color:#fff
}
.partial-login input[type=submit],
.partial-login button[type=submit]{
    width:100%;height:32px;border:1px solid #27baf7;border-radius:4px;
    background:linear-gradient(#49d3ff,#149ddd);color:#00131e;font-weight:800
}
.partial-login a{font-size:9px;color:#58d2ff}
.team-card .online,.team-card .on{color:var(--green)}
.team-card .offline,.team-card .off{color:#aaa}
.events-card{padding-bottom:9px}
.events-spotlight{padding:7px 10px}
.events-button{
    height:32px;margin:0 12px;
    display:flex;align-items:center;justify-content:center;
    border:1px solid #0e6093;border-radius:4px;
    background:#071a2c;color:#fff;font-size:10px;font-weight:700
}

/* COMPONENTES DO MORPHEUS / PÁGINAS INTERNAS */
.ax-site .box-panel,.ax-site .single-post,.ax-site .top-news-block,.ax-site .posts>li{
    background:rgba(4,18,31,.96);border:1px solid #0c476d;border-radius:6px;color:#eaf6fd
}
.ax-site .box-panel-title{padding:12px 16px;background:#08243b;border-bottom:1px solid #0d4b73;color:#43d0fb;font-weight:800}
.ax-site .box-panel-content{padding:16px}
.ax-site h1.title{color:#43d0fb;font-size:20px}
.breadcrumber{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 15px;padding:0;color:#8fb8cf;font-size:10px}
.ax-site .form .row{display:grid;grid-template-columns:150px 1fr;gap:14px;margin-bottom:12px}
.ax-site input,.ax-site select,.ax-site textarea{max-width:100%}
.ax-site table{width:100%;border-collapse:collapse;background:#041422;color:#eaf6fd}
.ax-site th,.ax-site td{padding:9px 10px;border-bottom:1px solid #0d3552;font-size:11px}
.ax-site th{background:#08243b;color:#45d2ff}
.ax-site .rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ax-site .rankings .character,.ax-site .rankings .guild{
    position:relative;float:none;width:auto;height:auto;margin:0;padding:11px;
    display:flex;align-items:center;gap:10px;
    background:#061a2c;border:1px solid #0b466d;border-radius:5px
}
.ax-site .rankings .image{position:static;float:none;width:50px;flex:none}
.ax-site .rankings .desc{position:static;float:none;width:auto;min-width:0}
.ax-site .btn,.ax-site .button,.ax-site .btn-secondary{
    border:1px solid #0e6698;border-radius:4px;background:#082139;color:#fff
}

/* RODAPÉ */
.footer-visual{
    position:relative;margin-top:25px;min-height:315px;
    background:
        linear-gradient(to bottom,#02070d 0%,rgba(2,7,13,.22) 20%,rgba(2,7,13,.04) 78%),
        var(--bottom) center 42%/cover no-repeat
}
.footer-visual-overlay{
    width:min(1240px,calc(100% - 28px));min-height:315px;margin:0 auto;
    display:flex;align-items:flex-end;justify-content:center
}
.site-footer-final{
    width:100%;padding:0 0 20px;text-align:center;
    color:#fff;font-size:10px;text-transform:uppercase;text-shadow:0 2px 6px #000
}
.site-footer-final p{margin:0}.site-footer-final strong{font-size:11px}

/* RESPONSIVO */
@media(max-width:1120px){
    .primary-nav{gap:16px}
    .primary-nav>a{font-size:9px}
    .hero-center{margin-left:80px}
    .site-grid{grid-template-columns:245px minmax(0,1fr) 235px;gap:12px}
}

@media(max-width:860px){
    .site-shell{width:calc(100% - 20px)}
    .hero-art{height:690px}
    .site-header{display:flex;flex-wrap:wrap;height:auto;min-height:58px}
    .brand{flex:1}
    .language{margin-left:auto}
    .menu-toggle{
        display:inline-flex;align-items:center;gap:6px;margin-right:8px;
        border:1px solid #0d5d8b;border-radius:4px;background:#062039;color:#fff;padding:7px 10px
    }
    .primary-nav{
        order:3;width:100%;height:auto;display:none;flex-wrap:wrap;justify-content:flex-start;gap:0;background:#03111e
    }
    .primary-nav.is-open{display:flex}
    .primary-nav>a{height:38px;padding:0 12px}
    .hero{grid-template-columns:1fr;min-height:0;padding:30px 0}
    .hero-center{margin:0}
    .hero-donor{justify-self:center;margin-top:17px}
    .site-grid{grid-template-columns:1fr}
    .content{order:1}
    .sidebar-left{order:2}
    .sidebar.right{order:3}
}

@media(max-width:560px){
    .hero-main-logo{width:190px}
    .hero-tagline{font-size:16px;letter-spacing:.13em}
    .hero-subtitle{font-size:8px;letter-spacing:.13em}
    .hero-actions{flex-direction:column}
    .ax-site .hero-actions .btn{width:220px}
    .hero-donor{width:min(305px,100%)}
    .slider-container img{height:auto!important}
    .featured-events-caption{bottom:18px}
    .featured-events-caption strong{font-size:16px}
    .ax-site .form .row{grid-template-columns:1fr}
}

/* AJUSTES FINAIS MU STARS - CHATGPT */

/* Remove o texto sobreposto dos eventos. */
.featured-events-caption {
    display:none !important;
}

/* Mostra a arte do rodapé inteira, sem cortar o logo da própria imagem. */
.footer-visual {
    min-height:0 !important;
    aspect-ratio:1672 / 941 !important;
    background:
        linear-gradient(to bottom, #02070d 0%, rgba(2,7,13,.10) 18%, rgba(2,7,13,.02) 100%),
        url("../images/mu-stars-bottom.webp") center top / contain no-repeat !important;
}

/* Faz o conteúdo acompanhar toda a altura da arte. */
.footer-visual-overlay {
    min-height:0 !important;
    height:100% !important;
    justify-content:flex-end !important;
}

/* Evita um segundo logo sobreposto à arte do rodapé. */
.footer-logo-wrap {
    display:none !important;
}