/* =========================================================
   WILNAREN MU - OVERRIDE LIMPIO
   ========================================================= */


/* =========================================================
   ANCHO GENERAL
   ========================================================= */

#container {
    width: 94%;
    max-width: 1500px;
    margin: 0 auto;
}

#content {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 25px;
}


/* =========================================================
   HOME - TARJETAS
   Solo afectamos contenido principal
   ========================================================= */

#content .panel-sidebar,
#content .castle-owner-widget,
#content .home-news-block {
    background: rgba(16, 16, 16, 0.96);
    border: 1px solid rgba(190, 145, 65, 0.38);
    border-radius: 7px;
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}


/* =========================================================
   CABECERAS DE MODULOS
   ========================================================= */

#content .panel-sidebar .panel-heading,
#content .castle-owner-widget .panel-heading {
    background: linear-gradient(
        180deg,
        #382f21 0%,
        #1a1815 100%
    );

    border-bottom: 1px solid rgba(210, 165, 85, 0.40);
    padding: 13px 15px;
}


#content .panel-sidebar .panel-title,
#content .castle-owner-widget .panel-title {
    margin: 0;

    font-family: 'Cinzel', serif;
    font-size: 14px;
    font-weight: 700;

    color: #d7b269;

    text-transform: uppercase;
    letter-spacing: 0.5px;
}


#content .panel-sidebar .panel-title i,
#content .castle-owner-widget .panel-title i {
    margin-right: 5px;
}


/* =========================================================
   CUERPO MODULOS
   ========================================================= */

#content .panel-sidebar .panel-body,
#content .castle-owner-widget .panel-body {
    background: rgba(15, 15, 15, 0.96);

    color: #d8d8d8;

    padding: 15px;
}


/* =========================================================
   TABLAS
   ========================================================= */

#content .panel-sidebar .table {
    margin-bottom: 0;
}


#content .panel-sidebar .table > thead > tr > th {
    color: #d7b269;
    font-size: 11px;

    text-transform: uppercase;

    border-color: rgba(255, 255, 255, 0.08);
}


#content .panel-sidebar .table > tbody > tr > td {
    color: #cfcfcf;

    border-color: rgba(255, 255, 255, 0.07);

    padding: 8px 6px;

    vertical-align: middle;
}


/* =========================================================
   NOTICIAS
   ========================================================= */

#content .home-news-block {
    padding: 0;
}


#content .home-news-block-header {
    margin: 0;

    padding: 14px 18px;

    background: linear-gradient(
        180deg,
        #382f21 0%,
        #1a1815 100%
    );

    border-bottom: 1px solid rgba(210, 165, 85, 0.40);
}


#content .home-news-block-header h2 {
    margin: 0;

    font-family: 'Cinzel', serif;

    font-size: 17px;
    font-weight: 700;

    color: #d7b269;

    text-transform: uppercase;
}


#content .home-news-block-header a {
    color: #c99e54;
}


#content .home-news-block-body {
    margin: 0;

    padding: 10px 16px;

    background: rgba(15, 15, 15, 0.96);
}


#content .home-news-block-article {
    padding-top: 9px;
    padding-bottom: 9px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}


#content .home-news-block-article:last-child {
    border-bottom: 0;
}


#content .home-news-block-article-title a {
    color: #dddddd;
}


#content .home-news-block-article-title a:hover {
    color: #d7b269;
}


#content .home-news-block-article-type {
    color: #bc914d;

    font-size: 10px;

    text-transform: uppercase;
}


#content .home-news-block-article-date {
    color: #888;

    font-size: 10px;
}


/* =========================================================
   LOGIN
   ========================================================= */

#content .panel-sidebar input.form-control {
    background: #111;

    color: #eee;

    border: 1px solid rgba(190, 145, 65, 0.35);

    box-shadow: none;
}


#content .panel-sidebar input.form-control:focus {
    border-color: #c49950;

    box-shadow: 0 0 0 2px rgba(196, 153, 80, 0.10);
}


/* =========================================================
   BOTONES DE LOS MODULOS
   ========================================================= */

#content .panel-sidebar .btn-primary,
#content .castle-owner-widget .btn-castlewidget {
    background: linear-gradient(
        180deg,
        #bd9248,
        #765323
    );

    border-color: #c79d54;

    color: #111;

    font-weight: 700;
}


#content .panel-sidebar .btn-primary:hover,
#content .castle-owner-widget .btn-castlewidget:hover {
    background: linear-gradient(
        180deg,
        #d1aa60,
        #8b6328
    );

    border-color: #d8b36b;

    color: #000;
}


/* =========================================================
   CASTLE SIEGE
   ========================================================= */

#content .castle-owner-widget .alt {
    color: #b58d4c;

    font-size: 10px;

    text-transform: uppercase;
}


/* =========================================================
   ESPACIADO HOME
   ========================================================= */

#content > .row {
    margin-bottom: 20px;
}


/* =========================================================
   NOTEBOOK / DESKTOP
   ========================================================= */

@media (min-width: 992px) {

    #container {
        width: 94%;
        max-width: 1500px;
    }

}


/* =========================================================
   PANTALLAS GRANDES
   ========================================================= */

@media (min-width: 1400px) {

    #container {
        width: 92%;
        max-width: 1600px;
    }

}


/* =========================================================
   TABLET / CELULAR
   ========================================================= */

@media (max-width: 991px) {

    #container {
        width: 96%;
    }

    #content .panel-sidebar,
    #content .castle-owner-widget,
    #content .home-news-block {
        margin-bottom: 18px;
    }

}


@media (max-width: 767px) {

    #container {
        width: 100%;

        padding-left: 10px;
        padding-right: 10px;
    }

    #content {
        padding-top: 15px;
    }

}
/* =========================================================
   ALINEAR HEADER INFO + FOOTER CON EL CONTENIDO
   ========================================================= */

/* Barra de usuarios online / horas */
.header-info-container {
    width: 100% !important;
}

