/* ============================================================
   RYVA V14
   - Número ONLINE más grande
   - Footer global completo en todas las páginas
   ============================================================ */

/* ONLINE todavía más protagonista */
body[data-vulk-theme="emerald"] #hero .ref-server-count.ref-server-count-single strong{
    font-size:96px !important;
    line-height:.74 !important;
    letter-spacing:-4px !important;
    text-shadow:
        0 0 10px rgba(23,238,151,.44),
        0 0 28px rgba(23,238,151,.18),
        0 0 52px rgba(23,238,151,.07) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-count-group{
    min-height:138px !important;
    padding-top:14px !important;
    padding-bottom:12px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-peak{
    margin-top:13px !important;
}


/* ============================================================
   FOOTER GLOBAL
   ============================================================ */

.ryva-global-footer{
    position:relative !important;
    width:100% !important;
    max-width:none !important;

    margin:34px 0 0 !important;
    padding:0 !important;

    border-top:1px solid rgba(23,238,151,.18) !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(23,238,151,.08), transparent 30%),
        linear-gradient(180deg, rgba(2,13,9,.97), rgba(1,7,5,.995)) !important;

    box-shadow:
        0 -10px 28px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.015) !important;

    overflow:hidden !important;
}

/* fina línea verde superior */
.ryva-global-footer:before{
    content:"" !important;
    position:absolute !important;
    left:10% !important;
    right:10% !important;
    top:0 !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,#17ef99,#8affd4,#17ef99,transparent) !important;
    box-shadow:0 0 13px rgba(23,238,151,.22) !important;
}

.ryva-footer-shell{
    width:min(1440px, calc(100% - 44px)) !important;
    margin:0 auto !important;
    padding:28px 0 24px !important;

    display:grid !important;
    grid-template-columns:minmax(250px,1.15fr) minmax(380px,1.4fr) minmax(320px,1fr) !important;
    align-items:center !important;
    gap:28px !important;
}


/* ============================================================
   BRAND
   ============================================================ */

.ryva-footer-brand{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    min-width:0 !important;
}

.ryva-footer-mark{
    width:82px !important;
    height:72px !important;
    flex:0 0 82px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.ryva-footer-mark img{
    max-width:82px !important;
    max-height:72px !important;
    width:auto !important;
    height:auto !important;

    filter:drop-shadow(0 0 14px rgba(23,238,151,.17)) !important;
}

.ryva-footer-brand-copy{
    min-width:0 !important;
}

.ryva-footer-brand-copy strong{
    display:block !important;
    color:#f0fff7 !important;
    font-size:17px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.85px !important;
}

.ryva-footer-brand-copy span{
    display:block !important;
    margin-top:7px !important;

    color:#718d80 !important;
    font-size:7px !important;
    line-height:1.4 !important;
    font-weight:800 !important;
    letter-spacing:.65px !important;
    text-transform:uppercase !important;
}


/* ============================================================
   LINKS
   ============================================================ */

.ryva-footer-links{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:7px !important;
}

.ryva-footer-links a{
    min-width:0 !important;
    min-height:64px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;

    padding:8px 5px !important;

    border:1px solid rgba(23,238,151,.13) !important;
    border-radius:11px !important;

    background:
        linear-gradient(180deg, rgba(23,238,151,.035), rgba(23,238,151,.01)) !important;

    color:#78caa8 !important;
    text-decoration:none !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease !important;
}

.ryva-footer-links a:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(132,255,208,.48) !important;

    background:
        linear-gradient(180deg, rgba(23,238,151,.11), rgba(23,238,151,.025)) !important;

    color:#eafff3 !important;
}

.ryva-footer-links a i{
    color:#22f19c !important;
    font-size:17px !important;
    text-shadow:0 0 9px rgba(23,238,151,.12) !important;
}

.ryva-footer-links a span{
    max-width:100% !important;

    color:inherit !important;
    font-size:6.3px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.45px !important;
    text-transform:uppercase !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}


/* ============================================================
   SEGURIDAD
   ============================================================ */

.ryva-footer-security{
    min-height:100px !important;

    display:flex !important;
    align-items:flex-start !important;
    gap:13px !important;

    padding:15px 16px !important;

    border:1px solid rgba(23,238,151,.14) !important;
    border-radius:14px !important;

    background:
        radial-gradient(circle at 0% 0%, rgba(23,238,151,.07), transparent 42%),
        rgba(23,238,151,.018) !important;
}

.ryva-global-footer .vulk-footer-shield{
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;

    display:grid !important;
    place-items:center !important;

    border:1px solid rgba(126,255,204,.35) !important;
    border-radius:12px !important;

    background:
        linear-gradient(180deg, rgba(23,238,151,.13), rgba(23,238,151,.035)) !important;

    color:#7effcc !important;
    font-size:18px !important;
}

.ryva-global-footer .vulk-footer-text{
    min-width:0 !important;
}

.ryva-global-footer .vulk-footer-text h3{
    margin:0 0 6px !important;

    color:#ecfff5 !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.55px !important;
}

.ryva-global-footer .vulk-footer-text p{
    margin:0 !important;

    color:#718b7f !important;
    font-size:7px !important;
    line-height:1.55 !important;
    font-weight:700 !important;
}


/* ============================================================
   BOTTOM BAR
   ============================================================ */

.ryva-footer-bottom{
    width:100% !important;
    min-height:42px !important;

    padding:0 max(22px, calc((100% - 1440px)/2)) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:20px !important;

    border-top:1px solid rgba(23,238,151,.09) !important;

    background:rgba(0,5,3,.64) !important;

    color:#597365 !important;
    font-size:6.8px !important;
    font-weight:800 !important;
    letter-spacing:.55px !important;
    text-transform:uppercase !important;
}

.ryva-footer-bottom strong,
.ryva-footer-bottom .vulk-footer-credit strong{
    color:#79d9b0 !important;
}

.ryva-footer-bottom .vulk-footer-credit{
    color:#597365 !important;
}


/* El footer debe verse igual sin importar el módulo */
body[data-vulk-page="login"] .ryva-global-footer,
body[data-vulk-page="register"] .ryva-global-footer,
body[data-vulk-page="rankings"] .ryva-global-footer,
body[data-vulk-page="invasiones"] .ryva-global-footer,
body[data-vulk-page="usercp"] .ryva-global-footer{
    width:100% !important;
    max-width:none !important;
}


/* ============================================================
   Responsive Footer
   ============================================================ */

@media(max-width:1150px){
    .ryva-footer-shell{
        grid-template-columns:1fr 1.35fr !important;
    }

    .ryva-footer-security{
        grid-column:1 / -1 !important;
    }
}

@media(max-width:800px){
    .ryva-footer-shell{
        width:calc(100% - 28px) !important;
        grid-template-columns:1fr !important;
        gap:18px !important;
        padding:24px 0 20px !important;
    }

    .ryva-footer-brand{
        justify-content:center !important;
        text-align:center !important;
    }

    .ryva-footer-links{
        grid-template-columns:repeat(3,1fr) !important;
    }

    .ryva-footer-security{
        grid-column:auto !important;
    }

    .ryva-footer-bottom{
        padding:12px 18px !important;
        flex-direction:column !important;
        justify-content:center !important;
        text-align:center !important;
    }
}

@media(max-width:520px){
    .ryva-footer-links{
        grid-template-columns:repeat(2,1fr) !important;
    }

    .ryva-footer-brand{
        flex-direction:column !important;
    }
}