/* LUZMU V12 — Panel de información y bloque principal rediseñados */

.server-info-v12{
    background:linear-gradient(180deg,rgba(7,16,23,.98),rgba(2,7,11,.99))!important;
    border:1px solid rgba(218,158,40,.90)!important;
    border-radius:4px!important;
    overflow:hidden!important;
    box-shadow:0 22px 50px rgba(0,0,0,.55),inset 0 0 30px rgba(237,177,54,.035)!important;
}

.server-info-v12 .server-card-title{
    min-height:72px;
    padding:14px 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border-bottom:1px solid rgba(220,160,42,.55);
    background:linear-gradient(180deg,rgba(213,149,35,.09),rgba(7,15,22,.15));
}

.server-info-v12 .server-card-title img{
    width:34px;
    height:34px;
    filter:drop-shadow(0 0 8px rgba(239,178,55,.25));
}

.server-info-v12 .server-card-title h3{
    margin:0!important;
    padding:0!important;
    border:0!important;
    color:#f3c65e!important;
    text-align:center!important;
    font:700 19px/1.1 Georgia,serif!important;
    letter-spacing:.4px!important;
}

.server-info-v12 dl{
    margin:0!important;
    padding:8px 17px 10px!important;
}

.server-info-v12 dl div{
    min-height:46px;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    padding:8px 0!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
}

.server-info-v12 dt{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
    color:#d1d8dd!important;
    font-size:12px!important;
}

.server-info-v12 dt:before{display:none!important}

.server-info-v12 dt img{
    width:17px;
    height:17px;
    flex:0 0 17px;
    opacity:.95;
}

.server-info-v12 dd{
    margin:0!important;
    color:#f8e9ba!important;
    font-size:12px!important;
    font-weight:800!important;
    text-align:right;
    white-space:nowrap;
}

.server-info-v12 dd.online{color:#20e77d!important}

.server-online-footer{
    margin:0 14px 14px;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#e9dc7a;
    font:800 12px Arial,sans-serif;
    letter-spacing:.3px;
    border:1px solid rgba(59,154,24,.55);
    background:linear-gradient(180deg,#133d09,#061a05);
    box-shadow:inset 0 0 22px rgba(54,220,41,.09);
}

.online-light{
    width:16px;
    height:16px;
    border-radius:50%;
    background:#36ed1f;
    box-shadow:0 0 0 3px rgba(54,237,31,.14),0 0 14px rgba(54,237,31,.85);
}

/* Replaces the old six-box statistics strip */
.stat-strip{display:none!important}

.hero-feature-ribbon{
    width:100%;
    max-width:760px;
    margin:22px auto 0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-top:1px solid rgba(221,164,49,.58);
    border-bottom:1px solid rgba(221,164,49,.58);
    background:rgba(4,10,15,.64);
    box-shadow:0 10px 28px rgba(0,0,0,.30);
}

.hero-feature-ribbon span{
    min-height:48px;
    padding:9px 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#ede4cc;
    font:700 10px/1.2 Arial,sans-serif;
    letter-spacing:.2px;
    text-align:center;
    border-right:1px solid rgba(221,164,49,.25);
}

.hero-feature-ribbon span:last-child{border-right:0}

.hero-feature-ribbon img{
    width:25px;
    height:25px;
    flex:0 0 25px;
    filter:drop-shadow(0 0 6px rgba(225,166,50,.25));
}

.cta-row{
    margin-top:18px!important;
}

.dashboard-grid{
    margin-top:24px!important;
}

@media(max-width:900px){
    .hero-feature-ribbon{
        grid-template-columns:repeat(2,minmax(0,1fr));
        max-width:620px;
    }
    .hero-feature-ribbon span:nth-child(2){border-right:0}
    .hero-feature-ribbon span:nth-child(-n+2){border-bottom:1px solid rgba(221,164,49,.25)}
    .hero-side{max-width:430px!important}
}

@media(max-width:560px){
    .hero-feature-ribbon{
        width:calc(100% - 24px);
        grid-template-columns:1fr;
    }
    .hero-feature-ribbon span{
        border-right:0!important;
        border-bottom:1px solid rgba(221,164,49,.25);
    }
    .hero-feature-ribbon span:last-child{border-bottom:0}
    .server-info-v12 .server-card-title h3{font-size:17px!important}
}