.header-info {
    width: 94% !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

.header-info .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.header-info-block {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


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

.footer {
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.footer .container,
.footer > div {
    width: 94% !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}


/* Notebook / escritorio */
@media (min-width: 992px) {

    .header-info,
    .footer .container,
    .footer > div {
        width: 94% !important;
        max-width: 1500px !important;
    }

}


/* Pantallas grandes */
@media (min-width: 1400px) {

    .header-info,
    .footer .container,
    .footer > div {
        width: 92% !important;
        max-width: 1600px !important;
    }

}


/* Celular */
@media (max-width: 767px) {

    .header-info,
    .footer .container,
    .footer > div {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}
/* =========================================================
   AJUSTE FINAL BARRA ONLINE
   ========================================================= */

.header-info {
    width: 1180px !important;
    max-width: calc(100% - 30px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 1200px) {

    .header-info {
        width: calc(100% - 30px) !important;
    }

}

@media (max-width: 767px) {

    .header-info {
        width: calc(100% - 20px) !important;
    }

}
/* Barra online más chica y centrada */
.header-info {
    width: 500px !important;
    max-width: calc(100% - 30px) !important;
    margin: 0 auto !important;
}

/* Celular */
@media (max-width: 767px) {
    .header-info {
        width: calc(100% - 20px) !important;
    }
}
/* =========================================================
   TOP RESET WILNAREN - COMPACTO
   ========================================================= */

.wilnaren-top3 {
    margin-bottom: 20px;
}

.wilnaren-top3 .panel-body {
    padding: 14px !important;
}

/* Puesto 1 */
.top3-first {
    text-align: center;
    padding: 12px 10px !important;
    margin-bottom: 10px !important;

    background: linear-gradient(
        180deg,
        rgba(194, 147, 67, 0.14),
        rgba(15, 15, 15, 0.22)
    ) !important;

    border: 1px solid rgba(215, 178, 105, 0.22) !important;
    border-radius: 6px !important;
}

/* Copa */
.top3-medal {
    font-size: 22px !important;
    margin-bottom: 2px !important;
    color: #d7b269 !important;
}

/* Numero de puesto */
.top3-first .top3-position {
    font-size: 11px !important;
    margin-bottom: 2px !important;
    color: #d7b269 !important;
}

/* Nombre */
.top3-first .top3-name {
    font-size: 16px !important;
    margin: 2px 0 !important;
}

/* Resets */
.top3-first .top3-resets {
    font-size: 12px !important;
    margin-top: 2px !important;
}

/* Segundo y tercero */
.top3-other-row {
    display: flex !important;
    gap: 8px !important;
}

.top3-other {
    flex: 1;
    text-align: center;

    padding: 10px 6px !important;

    background: rgba(255,255,255,0.025) !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 5px !important;
}

.top3-other .top3-position {
    font-size: 14px !important;
    margin-bottom: 4px !important;
}

.top3-other .top3-name {
    font-size: 12px !important;
    margin-bottom: 2px !important;
}

.top3-other .top3-resets {
    font-size: 10px !important;
    margin-top: 0 !important;
}

/* Si solo existe un jugador, evitar altura enorme */
.wilnaren-top3 .panel-body {
    min-height: auto !important;
}

/* Evitar que herede alturas del bloque viejo */
.wilnaren-top3 {
    min-height: 0 !important;
}

.wilnaren-top3 .panel-body,
.wilnaren-top3 .top3-first,
.wilnaren-top3 .top3-other {
    height: auto !important;
}

/* Mobile */
@media (max-width: 480px) {

    .top3-other-row {
        flex-direction: column !important;
    }

}
/* =========================================================
   TOP RESET WILNAREN - AJUSTE PREMIUM
   ========================================================= */

.wilnaren-top3 .panel-body {
    padding: 12px 16px 14px !important;
}

/* Caja principal del puesto 1 */
.top3-first {
    padding: 14px 10px 16px !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(103, 73, 26, 0.22),
            rgba(17, 17, 17, 0.28)
        ) !important;

    border: 1px solid rgba(210, 164, 76, 0.35) !important;
}

/* Copa */
.top3-medal {
    font-size: 24px !important;
    margin-bottom: 1px !important;
}

/* Puesto */
.top3-first .top3-position {
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 3px !important;
}

/* Nombre */
.top3-first .top3-name {
    font-size: 17px !important;
    font-weight: 700 !important;
    margin: 3px 0 !important;
}

.top3-first .top3-name a {
    color: #e8e8e8 !important;
}

/* Resets */
.top3-first .top3-resets {
    font-size: 12px !important;
    color: #d4aa5a !important;
    font-weight: 700 !important;
    margin-top: 3px !important;
}

/* Reducir un poco el espacio total del panel */
.wilnaren-top3 {
    margin-bottom: 14px !important;
}

.wilnaren-top3 .panel-heading {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
/* =========================================================
   TOP GUILDS WILNAREN
   ========================================================= */

.wilnaren-topguilds .panel-body {
    padding: 12px 16px 14px !important;
}

/* PRIMER PUESTO */

.guild-first {
    text-align: center;
    padding: 14px 10px 16px;
    margin-bottom: 10px;

    background:
        linear-gradient(
            180deg,
            rgba(103, 73, 26, 0.22),
            rgba(17, 17, 17, 0.28)
        );

    border: 1px solid rgba(210, 164, 76, 0.35);
    border-radius: 6px;
}

.guild-first .guild-position {
    font-family: 'Cinzel', serif;
    color: #d7b269;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
}

.guild-first .guild-logo {
    margin-bottom: 7px;
}

.guild-first .guild-name {
    font-family: 'Cinzel', serif;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 4px;
}

.guild-first .guild-name a {
    color: #eeeeee !important;
}

.guild-first .guild-score {
    color: #d4aa5a;
    font-size: 12px;
    font-weight: 700;
}

/* SEGUNDO Y TERCERO */

.guild-other-row {
    display: flex;
    gap: 8px;
}

.guild-other {
    flex: 1;
    text-align: center;

    padding: 10px 6px;

    background: rgba(255,255,255,0.025);

    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 5px;
}

.guild-other .guild-position {
    font-family: 'Cinzel', serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.guild-position.silver {
    color: #c3c7ca;
}

.guild-position.bronze {
    color: #b77b46;
}

.guild-other .guild-logo {
    margin-bottom: 5px;
}

.guild-other .guild-name {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 3px;
}

.guild-other .guild-name a {
    color: #eeeeee !important;
}

.guild-other .guild-score {
    font-size: 10px;
    color: #b89658;
}

@media (max-width: 480px) {

    .guild-other-row {
        flex-direction: column;
    }

}
/* TOP GUILDS - SIN GUILDS */

.wilnaren-topguilds .guild-empty {
    min-height: 145px !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    padding: 18px !important;

    background:
        linear-gradient(
            180deg,
            rgba(103,73,26,.18),
            rgba(17,17,17,.30)
        ) !important;

    border: 1px solid rgba(210,164,76,.30) !important;
    border-radius: 6px !important;
}

.wilnaren-topguilds .guild-empty-icon {
    font-size: 26px !important;
    color: #d7b269 !important;
    margin-bottom: 6px !important;
}

.wilnaren-topguilds .guild-empty-title {
    font-family: 'Cinzel', serif !important;
    color: #eeeeee !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
}

.wilnaren-topguilds .guild-empty-text {
    color: #d0b881 !important;
    font-size: 11px !important;
}
/* TOP GUILDS - AJUSTE FINAL */

.wilnaren-topguilds .guild-first {
    padding: 16px 10px 18px !important;
}

.wilnaren-topguilds .guild-logo {
    margin: 8px 0 !important;
}

.wilnaren-topguilds .guild-logo canvas,
.wilnaren-topguilds .guild-logo img {
    width: 72px !important;
    height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    background: transparent !important;
    border: none !important;
}

.wilnaren-topguilds .guild-name {
    font-size: 18px !important;
    margin-top: 4px !important;
}

.wilnaren-topguilds .guild-score {
    font-size: 12px !important;
    margin-top: 4px !important;
}
/* =========================================================
   IGUALAR ALTURAS FILA TOP / GUILDS / EVENTOS
   ========================================================= */

.wilnaren-top3,
.wilnaren-topguilds,
.panel-sidebar-events {
    min-height: 330px !important;
}

.wilnaren-top3 .panel-body,
.wilnaren-topguilds .panel-body,
.panel-sidebar-events .panel-body {
    min-height: 245px !important;
}

/* Centrar mejor Top Reset y Guilds */
.wilnaren-top3 .panel-body,
.wilnaren-topguilds .panel-body {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Celular: sacar altura fija */
@media (max-width: 991px) {

    .wilnaren-top3,
    .wilnaren-topguilds,
    .panel-sidebar-events {
        min-height: 0 !important;
    }

    .wilnaren-top3 .panel-body,
    .wilnaren-topguilds .panel-body,
    .panel-sidebar-events .panel-body {
        min-height: 0 !important;
    }

}
/* =========================================================
   CASTLE SIEGE - WILNAREN FINAL
   ========================================================= */

#content .castle-owner-widget {
    border-radius: 8px !important;
    overflow: hidden !important;

    background: #101010 !important;

    border: 1px solid rgba(205, 160, 78, 0.35) !important;

    box-shadow: 0 8px 24px rgba(0,0,0,.30) !important;
}


/* HEADER */

#content .castle-owner-widget .panel-heading {

    background:
        linear-gradient(
            180deg,
            rgba(60, 48, 29, 0.95),
            rgba(27, 23, 18, 0.98)
        ) !important;

    border-bottom:
        1px solid rgba(210, 168, 81, 0.45) !important;

    padding: 14px 18px !important;
}


#content .castle-owner-widget .panel-title {

    text-align: center !important;

    font-family: 'Cinzel', serif !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    letter-spacing: .7px !important;

    color: #d7b269 !important;

    text-transform: uppercase !important;
}


/* BODY */

#content .castle-owner-widget .panel-body {

    padding: 16px 18px 18px !important;

    background:
        radial-gradient(
            circle at top,
            rgba(120, 79, 20, 0.09),
            rgba(14,14,14,.98) 55%
        ) !important;
}


/* =========================================================
   FILA 1 - LOGO + DUEÑO / LIDER
   ========================================================= */

#content .castle-owner-widget .row:first-child {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 30px !important;

    margin: 0 0 16px 0 !important;
}


/* Columnas fila superior */

#content .castle-owner-widget .row:first-child .col-sm-6 {

    width: auto !important;

    float: none !important;

    padding: 0 !important;
}


/* Logo */

#content .castle-owner-widget .row:first-child .text-center {

    flex: 0 0 130px !important;

    max-width: 130px !important;

    min-width: 130px !important;
}


#content .castle-owner-widget canvas,
#content .castle-owner-widget img {

    width: 100px !important;

    height: 100px !important;

    max-width: 100px !important;

    max-height: 100px !important;
}


/* Datos dueño / líder */

#content .castle-owner-widget .row:first-child .col-sm-6:last-child {

    flex: 0 1 260px !important;

    text-align: left !important;

    line-height: 1.35 !important;

    color: #f0f0f0 !important;

    font-size: 14px !important;
}


/* Etiquetas doradas */

#content .castle-owner-widget .alt {

    color: #c79a48 !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: .5px !important;
}


/* Etiquetas de dueño / líder */

#content .castle-owner-widget .row:first-child .alt {

    display: inline-block !important;

    margin-top: 5px !important;

    margin-bottom: 2px !important;
}


/* =========================================================
   FILA 2 - ETAPA + BATALLA + BOTON
   ========================================================= */

#content .castle-owner-widget .row:nth-child(2) {

    margin: 0 !important;

    padding-top: 18px !important;

    border-top:
        1px solid rgba(255,255,255,.07) !important;

    text-align: center !important;
}


#content .castle-owner-widget .row:nth-child(2) .col-sm-12 {

    padding: 0 15px !important;

    text-align: center !important;
}


/* Títulos: ETAPA / BATALLA */

#content .castle-owner-widget .row:nth-child(2) .alt {

    display: block !important;

    margin-top: 8px !important;

    margin-bottom: 4px !important;

    color: #c79a48 !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;
}


/* Mantener saltos de línea */

#content .castle-owner-widget .row:nth-child(2) br {

    display: block !important;
}


/* Botón */

#content .castle-owner-widget .btn-castlewidget {

    display: inline-block !important;

    margin-top: 12px !important;

    padding: 7px 14px !important;

    background:
        linear-gradient(
            180deg,
            #c39a4d,
            #7d5925
        ) !important;

    border: 1px solid #d0aa61 !important;

    color: #111 !important;

    font-weight: 700 !important;

    border-radius: 4px !important;

    box-shadow:
        0 3px 8px rgba(0,0,0,.25) !important;
}


#content .castle-owner-widget .btn-castlewidget:hover {

    background:
        linear-gradient(
            180deg,
            #d8b467,
            #936a2c
        ) !important;

    color: #000 !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 992px) {

    #content .castle-owner-widget .panel-body {

        min-height: 300px !important;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    #content .castle-owner-widget .row:first-child {

        display: block !important;
    }


    #content .castle-owner-widget .row:first-child .col-sm-6,
    #content .castle-owner-widget .row:first-child .text-center,
    #content .castle-owner-widget .row:first-child .col-sm-6:last-child {

        width: 100% !important;

        max-width: none !important;

        min-width: 0 !important;

        text-align: center !important;
    }


    #content .castle-owner-widget .row:first-child .col-sm-6:last-child {

        margin-top: 12px !important;
    }

}
/* =========================================================
   CASTLE SIEGE - COMPACTAR ESPACIOS
   ========================================================= */

#content .castle-owner-widget .panel-body {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

#content .castle-owner-widget .row:first-child {
    margin-bottom: 10px !important;
}

#content .castle-owner-widget .row:nth-child(2) {
    padding-top: 12px !important;
}

#content .castle-owner-widget .row:nth-child(2) .alt {
    margin-top: 5px !important;
    margin-bottom: 2px !important;
}

#content .castle-owner-widget .btn-castlewidget {
    margin-top: 8px !important;
}

@media (min-width: 992px) {
    #content .castle-owner-widget .panel-body {
        min-height: 0 !important;
    }
}
/* =========================================================
   DISCORD - WILNAREN PREMIUM
   ========================================================= */

#content .panel-sidebar .panel-body.text-center {
    background:
        radial-gradient(
            circle at top,
            rgba(88, 101, 242, 0.08),
            rgba(14,14,14,.98) 55%
        ) !important;
}

/* Icono */
#content .panel-sidebar .panel-body.text-center .fa-comments {
    font-size: 42px !important;
    color: #d7b269 !important;
}

/* Título */
#content .panel-sidebar .panel-body.text-center h4 {
    margin-top: 14px !important;
    margin-bottom: 8px !important;

    font-family: 'Cinzel', serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;

    color: #eeeeee !important;
}

/* Texto */
#content .panel-sidebar .panel-body.text-center p {
    max-width: 520px !important;
    margin: 10px auto 18px auto !important;

    color: #cfcfcf !important;

    font-size: 13px !important;
    line-height: 1.55 !important;
}

/* Botón Discord */
#content .panel-sidebar .panel-body.text-center .btn-primary {
    padding: 8px 16px !important;

    background:
        linear-gradient(
            180deg,
            #c39a4d,
            #7d5925
        ) !important;

    border: 1px solid #d0aa61 !important;

    color: #111 !important;

    font-weight: 700 !important;

    border-radius: 4px !important;

    box-shadow: 0 3px 8px rgba(0,0,0,.25) !important;
}

#content .panel-sidebar .panel-body.text-center .btn-primary:hover {
    background:
        linear-gradient(
            180deg,
            #d8b467,
            #936a2c
        ) !important;

    color: #000 !important;
}

/* Compactar el bloque */
#content .panel-sidebar .panel-body.text-center {
    min-height: 0 !important;
    padding: 24px 20px !important;
}
/* =========================================================
   FILA CASTLE + DISCORD - ALTURAS PAREJAS
   ========================================================= */

@media (min-width: 992px) {

    /* Castle Siege */
    #content .castle-owner-widget {
        min-height: 445px !important;
    }

    #content .castle-owner-widget .panel-body {
        min-height: 365px !important;
    }

    /* Discord */
    #content .panel-sidebar:has(.panel-body.text-center) {
        min-height: 445px !important;
    }

    #content .panel-sidebar:has(.panel-body.text-center) .panel-body {
        min-height: 365px !important;

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

}
/* =========================================================
   AJUSTE FINAL FILA CASTLE + DISCORD
   ========================================================= */

@media (min-width: 992px) {

    #content .castle-owner-widget,
    #content .panel-sidebar:has(.panel-body.text-center) {
        min-height: 0 !important;
        height: auto !important;
    }

    #content .castle-owner-widget .panel-body,
    #content .panel-sidebar:has(.panel-body.text-center) .panel-body {
        min-height: 0 !important;
        height: auto !important;
    }

}
/* =========================================================
   NOTICIAS + LOGIN / USERCP - WILNAREN PREMIUM
   ========================================================= */

/* ---------------------------------------------------------
   NOTICIAS
   --------------------------------------------------------- */

#content .home-news-block {
    background: #101010 !important;
    border: 1px solid rgba(205,160,78,.35) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.28) !important;
}

#content .home-news-block-header {
    margin: 0 !important;
    padding: 14px 18px !important;

    background:
        linear-gradient(
            180deg,
            rgba(60,48,29,.96),
            rgba(27,23,18,.98)
        ) !important;

    border-bottom: 1px solid rgba(210,168,81,.45) !important;
}

#content .home-news-block-header h2 {
    margin: 0 !important;

    font-family: 'Cinzel', serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;

    color: #d7b269 !important;

    text-transform: uppercase !important;
    letter-spacing: .6px !important;
}

#content .home-news-block-header a {
    color: #d7b269 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

#content .home-news-block-body {
    margin: 0 !important;
    padding: 10px 16px 14px !important;

    background:
        radial-gradient(
            circle at top,
            rgba(120,79,20,.07),
            rgba(14,14,14,.98) 55%
        ) !important;
}

#content .home-news-block-article {
    padding-top: 11px !important;
    padding-bottom: 11px !important;

    border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

#content .home-news-block-article:last-child {
    border-bottom: 0 !important;
}

#content .home-news-block-article-type {
    color: #c79a48 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

#content .home-news-block-article-title a {
    color: #eeeeee !important;
    font-weight: 600 !important;
}

#content .home-news-block-article-title a:hover {
    color: #d7b269 !important;
    text-decoration: none !important;
}

#content .home-news-block-article-date {
    color: #999 !important;
    font-size: 10px !important;
}


/* ---------------------------------------------------------
   LOGIN / USERCP
   --------------------------------------------------------- */

#content .panel-sidebar {
    border-radius: 8px !important;
    overflow: hidden !important;
}

#content .panel-sidebar .panel-heading {
    padding: 13px 15px !important;

    background:
        linear-gradient(
            180deg,
            rgba(60,48,29,.96),
            rgba(27,23,18,.98)
        ) !important;

    border-bottom: 1px solid rgba(210,168,81,.45) !important;
}

#content .panel-sidebar .panel-title {
    font-family: 'Cinzel', serif !important;
    color: #d7b269 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
}

#content .panel-sidebar .panel-body {
    background:
        radial-gradient(
            circle at top,
            rgba(120,79,20,.07),
            rgba(14,14,14,.98) 55%
        ) !important;

    padding: 16px !important;
}


/* Inputs */

#content .panel-sidebar input.form-control {
    height: 38px !important;

    background: #111 !important;

    color: #eee !important;

    border: 1px solid rgba(199,154,72,.35) !important;

    border-radius: 4px !important;

    box-shadow: none !important;
}

#content .panel-sidebar input.form-control:focus {
    border-color: #c79a48 !important;

    box-shadow:
        0 0 0 2px rgba(199,154,72,.10) !important;
}


/* Botón entrar */

#content .panel-sidebar button.btn-primary {
    padding: 8px 16px !important;

    background:
        linear-gradient(
            180deg,
            #c39a4d,
            #7d5925
        ) !important;

    border: 1px solid #d0aa61 !important;

    color: #111 !important;

    font-weight: 700 !important;

    border-radius: 4px !important;
}

#content .panel-sidebar button.btn-primary:hover {
    background:
        linear-gradient(
            180deg,
            #d8b467,
            #936a2c
        ) !important;

    color: #000 !important;
}


/* Recuperar contraseña */

#content .panel-sidebar .panel-heading .btn-xs {
    background:
        linear-gradient(
            180deg,
            #c39a4d,
            #7d5925
        ) !important;

    border: 1px solid #d0aa61 !important;

    color: #111 !important;

    font-weight: 700 !important;
}


/* ---------------------------------------------------------
   BANNERS REGISTRO / DESCARGA
   --------------------------------------------------------- */

#content .sidebar-banner {
    margin-top: 12px !important;
    margin-bottom: 18px !important;
}

#content .sidebar-banner img {
    width: 100% !important;
    height: auto !important;

    border-radius: 7px !important;

    border: 1px solid rgba(205,160,78,.28) !important;

    box-shadow: 0 6px 18px rgba(0,0,0,.25) !important;
}


/* ---------------------------------------------------------
   USERCP
   --------------------------------------------------------- */

#content .panel-usercp ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#content .panel-usercp li {
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

#content .panel-usercp li:last-child {
    border-bottom: 0 !important;
}

#content .panel-usercp li a {
    color: #eeeeee !important;
}

#content .panel-usercp li a:hover {
    color: #d7b269 !important;
    text-decoration: none !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 991px) {

    #content .home-news-block {
        margin-bottom: 18px !important;
    }

}
/* =========================================================
   AJUSTE FINAL NOTICIAS + USERCP
   ========================================================= */

/* Noticias un poco más cómodas */
#content .home-news-block-article {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
}

/* UserCP más compacto */
#content .panel-usercp .panel-body {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#content .panel-usercp li {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

#content .panel-usercp li img {
    width: 24px !important;
    height: 24px !important;
    margin-right: 6px !important;
}

/* Botón cerrar sesión más prolijo */
#content .panel-usercp .panel-heading .btn-xs {
    padding: 3px 8px !important;
    font-size: 9px !important;
}
/* =========================================================
   BARRA ONLINE / HORA - WILNAREN PREMIUM
   ========================================================= */

.header-info-container {
    width: 100% !important;
}

.header-info {
    width: 760px !important;
    max-width: calc(100% - 30px) !important;

    margin: 18px auto 22px !important;

    background:
        linear-gradient(
            180deg,
            rgba(40, 33, 23, 0.96),
            rgba(18, 17, 15, 0.98)
        ) !important;

    border: 1px solid rgba(205, 160, 78, 0.35) !important;

    border-radius: 8px !important;

    box-shadow: 0 8px 24px rgba(0,0,0,.28) !important;

    overflow: hidden !important;
}

.header-info-block {
    width: 100% !important;

    float: none !important;

    padding: 14px 18px !important;

    color: #d8d8d8 !important;

    font-size: 12px !important;
}

/* Filas */
.header-info-block .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Etiquetas */
.header-info-block .text-left {
    color: #c9a15a !important;
    font-weight: 700 !important;
}

/* Valores */
.header-info-block .text-right {
    color: #eeeeee !important;
    font-weight: 600 !important;
}

/* Online destacado */
.header-info-block .online-count {
    color: #d7b269 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* Barra de progreso */
.webengine-online-bar {
    height: 6px !important;

    margin: 8px 0 12px !important;

    background: rgba(255,255,255,.06) !important;

    border-radius: 20px !important;

    overflow: hidden !important;
}

.webengine-online-bar-progress {
    height: 100% !important;

    background:
        linear-gradient(
            90deg,
            #8b642d,
            #d2aa5f
        ) !important;

    border-radius: 20px !important;

    box-shadow: 0 0 8px rgba(210,170,95,.35) !important;
}

/* Hora y fecha */
#tServerTime,
#tServerDate,
#tLocalTime,
#tLocalDate {
    color: #eeeeee !important;
}

/* Responsive */
@media (max-width: 767px) {

    .header-info {
        width: calc(100% - 20px) !important;
        margin-top: 12px !important;
        margin-bottom: 16px !important;
    }

    .header-info-block {
        padding: 12px 14px !important;
        font-size: 11px !important;
    }

}
/* =========================================================
   BARRA ONLINE - MAS CHICA Y CENTRADA
   ========================================================= */

.header-info {
    width: 560px !important;
    max-width: calc(100% - 30px) !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

/* Desktop mediano */
@media (min-width: 768px) and (max-width: 1200px) {

    .header-info {
        width: 520px !important;
    }

}

/* Celular */
@media (max-width: 767px) {

    .header-info {
        width: calc(100% - 20px) !important;
    }

}
/* =========================================================
   BARRA ONLINE - CENTRADO FINAL
   ========================================================= */

.header-info-container {
    position: relative !important;
}

.header-info {
    width: 560px !important;
    max-width: calc(100% - 30px) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    float: none !important;

    position: relative !important;
    left: auto !important;
    right: auto !important;
}
/* =========================================================
   BARRA ONLINE - CENTRADO FORZADO EN HEADER
   ========================================================= */

.header-info-container {
    position: absolute !important;
    top: 250px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: 560px !important;
    max-width: calc(100% - 30px) !important;

    z-index: 20 !important;
}

.header-info {
    width: 100% !important;
    margin: 0 !important;
}

/* Evita que ocupe ancho completo */
.header-info-container .row,
.header-info-container .col-xs-12,
.header-info-block {
    width: 100% !important;
}

/* Celular */
@media (max-width: 767px) {

    .header-info-container {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;

        width: calc(100% - 20px) !important;
        margin: 10px auto 15px !important;
    }

}

/* =========================================================
   BARRA ONLINE / HORA - CORRECCION FINAL SEGURA
   Mantiene el flujo normal, 560px de ancho y centrada.
   Este bloque va AL FINAL para anular ajustes anteriores.
   ========================================================= */

.header-info-container {
    position: static !important;
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;

    float: none !important;
    clear: both !important;

    box-sizing: border-box !important;
}

.header-info {
    position: static !important;
    display: block !important;

    width: 560px !important;
    max-width: calc(100% - 30px) !important;

    margin: 18px auto 22px auto !important;
    padding: 0 !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;

    float: none !important;
    clear: both !important;

    background:
        linear-gradient(
            180deg,
            rgba(40, 33, 23, 0.96),
            rgba(18, 17, 15, 0.98)
        ) !important;

    border: 1px solid rgba(205, 160, 78, 0.35) !important;
    border-radius: 8px !important;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}

/* Anular márgenes Bootstrap internos */
.header-info > .row,
.header-info .row {
    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Columnas internas */
.header-info .col-xs-12 {
    width: 100% !important;

    float: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Contenido de la barra */
.header-info-block {
    display: block !important;

    width: 100% !important;

    float: none !important;

    margin: 0 !important;
    padding: 14px 18px !important;

    box-sizing: border-box !important;

    color: #d8d8d8 !important;
    font-size: 12px !important;
}

/* Filas internas */
.header-info-block .row {
    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Etiquetas */
.header-info-block .text-left {
    color: #c9a15a !important;
    font-weight: 700 !important;
}

/* Valores */
.header-info-block .text-right {
    color: #eeeeee !important;
    font-weight: 600 !important;
}

/* Cantidad online */
.header-info-block .online-count {
    color: #d7b269 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* Barra de progreso */
.webengine-online-bar {
    display: block !important;

    width: 100% !important;
    height: 6px !important;

    margin: 8px 0 12px 0 !important;
    padding: 0 !important;

    background: rgba(255, 255, 255, 0.06) !important;

    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 20px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}

.webengine-online-bar-progress {
    height: 100% !important;

    background:
        linear-gradient(
            90deg,
            #8b642d,
            #d2aa5f
        ) !important;

    border-radius: 20px !important;

    box-shadow: 0 0 8px rgba(210, 170, 95, 0.35) !important;
}

/* Hora / fecha */
#tServerTime,
#tServerDate,
#tLocalTime,
#tLocalDate {
    color: #eeeeee !important;
}

/* Tablet */
@media (max-width: 991px) {

    .header-info {
        width: 520px !important;
        max-width: calc(100% - 30px) !important;
    }

}

/* Celular */
@media (max-width: 767px) {

    .header-info-container {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .header-info {
        width: calc(100% - 20px) !important;
        max-width: none !important;

        margin: 12px auto 16px auto !important;
    }

    .header-info-block {
        padding: 12px 14px !important;
        font-size: 11px !important;
    }

}

/* =========================================================
   MENU SUPERIOR - WILNAREN PREMIUM
   ========================================================= */

#navbar {
    background:
        linear-gradient(
            180deg,
            rgba(18,18,18,.97),
            rgba(10,10,10,.99)
        ) !important;

    border-bottom:
        1px solid rgba(205,160,78,.28) !important;

    box-shadow:
        0 4px 16px rgba(0,0,0,.28) !important;
}

/* Lista */
#navbar ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    gap: 6px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    list-style: none !important;
}

/* Items */
#navbar ul li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Links */
#navbar ul li a {
    display: block !important;

    padding: 15px 18px !important;

    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;

    color: #d8d8d8 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;

    text-decoration: none !important;

    border-bottom:
        2px solid transparent !important;

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

/* Hover */
#navbar ul li a:hover {
    color: #d7b269 !important;

    background:
        rgba(199,154,72,.06) !important;

    border-bottom-color:
        #c79a48 !important;
}

/* Activo si WebEngine agrega clases */
#navbar ul li.active > a,
#navbar ul li.current > a {
    color: #d7b269 !important;

    background:
        rgba(199,154,72,.08) !important;

    border-bottom-color:
        #c79a48 !important;
}


/* =========================================================
   BARRA SUPERIOR LOGIN / IDIOMA
   ========================================================= */

.global-top-bar {
    background:
        rgba(10,10,10,.96) !important;

    border-bottom:
        1px solid rgba(255,255,255,.05) !important;
}

.global-top-bar-content {
    width: 94% !important;
    max-width: 1500px !important;

    margin: 0 auto !important;

    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.global-top-bar a {
    color: #b7b7b7 !important;
    font-size: 11px !important;
}

.global-top-bar a:hover {
    color: #d7b269 !important;
    text-decoration: none !important;
}

.global-top-bar-separator {
    color: #5d5d5d !important;
    margin: 0 5px !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

    #navbar ul {
        display: block !important;
    }

    #navbar ul li a {
        padding: 11px 14px !important;
    }

    .global-top-bar-content {
        width: calc(100% - 20px) !important;
    }

}
/* =========================================================
   MENU SUPERIOR - HOVER / ACTIVO MAS MARCADO
   ========================================================= */

#navbar ul li a {
    position: relative !important;
}

/* Línea inferior animada */
#navbar ul li a::after {
    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    bottom: 5px !important;

    width: 0 !important;
    height: 2px !important;

    background: #d7b269 !important;

    transform: translateX(-50%) !important;

    transition: width .20s ease !important;

    border-radius: 10px !important;
}

/* Hover */
#navbar ul li a:hover {
    color: #f0d28a !important;

    background:
        linear-gradient(
            180deg,
            rgba(199,154,72,.08),
            rgba(199,154,72,.025)
        ) !important;

    text-shadow:
        0 0 8px rgba(215,178,105,.25) !important;
}

#navbar ul li a:hover::after {
    width: 55% !important;
}

/* Página activa si WebEngine aplica active/current */
#navbar ul li.active > a,
#navbar ul li.current > a {
    color: #f0d28a !important;

    background:
        linear-gradient(
            180deg,
            rgba(199,154,72,.10),
            rgba(199,154,72,.03)
        ) !important;

    text-shadow:
        0 0 8px rgba(215,178,105,.25) !important;
}

#navbar ul li.active > a::after,
#navbar ul li.current > a::after {
    width: 55% !important;
}
/* =========================================================
   FONDO GENERAL DEL CONTENIDO - WILNAREN
   ========================================================= */

/* Caja blanca principal */
#container {
    background:
        linear-gradient(
            180deg,
            rgba(20, 20, 20, 0.96),
            rgba(12, 12, 12, 0.98)
        ) !important;

    border: 1px solid rgba(205, 160, 78, 0.18) !important;

    border-radius: 10px !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.28) !important;

    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

/* Fondo interno */
#content {
    background:
        radial-gradient(
            circle at top,
            rgba(90, 60, 20, 0.05),
            rgba(10,10,10,0.01) 45%
        ) !important;

    border-radius: 8px !important;
}

/* Separación visual con el header */
#container {
    margin-top: 0 !important;
}

/* Evitar fondos blancos heredados */
#container,
#content,
#content > .row,
#content > .col-xs-12 {
    background-color: transparent !important;
}

/* Responsive */
@media (max-width: 767px) {

    #container {
        width: calc(100% - 20px) !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        border-radius: 7px !important;
    }

}
/* =========================================================
   FOOTER - WILNAREN DARK
   ========================================================= */

.footer {
    width: 100% !important;

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

    background:
        linear-gradient(
            180deg,
            rgba(14,14,14,.98),
            rgba(8,8,8,1)
        ) !important;

    border-top:
        1px solid rgba(205,160,78,.22) !important;

    box-shadow:
        0 -6px 20px rgba(0,0,0,.20) !important;

    color: #aaa !important;
}

/* Contenido interno */
.footer .container,
.footer > div {
    width: 94% !important;
    max-width: 1500px !important;

    margin: 0 auto !important;

    background: transparent !important;

    color: #aaa !important;

    box-sizing: border-box !important;
}

/* Textos */
.footer p,
.footer span,
.footer div {
    color: #aaa !important;
}

/* Links */
.footer a {
    color: #bfa064 !important;
    text-decoration: none !important;
}

.footer a:hover {
    color: #e0bd76 !important;
}

/* Líneas/separadores que pudiera traer el footer original */
.footer hr {
    border-color: rgba(255,255,255,.08) !important;
}

/* Responsive */
@media (max-width: 767px) {

    .footer {
        padding: 18px 10px !important;
    }

    .footer .container,
    .footer > div {
        width: 100% !important;
    }

}
/* =========================================================
   FOOTER - CENTRADO FINAL
   ========================================================= */

.footer .footer-container {
    text-align: center !important;
}

.footer .footer-container .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.footer .footer-container .col-xs-12 {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
}

.footer .footer-container p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.footer .footer-container hr {
    margin-left: auto !important;
    margin-right: auto !important;
}

.footer .footer-container a,
.footer .footer-container span {
    display: inline-block;
}
/* =========================================================
   HOME WILNAREN - COMPACTAR ESPACIO PRINCIPAL
   Noticias + Castle / Login + Discord
   ========================================================= */

@media (min-width: 992px) {

    /* Detecta únicamente la fila principal de la Home */
    #content .row:has(> .col-md-8 .home-news-block):has(> .col-md-4 .wilnaren-discord) {
        display: flex !important;
        align-items: stretch !important;
    }

    /* Bootstrap deja de manejar estas dos columnas con float */
    #content .row:has(> .col-md-8 .home-news-block):has(> .col-md-4 .wilnaren-discord)
    > .col-md-8,

    #content .row:has(> .col-md-8 .home-news-block):has(> .col-md-4 .wilnaren-discord)
    > .col-md-4 {
        float: none !important;
    }

    /* Columna izquierda */
    #content .row:has(> .col-md-8 .home-news-block):has(> .col-md-4 .wilnaren-discord)
    > .col-md-8 {
        display: flex !important;
        flex-direction: column !important;
    }

    /* La fila de Castle ocupa el espacio restante */
    #content .row:has(> .col-md-8 .home-news-block):has(> .col-md-4 .wilnaren-discord)
    > .col-md-8 > .row:last-child {
        flex: 1 !important;
        display: flex !important;
    }

    #content .row:has(> .col-md-8 .home-news-block):has(> .col-md-4 .wilnaren-discord)
    > .col-md-8 > .row:last-child > .col-xs-12 {
        display: flex !important;
        width: 100% !important;
    }

    /* Castle Siege se estira para aprovechar el hueco */
    #content .row:has(> .col-md-8 .home-news-block):has(> .col-md-4 .wilnaren-discord)
    .castle-owner-widget {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;

        display: flex !important;
        flex-direction: column !important;
    }

    /* Centrar el contenido dentro del Castle */
    #content .row:has(> .col-md-8 .home-news-block):has(> .col-md-4 .wilnaren-discord)
    .castle-owner-widget .panel-body {
        flex: 1 !important;
        min-height: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    /* Discord un poco más compacto */
    #content .wilnaren-discord .panel-body.text-center {
        min-height: 210px !important;
        padding: 18px 18px !important;
    }

    #content .wilnaren-discord .panel-body.text-center > div:first-child {
        margin-top: 5px !important;
    }

    #content .wilnaren-discord .panel-body.text-center h4 {
        margin-top: 12px !important;
    }

    #content .wilnaren-discord .panel-body.text-center p {
        margin-top: 12px !important;
        margin-bottom: 14px !important;
    }


    /* =========================================================
   HOME WILNAREN - FILA INFERIOR MISMA ALTURA
   Top Reset + Eventos + Top Guilds
   ========================================================= */

@media (min-width: 992px) {

    /* Fila que contiene los 3 módulos */
    #content .row:has(.wilnaren-top3):has(.panel-sidebar-events):has(.wilnaren-topguilds) {
        display: flex !important;
        align-items: stretch !important;
    }

    /* Las 3 columnas ocupan la misma altura */
    #content .row:has(.wilnaren-top3):has(.panel-sidebar-events):has(.wilnaren-topguilds)
    > .col-md-4 {
        float: none !important;
        display: flex !important;
    }

    /* Los 3 paneles se estiran hasta la altura del Calendario */
    #content .row:has(.wilnaren-top3):has(.panel-sidebar-events):has(.wilnaren-topguilds)
    > .col-md-4 > .panel {
        width: 100% !important;
        height: 100% !important;

        margin-bottom: 0 !important;

        display: flex !important;
        flex-direction: column !important;
    }

    /* El cuerpo completa el espacio restante */
    #content .row:has(.wilnaren-top3):has(.panel-sidebar-events):has(.wilnaren-topguilds)
    .panel-body {
        flex: 1 1 auto !important;
    }

    /* Centrar el contenido del Top Reset */
    #content .wilnaren-top3 .panel-body {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    /* Centrar el contenido de Top Guilds */
    #content .wilnaren-topguilds .panel-body {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

}
/* =========================================================
   WILNAREN MU - FONDO GENERAL DE TODA LA WEB
   ========================================================= */

html,
body {
    min-height: 100% !important;
}

body {
    background-color: #080706 !important;

    background-image:
        linear-gradient(
            rgba(5, 5, 5, 0.18),
            rgba(5, 5, 5, 0.30)
        ),
        url("../img/wilnaren-background.png") !important;

    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

/* Evita que algún contenedor general coloque un fondo blanco */
#wrapper,
.main-wrapper {
    background-color: transparent !important;
}

/* En celulares evitamos problemas con background fixed */
@media (max-width: 767px) {

    body {
        background-attachment: scroll !important;
        background-size: auto 1000px !important;
        background-position: center top !important;
    }

}
/* =========================================================
   DISCORD WIDGET - WILNAREN
   ========================================================= */

.wilnaren-discord-widget .panel-body {
    padding: 10px !important;
    background: #111 !important;
}

.wilnaren-discord-frame {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 4px !important;
}

.wilnaren-discord-frame iframe {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
}

.wilnaren-discord-join {
    padding-top: 10px !important;
}

.wilnaren-discord-join .btn {
    margin: 0 !important;
}
/* =========================================================
   DISCORD WIDGET CON BANNER - WILNAREN
   ========================================================= */

.wilnaren-discord-widget {
    overflow: hidden !important;
}

.wilnaren-discord-banner {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(201, 151, 52, 0.55) !important;
}

.wilnaren-discord-banner img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

.wilnaren-discord-widget .panel-body {
    padding: 10px !important;
    background: #111 !important;
}

.wilnaren-discord-frame {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 4px !important;
}

.wilnaren-discord-frame iframe {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
}

.wilnaren-discord-join {
    padding-top: 10px !important;
    text-align: center !important;
}

.wilnaren-discord-join .btn {
    margin: 0 !important;
}
/* =========================================================
   WILNAREN HOME - ORDEN DEL BOCETO
   Top Reset + Top Guild a la izquierda
   Eventos a la derecha
   Castle Siege ancho completo abajo
   ========================================================= */

@media (min-width: 992px) {

    /* Bloque central izquierdo */
    .wilnaren-dashboard-row {
        display: flex !important;
        align-items: stretch !important;
    }

    .wilnaren-dashboard-row > .wilnaren-rank-stack,
    .wilnaren-dashboard-row > .wilnaren-events-column {
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Top Reset y Top Guild ocupan mitad y mitad */
    .wilnaren-rank-stack {
        gap: 20px !important;
    }

    .wilnaren-rank-stack > .wilnaren-stack-item {
        flex: 1 1 0 !important;
        display: flex !important;
        width: 100% !important;
    }

    .wilnaren-rank-stack > .wilnaren-stack-item > .panel {
        width: 100% !important;
        height: 100% !important;
        margin-bottom: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .wilnaren-rank-stack > .wilnaren-stack-item > .panel > .panel-body {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    /* Eventos ocupa toda la altura de la columna derecha */
    .wilnaren-events-column > .wilnaren-events-inner {
        flex: 1 1 auto !important;
        display: flex !important;
        width: 100% !important;
    }

    .wilnaren-events-column .panel-sidebar-events {
        width: 100% !important;
        height: 100% !important;
        margin-bottom: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .wilnaren-events-column .panel-sidebar-events .panel-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
    }

    /* Castle Siege inferior a todo el ancho */
    .wilnaren-castle-full-row .castle-owner-widget {
        width: 100% !important;
        margin-bottom: 0 !important;
    }
}

/* En tablet/celular vuelven a apilarse */
@media (max-width: 991px) {

    .wilnaren-rank-stack > .wilnaren-stack-item,
    .wilnaren-events-column > .wilnaren-events-inner {
        margin-bottom: 20px !important;
    }

}
/* =========================================================
   WILNAREN HOME - ORDEN PAINT CORREGIDO
   Noticias arriba izquierda
   Top Reset + Top Guild apilados / Eventos a la derecha
   Login + Banner + Discord a la derecha
   Castle Siege ancho completo abajo
   ========================================================= */

@media (min-width: 992px) {

    /* Fila principal: 8/4 real */
    #content .wilnaren-paint-main {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
    }

    #content .wilnaren-paint-main > .wilnaren-paint-left,
    #content .wilnaren-paint-main > .wilnaren-paint-right {
        float: none !important;
    }

    /* La izquierda usa todo el alto disponible */
    #content .wilnaren-paint-left {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Noticias no se estira */
    #content .wilnaren-paint-left > .row:first-child {
        flex: 0 0 auto !important;
    }

    /* Zona Top Reset / Guilds / Eventos */
    #content .wilnaren-paint-dashboard {
        flex: 1 1 auto !important;
        display: flex !important;
        align-items: stretch !important;
    }

    #content .wilnaren-paint-dashboard > .wilnaren-paint-stack,
    #content .wilnaren-paint-dashboard > .wilnaren-paint-events {
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Columna izquierda: Top Reset + Top Guild 50/50 */
    #content .wilnaren-paint-stack {
        gap: 20px !important;
    }

    #content .wilnaren-paint-stack > .wilnaren-stack-item {
        flex: 1 1 0 !important;
        width: 100% !important;
        display: flex !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #content .wilnaren-paint-stack .wilnaren-top3,
    #content .wilnaren-paint-stack .wilnaren-topguilds {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    #content .wilnaren-paint-stack .wilnaren-top3 .panel-body,
    #content .wilnaren-paint-stack .wilnaren-topguilds .panel-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    /* Eventos ocupa toda la altura de su mitad */
    #content .wilnaren-paint-events > .wilnaren-events-inner {
        flex: 1 1 auto !important;
        width: 100% !important;
        display: flex !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #content .wilnaren-paint-events .panel-sidebar-events {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    #content .wilnaren-paint-events .panel-sidebar-events .panel-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
    }

    /* Castle Siege inferior - ancho completo */
    #content .wilnaren-paint-castle .castle-owner-widget {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
    }

    #content .wilnaren-paint-castle .castle-owner-widget .panel-body {
        min-height: 0 !important;
    }
}

/* Tablet y celular: todo vuelve a una sola columna */
@media (max-width: 991px) {

    #content .wilnaren-paint-stack > .wilnaren-stack-item,
    #content .wilnaren-paint-events > .wilnaren-events-inner {
        margin-bottom: 20px !important;
    }

    #content .wilnaren-paint-stack .wilnaren-top3,
    #content .wilnaren-paint-stack .wilnaren-topguilds,
    #content .wilnaren-paint-events .panel-sidebar-events {
        min-height: 0 !important;
        height: auto !important;
    }

    #content .wilnaren-paint-stack .panel-body,
    #content .wilnaren-paint-events .panel-body {
        min-height: 0 !important;
    }
}
/* =========================================================
   WILNAREN HOME - COMPACTADO FINAL
   Rankings + Eventos + Castle Siege
   ========================================================= */

@media (min-width: 992px) {

    /* =========================================
       BLOQUE CENTRAL
       ========================================= */

    .wilnaren-dashboard-row {
        align-items: flex-start !important;
    }

    /* Top Reset + Top Guild ya no se estiran de más */
    .wilnaren-rank-stack {
        gap: 14px !important;
    }

    .wilnaren-rank-stack > .wilnaren-stack-item {
        flex: none !important;
        height: auto !important;
    }

    .wilnaren-rank-stack > .wilnaren-stack-item > .panel {
        height: auto !important;
        min-height: 0 !important;
    }

    .wilnaren-rank-stack > .wilnaren-stack-item > .panel > .panel-body {
        flex: none !important;
        min-height: 150px !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }


    /* =========================================
       CALENDARIO DE EVENTOS
       ========================================= */

    .wilnaren-events-column {
        display: block !important;
    }

    .wilnaren-events-column > .wilnaren-events-inner {
        display: block !important;
        height: auto !important;
    }

    .wilnaren-events-column .panel-sidebar-events {
        height: auto !important;
        min-height: 0 !important;
    }

    .wilnaren-events-column .panel-sidebar-events .panel-body {
        flex: none !important;
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 8px !important;
    }


    /* =========================================
       CASTLE SIEGE INFERIOR
       ========================================= */

    .wilnaren-castle-full-row .castle-owner-widget {
        height: auto !important;
        min-height: 0 !important;
    }

    .wilnaren-castle-full-row .castle-owner-widget .panel-body {
        height: auto !important;
        min-height: 0 !important;

        padding-top: 16px !important;
        padding-bottom: 16px !important;

        display: block !important;
    }

    /* Reducir espacios verticales internos */
    .wilnaren-castle-full-row .castle-owner-widget .row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .wilnaren-castle-full-row .castle-owner-widget hr {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

}
/* =========================================================
   WILNAREN HOME - BLOQUE 2x2 FINAL
   Top Reset | Próximos Eventos
   Top Guild | Información del Servidor
   ========================================================= */

@media (min-width: 992px) {

    /* Las dos columnas del bloque central ocupan la misma altura */
    #content .wilnaren-paint-dashboard {
        display: flex !important;
        align-items: stretch !important;
    }

    #content .wilnaren-paint-stack,
    #content .wilnaren-paint-events {
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    /* Cada módulo ocupa 50% de su columna */
    #content .wilnaren-paint-stack > .wilnaren-stack-item,
    #content .wilnaren-paint-events > .wilnaren-events-inner,
    #content .wilnaren-paint-events > .wilnaren-serverinfo-inner {
        flex: 1 1 0 !important;
        width: 100% !important;
        display: flex !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin: 0 !important;
        min-height: 0 !important;
    }

    /* Paneles del 2x2 */
    #content .wilnaren-paint-stack .wilnaren-top3,
    #content .wilnaren-paint-stack .wilnaren-topguilds,
    #content .wilnaren-paint-events .panel-sidebar-events,
    #content .wilnaren-paint-events .wilnaren-serverinfo {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    #content .wilnaren-paint-stack .panel-body,
    #content .wilnaren-paint-events .panel-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
    }

    /* Top Reset y Guild centrados */
    #content .wilnaren-paint-stack .wilnaren-top3 .panel-body,
    #content .wilnaren-paint-stack .wilnaren-topguilds .panel-body {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    /* Eventos compacto */
    #content .wilnaren-paint-events .panel-sidebar-events .panel-body {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    #content .wilnaren-paint-events .panel-sidebar-events .table {
        margin-bottom: 0 !important;
    }

    #content .wilnaren-paint-events .panel-sidebar-events .table > tbody > tr > td {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        vertical-align: middle !important;
    }

    /* Información del servidor */
    #content .wilnaren-serverinfo .panel-body {
        display: flex !important;
        align-items: center !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    #content .wilnaren-serverinfo-table {
        width: 100% !important;
        margin-bottom: 0 !important;
    }

    #content .wilnaren-serverinfo-table td {
        padding: 7px 8px !important;
        border-top: 1px solid rgba(255,255,255,.06) !important;
        vertical-align: middle !important;
    }

    #content .wilnaren-serverinfo-table tr:first-child td {
        border-top: 0 !important;
    }

    #content .wilnaren-serverinfo-table td:first-child {
        color: #aaa !important;
    }

    #content .wilnaren-serverinfo-table td:last-child {
        color: #d7b269 !important;
        font-weight: 600 !important;
    }

    #content .wilnaren-serverinfo-table .wilnaren-online-value {
        color: #d7b269 !important;
    }
}

/* Tablet y celular: los cuatro módulos vuelven a apilarse */
@media (max-width: 991px) {

    #content .wilnaren-paint-events > .wilnaren-events-inner,
    #content .wilnaren-paint-events > .wilnaren-serverinfo-inner {
        margin-bottom: 20px !important;
    }

    #content .wilnaren-serverinfo,
    #content .wilnaren-paint-events .panel-sidebar-events {
        height: auto !important;
        min-height: 0 !important;
    }
}
/* =========================================================
   WILNAREN - CASTLE SIEGE COMPACTO FINAL
   ========================================================= */

@media (min-width: 992px) {

    /* Menos separación antes del Castle */
    #content .wilnaren-castle-full-row {
        margin-top: 12px !important;
    }

    /* Panel general */
    #content .wilnaren-castle-full-row .castle-owner-widget {
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Cuerpo más compacto */
    #content .wilnaren-castle-full-row .castle-owner-widget .panel-body {
        height: auto !important;
        min-height: 0 !important;

        padding-top: 10px !important;
        padding-bottom: 10px !important;

        display: block !important;
    }

    /* Reducir separación de filas internas */
    #content .wilnaren-castle-full-row .castle-owner-widget .row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Separador */
    #content .wilnaren-castle-full-row .castle-owner-widget hr {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    /* Imagen / logo del guild */
    #content .wilnaren-castle-full-row .castle-owner-widget img {
        max-height: 55px !important;
        width: auto !important;
    }

    /* Reducir espacios en textos */
    #content .wilnaren-castle-full-row .castle-owner-widget p {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    /* Botón más cerca del contenido */
    #content .wilnaren-castle-full-row .castle-owner-widget .btn {
        margin-top: 7px !important;
        margin-bottom: 2px !important;
    }

}
/* =========================================================
   RANKINGS WILNAREN - TOP RESET
   ========================================================= */

.wilnaren-ranking-page { width: 100%; }

.wilnaren-ranking-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    padding: 18px 20px;
    background: linear-gradient(180deg, rgba(55,45,31,.96), rgba(20,18,15,.98));
    border: 1px solid rgba(205,160,78,.35);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.28);
}

.wilnaren-ranking-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    border-radius: 50%;
    color: #d7b269;
    font-size: 20px;
    background: rgba(215,178,105,.08);
    border: 1px solid rgba(215,178,105,.28);
}

.wilnaren-ranking-header h1 {
    margin: 0 0 3px 0;
    font-family: 'Cinzel', serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .7px;
    color: #d7b269;
}

.wilnaren-ranking-header p {
    margin: 0;
    color: #aaa;
    font-size: 11px;
}

.wilnaren-ranking-menu { margin-bottom: 16px; }

.wilnaren-ranking-menu ul {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wilnaren-ranking-menu li { margin: 0 !important; }

.wilnaren-ranking-menu a {
    display: inline-block !important;
    padding: 9px 15px !important;
    color: #d7b269 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    background: linear-gradient(180deg, rgba(48,40,28,.96), rgba(20,18,15,.98)) !important;
    border: 1px solid rgba(205,160,78,.30) !important;
    border-radius: 5px !important;
    transition: all .2s ease !important;
}

.wilnaren-ranking-menu a:hover,
.wilnaren-ranking-menu .active a,
.wilnaren-ranking-menu a.active {
    color: #111 !important;
    background: linear-gradient(180deg, #d2aa5f, #8b642d) !important;
    border-color: #d7b269 !important;
}

.wilnaren-ranking-filter { margin-bottom: 16px; }

.wilnaren-ranking-filter select,
.wilnaren-ranking-filter .form-control {
    background: #111 !important;
    color: #ddd !important;
    border: 1px solid rgba(205,160,78,.30) !important;
    box-shadow: none !important;
}

.wilnaren-ranking-panel {
    overflow: hidden;
    background: rgba(14,14,14,.97);
    border: 1px solid rgba(205,160,78,.35);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.30);
}

.wilnaren-ranking-panel-title {
    padding: 13px 16px;
    background: linear-gradient(180deg, #382f21 0%, #1a1815 100%);
    border-bottom: 1px solid rgba(210,165,85,.40);
    font-family: 'Cinzel', serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #d7b269;
}

.wilnaren-ranking-panel-title i { margin-right: 6px; }

.wilnaren-ranking-table-wrap {
    width: 100%;
    overflow-x: auto;
}

#content .wilnaren-ranking-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

#content .wilnaren-ranking-table thead th {
    padding: 11px 10px !important;
    color: #bfa46d !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .4px !important;
    background: rgba(255,255,255,.018) !important;
    border-bottom: 1px solid rgba(205,160,78,.20) !important;
}

#content .wilnaren-ranking-table tbody td {
    padding: 10px !important;
    color: #ccc !important;
    border-top: 1px solid rgba(255,255,255,.055) !important;
    vertical-align: middle !important;
}

#content .wilnaren-ranking-table tbody tr { transition: background .15s ease; }
#content .wilnaren-ranking-table tbody tr:hover { background: rgba(215,178,105,.045) !important; }

#content .wilnaren-ranking-table .ranking-first {
    background: linear-gradient(90deg, rgba(215,178,105,.11), rgba(215,178,105,.015)) !important;
}

#content .wilnaren-ranking-table .ranking-second { background: rgba(190,190,190,.035) !important; }
#content .wilnaren-ranking-table .ranking-third { background: rgba(151,100,51,.035) !important; }

.wilnaren-ranking-medal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 7px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
}

.wilnaren-ranking-medal.gold {
    color: #e1bd70;
    background: rgba(215,178,105,.11);
    border: 1px solid rgba(215,178,105,.30);
}

.wilnaren-ranking-medal.silver {
    color: #c9c9c9;
    background: rgba(200,200,200,.07);
    border: 1px solid rgba(200,200,200,.18);
}

.wilnaren-ranking-medal.bronze {
    color: #c58a56;
    background: rgba(180,110,55,.07);
    border: 1px solid rgba(180,110,55,.20);
}

.wilnaren-ranking-position { color: #888; font-weight: 700; }

.wilnaren-reset-value {
    color: #d7b269 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}

.wilnaren-player-cell a {
    color: #e5e5e5 !important;
    font-weight: 600 !important;
}

.wilnaren-player-cell a:hover {
    color: #d7b269 !important;
    text-decoration: none !important;
}

.wilnaren-class-cell .rankings-class-image {
    max-width: 42px !important;
    max-height: 42px !important;
}

.wilnaren-country-flag {
    max-width: 24px !important;
    height: auto !important;
}

.wilnaren-ranking-update {
    margin-top: 12px !important;
    padding: 9px 12px !important;
    text-align: right !important;
    color: #777 !important;
    font-size: 10px !important;
}

@media (max-width: 767px) {
    .wilnaren-ranking-header { padding: 14px; }
    .wilnaren-ranking-header h1 { font-size: 16px; }
    .wilnaren-ranking-icon { width: 40px; height: 40px; flex-basis: 40px; }
    .wilnaren-ranking-menu ul { display: block !important; }
    .wilnaren-ranking-menu li { margin-bottom: 7px !important; }
    .wilnaren-ranking-menu a { width: 100% !important; text-align: center !important; }
    #content .wilnaren-ranking-table thead th,
    #content .wilnaren-ranking-table tbody td { white-space: nowrap !important; }
}
/* =========================================================
   RANKINGS WILNAREN - CORRECCION DE CONTRASTE
   ========================================================= */


/* ---------------------------------------------------------
   FILTRO DE RAZAS
   --------------------------------------------------------- */

#content .wilnaren-ranking-filter {
    color: #bdbdbd !important;
}

/* Textos debajo de las razas */
#content .wilnaren-ranking-filter a,
#content .wilnaren-ranking-filter span,
#content .wilnaren-ranking-filter div,
#content .wilnaren-ranking-filter p {
    color: #a9a9a9 !important;
}

/* Hover */
#content .wilnaren-ranking-filter a:hover,
#content .wilnaren-ranking-filter a:hover span,
#content .wilnaren-ranking-filter a:hover div {
    color: #d7b269 !important;
    text-decoration: none !important;
}

/* Clase seleccionada */
#content .wilnaren-ranking-filter .active,
#content .wilnaren-ranking-filter .active a,
#content .wilnaren-ranking-filter .selected,
#content .wilnaren-ranking-filter .selected a {
    color: #d7b269 !important;
}


/* ---------------------------------------------------------
   TABLA - ELIMINAR FILAS BLANCAS DE WEBENGINE
   --------------------------------------------------------- */

#content .wilnaren-ranking-table tbody tr,
#content .wilnaren-ranking-table tbody tr:nth-child(odd),
#content .wilnaren-ranking-table tbody tr:nth-child(even) {
    background: #121212 !important;
}

#content .wilnaren-ranking-table tbody tr td,
#content .wilnaren-ranking-table tbody tr:nth-child(odd) td,
#content .wilnaren-ranking-table tbody tr:nth-child(even) td {
    background: transparent !important;
    color: #cccccc !important;
}


/* ---------------------------------------------------------
   TOP 1
   --------------------------------------------------------- */

#content .wilnaren-ranking-table tbody tr.ranking-first {
    background:
        linear-gradient(
            90deg,
            rgba(170, 125, 48, 0.18),
            rgba(31, 27, 20, 0.95) 45%,
            rgba(17, 17, 17, 0.98)
        ) !important;
}

#content .wilnaren-ranking-table tbody tr.ranking-first td {
    background: transparent !important;
}


/* ---------------------------------------------------------
   TOP 2
   --------------------------------------------------------- */

#content .wilnaren-ranking-table tbody tr.ranking-second {
    background:
        linear-gradient(
            90deg,
            rgba(150, 150, 150, 0.08),
            rgba(18, 18, 18, 0.98)
        ) !important;
}

#content .wilnaren-ranking-table tbody tr.ranking-second td {
    background: transparent !important;
}


/* ---------------------------------------------------------
   TOP 3
   --------------------------------------------------------- */

#content .wilnaren-ranking-table tbody tr.ranking-third {
    background:
        linear-gradient(
            90deg,
            rgba(145, 87, 42, 0.09),
            rgba(18, 18, 18, 0.98)
        ) !important;
}

#content .wilnaren-ranking-table tbody tr.ranking-third td {
    background: transparent !important;
}


/* ---------------------------------------------------------
   NOMBRE DEL PERSONAJE
   --------------------------------------------------------- */

#content .wilnaren-ranking-table .wilnaren-player-cell,
#content .wilnaren-ranking-table .wilnaren-player-cell a {
    color: #eeeeee !important;
}

#content .wilnaren-ranking-table .wilnaren-player-cell a:hover {
    color: #d7b269 !important;
}


/* ---------------------------------------------------------
   RESET DESTACADO
   --------------------------------------------------------- */

#content .wilnaren-ranking-table .wilnaren-reset-value {
    color: #d7b269 !important;
    font-weight: 700 !important;
}


/* ---------------------------------------------------------
   HOVER DE FILAS
   --------------------------------------------------------- */

#content .wilnaren-ranking-table tbody tr:hover {
    background: rgba(215, 178, 105, 0.08) !important;
}/* RANKING - eliminar borde rojo heredado */
#content .wilnaren-ranking-table tbody tr,
#content .wilnaren-ranking-table tbody tr td {
    border-bottom-color: rgba(255,255,255,.06) !important;
}

#content .wilnaren-ranking-table tbody tr.ranking-first,
#content .wilnaren-ranking-table tbody tr.ranking-first td {
    border-bottom-color: rgba(215,178,105,.16) !important;
}
/* =========================================================
   RANKINGS - SELECTOR DE RAZAS PREMIUM
   Season 6 - Wilnaren MU
   ========================================================= */

#content .wilnaren-ranking-filter {
    margin: 24px 0 34px !important;
    padding: 8px 0 !important;
}


/* CONTENEDOR DE RAZAS */

#content .wilnaren-ranking-filter .rankings-class-filter {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 14px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    list-style: none !important;
}


/* CADA RAZA */

#content .wilnaren-ranking-filter .rankings-class-filter > li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;

    width: 112px !important;
}


/* BOTON / LINK */

#content .wilnaren-ranking-filter .rankings-class-filter-selection {
    position: relative !important;

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

    width: 100% !important;
    min-height: 104px !important;

    padding: 11px 8px 15px !important;

    color: #bdbdbd !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;

    border-radius: 6px !important;

    background:
        linear-gradient(
            180deg,
            rgba(45, 38, 28, 0.10),
            rgba(15, 15, 15, 0.08)
        ) !important;

    border: 1px solid transparent !important;

    transition:
        transform .22s ease,
        color .22s ease,
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;

    cursor: pointer !important;
}


/* ICONOS MÁS GRANDES */

#content .wilnaren-ranking-filter .rankings-class-filter-image {
    width: 58px !important;
    height: 58px !important;

    max-width: 58px !important;
    max-height: 58px !important;

    margin-bottom: 7px !important;

    transition:
        transform .25s ease,
        filter .25s ease !important;
}


/* LINEA DORADA ANIMADA - IGUAL CONCEPTO DEL NAV */

#content .wilnaren-ranking-filter .rankings-class-filter-selection::after {
    content: "" !important;

    position: absolute !important;

    left: 16px !important;
    right: 16px !important;
    bottom: 5px !important;

    height: 2px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            #8d642c,
            #e0ba6d,
            #8d642c,
            transparent
        ) !important;

    transform: scaleX(0) !important;
    transform-origin: center !important;

    opacity: 0 !important;

    transition:
        transform .25s ease,
        opacity .25s ease !important;
}


/* HOVER */

#content .wilnaren-ranking-filter .rankings-class-filter-selection:hover {
    color: #e1bd70 !important;

    transform: translateY(-3px) !important;

    background:
        linear-gradient(
            180deg,
            rgba(164, 119, 45, 0.11),
            rgba(18, 17, 15, 0.20)
        ) !important;

    border-color: rgba(215,178,105,.20) !important;

    box-shadow:
        0 7px 18px rgba(0,0,0,.28),
        inset 0 0 18px rgba(215,178,105,.025) !important;
}


/* APARECE LA LINEA */

#content .wilnaren-ranking-filter
.rankings-class-filter-selection:hover::after {
    transform: scaleX(1) !important;
    opacity: 1 !important;
}


/* PEQUEÑO ZOOM DEL PERSONAJE */

#content .wilnaren-ranking-filter
.rankings-class-filter-selection:hover
.rankings-class-filter-image {
    transform: scale(1.08) !important;

    filter:
        brightness(1.12)
        drop-shadow(0 0 5px rgba(215,178,105,.22)) !important;
}


/* TODAS - MANTENER SU COLOR */

#content .wilnaren-ranking-filter
.rankings-class-filter > li:first-child
.rankings-class-filter-image {
    filter:
        brightness(1.08)
        drop-shadow(0 0 5px rgba(0,190,190,.18)) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    #content .wilnaren-ranking-filter .rankings-class-filter {
        gap: 8px !important;
    }

    #content .wilnaren-ranking-filter .rankings-class-filter > li {
        width: 96px !important;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    #content .wilnaren-ranking-filter {
        margin: 18px 0 25px !important;
    }

    #content .wilnaren-ranking-filter .rankings-class-filter {
        gap: 7px !important;
    }

    #content .wilnaren-ranking-filter .rankings-class-filter > li {
        width: calc(25% - 7px) !important;
        min-width: 72px !important;
    }

    #content .wilnaren-ranking-filter .rankings-class-filter-selection {
        min-height: 88px !important;
        padding: 9px 4px 13px !important;

        font-size: 10px !important;
    }

    #content .wilnaren-ranking-filter .rankings-class-filter-image {
        width: 46px !important;
        height: 46px !important;

        max-width: 46px !important;
        max-height: 46px !important;
    }
}
/* =========================================================
   TOP GUILDS - WILNAREN MU
   Complemento del CSS de Rankings
   ========================================================= */

/* Guild */
#content .wilnaren-guild-table .wilnaren-guild-name a {
    color: #eeeeee !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

#content .wilnaren-guild-table .wilnaren-guild-name a:hover {
    color: #d7b269 !important;
}


/* Emblema */
#content .wilnaren-guild-logo {
    width: 120px !important;
}

#content .wilnaren-guild-logo img,
#content .wilnaren-guild-logo canvas {
    width: 48px !important;
    height: 48px !important;

    max-width: 48px !important;
    max-height: 48px !important;

    image-rendering: auto;

    border-radius: 5px !important;

    box-shadow:
        0 0 0 1px rgba(215,178,105,.16),
        0 4px 12px rgba(0,0,0,.25) !important;
}


/* Master */
#content .wilnaren-guild-master,
#content .wilnaren-guild-master a {
    color: #e1e1e1 !important;
    font-weight: 600 !important;
}

#content .wilnaren-guild-master a:hover {
    color: #d7b269 !important;
    text-decoration: none !important;
}


/* Score */
#content .wilnaren-guild-score {
    color: #d7b269 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}


/* Primera guild un poco más destacada */
#content .wilnaren-guild-table tbody tr.ranking-first .wilnaren-guild-name a {
    color: #f0d28f !important;
}

#content .wilnaren-guild-table tbody tr.ranking-first .wilnaren-guild-logo img,
#content .wilnaren-guild-table tbody tr.ranking-first .wilnaren-guild-logo canvas {
    box-shadow:
        0 0 0 1px rgba(215,178,105,.35),
        0 0 16px rgba(215,178,105,.10),
        0 5px 14px rgba(0,0,0,.32) !important;
}


/* Header de columnas */
#content .wilnaren-guild-table thead th i {
    margin-right: 4px !important;
    color: #b99451 !important;
}


/* Altura cómoda */
#content .wilnaren-guild-table tbody td {
    height: 64px !important;
}


/* Responsive */
@media (max-width: 767px) {

    #content .wilnaren-guild-logo {
        width: 82px !important;
    }

    #content .wilnaren-guild-logo img,
    #content .wilnaren-guild-logo canvas {
        width: 40px !important;
        height: 40px !important;

        max-width: 40px !important;
        max-height: 40px !important;
    }

    #content .wilnaren-guild-table .wilnaren-guild-name a,
    #content .wilnaren-guild-score {
        font-size: 12px !important;
    }
}
/* =========================================================
   TOP GUILDS - AJUSTE FINAL DE PRESENCIA
   ========================================================= */

/* Filas un poco más grandes */
#content .wilnaren-guild-table tbody td {
    height: 72px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

/* Nombre de Guild */
#content .wilnaren-guild-table .wilnaren-guild-name,
#content .wilnaren-guild-table .wilnaren-guild-name a,
#content .wilnaren-guild-table .wilnaren-guild-name span {
    color: #eeeeee !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* Guild #1 */
#content .wilnaren-guild-table tr.ranking-first .wilnaren-guild-name,
#content .wilnaren-guild-table tr.ranking-first .wilnaren-guild-name a,
#content .wilnaren-guild-table tr.ranking-first .wilnaren-guild-name span {
    color: #e0bd72 !important;
}

/* Líder */
#content .wilnaren-guild-table .wilnaren-guild-master,
#content .wilnaren-guild-table .wilnaren-guild-master a,
#content .wilnaren-guild-table .wilnaren-guild-master span {
    color: #e5e5e5 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* Puntaje */
#content .wilnaren-guild-table .wilnaren-guild-score {
    color: #d7b269 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Logo un poco más grande */
#content .wilnaren-guild-logo img,
#content .wilnaren-guild-logo canvas {
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
}/* =========================================================
   TOP GUILDS - CENTRAR LIDER
   ========================================================= */

/* Encabezado "LÍDER DEL GUILD" */
#content .wilnaren-guild-table thead th:nth-last-child(2) {
    text-align: center !important;
}

/* Nombre del líder */
#content .wilnaren-guild-table .wilnaren-guild-master {
    text-align: center !important;
}

/* Perfil + indicador online/offline */
#content .wilnaren-guild-table .wilnaren-guild-master > span {
    display: inline-block !important;
    text-align: center !important;
}
/* =========================================================
   DESCARGAS WILNAREN MU
   ========================================================= */

#content .wilnaren-downloads-page {
    width: 100%;
}


/* =========================================================
   CABECERA
   ========================================================= */

#content .wilnaren-downloads-header {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 24px;
    padding: 18px 20px;

    background:
        linear-gradient(
            180deg,
            rgba(55,45,31,.96),
            rgba(20,18,15,.98)
        );

    border: 1px solid rgba(205,160,78,.35);
    border-radius: 8px;

    box-shadow: 0 8px 24px rgba(0,0,0,.28);
}

#content .wilnaren-downloads-header-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #d7b269;
    font-size: 19px;

    background: rgba(215,178,105,.08);
    border: 1px solid rgba(215,178,105,.28);
}

#content .wilnaren-downloads-header h1 {
    margin: 0 0 3px 0;

    font-family: 'Cinzel', serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .7px;

    color: #d7b269;
}

#content .wilnaren-downloads-header p {
    margin: 0;

    color: #aaa;
    font-size: 11px;
}


/* =========================================================
   BLOQUE DE DESCARGAS
   ========================================================= */

#content .wilnaren-download-section {
    margin-bottom: 22px;

    overflow: hidden;

    background: rgba(14,14,14,.97);

    border: 1px solid rgba(205,160,78,.35);
    border-radius: 8px;

    box-shadow: 0 8px 24px rgba(0,0,0,.30);
}

#content .wilnaren-download-section-title {
    padding: 13px 16px;

    background:
        linear-gradient(
            180deg,
            #382f21 0%,
            #1a1815 100%
        );

    border-bottom: 1px solid rgba(210,165,85,.40);

    color: #d7b269;

    font-family: 'Cinzel', serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;

    text-transform: uppercase;
}

#content .wilnaren-download-section-title i {
    margin-right: 6px;
}


/* =========================================================
   TARJETA
   ========================================================= */

#content .wilnaren-download-card {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;

    min-height: 105px;

    padding: 18px 22px;

    background:
        linear-gradient(
            90deg,
            rgba(215,178,105,.045),
            rgba(17,17,17,.98) 38%,
            rgba(14,14,14,.98)
        );

    border-bottom: 1px solid rgba(255,255,255,.06);

    transition:
        background .22s ease,
        box-shadow .22s ease;
}

#content .wilnaren-download-card:last-child {
    border-bottom: 0;
}

#content .wilnaren-download-card:hover {
    background:
        linear-gradient(
            90deg,
            rgba(215,178,105,.085),
            rgba(21,19,16,.98) 38%,
            rgba(14,14,14,.98)
        );

    box-shadow: inset 3px 0 0 rgba(215,178,105,.65);
}


/* =========================================================
   INFO IZQUIERDA
   ========================================================= */

#content .wilnaren-download-main {
    display: flex;
    align-items: center;

    gap: 15px;

    min-width: 0;
    flex: 1;
}

#content .wilnaren-download-type-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;

    color: #d7b269;
    font-size: 18px;

    background:
        linear-gradient(
            180deg,
            rgba(67,53,31,.80),
            rgba(25,22,17,.92)
        );

    border: 1px solid rgba(215,178,105,.22);

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}

#content .wilnaren-download-card:hover .wilnaren-download-type-icon {
    transform: translateY(-2px);

    box-shadow:
        0 6px 15px rgba(0,0,0,.28),
        0 0 12px rgba(215,178,105,.07);
}

#content .wilnaren-download-info {
    min-width: 0;
}

#content .wilnaren-download-name {
    margin-bottom: 4px;

    color: #eeeeee;

    font-size: 15px;
    font-weight: 700;
}

#content .wilnaren-download-description {
    color: #999 !important;

    font-size: 11px;
    line-height: 1.45;
}


/* =========================================================
   TAMAÑO + BOTÓN
   ========================================================= */

#content .wilnaren-download-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 40px;

    flex: 0 0 auto;
}

#content .wilnaren-download-size {
    min-width: 95px;

    text-align: center;
}

#content .wilnaren-download-meta-label {
    display: block;

    margin-bottom: 3px;

    color: #806f50;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .6px;
}

#content .wilnaren-download-size strong {
    color: #ddd;

    font-size: 13px;
    font-weight: 600;
}


/* =========================================================
   BOTÓN DORADO
   ========================================================= */

#content .wilnaren-download-btn {
    position: relative;

    min-width: 125px;

    padding: 9px 17px !important;

    overflow: hidden;

    color: #15120d !important;

    font-family: 'Cinzel', serif;
    font-size: 11px !important;
    font-weight: 700 !important;

    text-transform: uppercase;

    background:
        linear-gradient(
            180deg,
            #d5ad60,
            #8a622b
        ) !important;

    border: 1px solid #d9b66c !important;
    border-radius: 5px !important;

    box-shadow:
        0 5px 14px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.14) !important;

    transition:
        transform .20s ease,
        box-shadow .20s ease,
        filter .20s ease !important;
}

#content .wilnaren-download-btn::after {
    content: "";

    position: absolute;

    top: 0;
    left: -75%;

    width: 50%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.24),
            transparent
        );

    transform: skewX(-20deg);

    transition: left .45s ease;
}

#content .wilnaren-download-btn:hover {
    transform: translateY(-2px);

    color: #090806 !important;

    filter: brightness(1.08);

    box-shadow:
        0 8px 19px rgba(0,0,0,.32),
        0 0 14px rgba(215,178,105,.10) !important;
}

#content .wilnaren-download-btn:hover::after {
    left: 130%;
}

#content .wilnaren-download-btn i {
    margin-right: 5px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

    #content .wilnaren-downloads-header {
        padding: 14px;
    }

    #content .wilnaren-downloads-header-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    #content .wilnaren-downloads-header h1 {
        font-size: 16px;
    }

    #content .wilnaren-download-card {
        display: block;

        min-height: 0;

        padding: 16px;
    }

    #content .wilnaren-download-main {
        margin-bottom: 16px;
    }

    #content .wilnaren-download-type-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    #content .wilnaren-download-meta {
        justify-content: space-between;

        gap: 15px;

        padding-top: 13px;

        border-top: 1px solid rgba(255,255,255,.06);
    }

    #content .wilnaren-download-size {
        text-align: left;
    }

    #content .wilnaren-download-btn {
        min-width: 120px;
    }
}