/* Move down content because we have a fixed navbar that is 50px tall */

@import url('https://fonts.googleapis.com/css?family=Anton');

body {
  padding-top: 50px;
  background-color: #222;
}

.ajusted {
	padding-top: 25px;
	padding-bottom: 25px;
}

.footer-custom {
   padding-top: 100px;
   padding-bottom: 50px;
	color: #999;
	/*text-align: center;*/
	background-color: #000000;
	border-top: 3px solid #333;
}

.footer-custom p:last-child {
  margin-bottom: 0;
}

.jumbotron {
	background-image: url("../img/2.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	color: #CCC;
	text-shadow: 2px 2px 2px #000000;
}

.owl-carousel .item img {
  border: 1px solid black;
}

.banner{width: 550px; text-shadow:2px 2px #000; position:absolute; z-index:10; text-align:right;bottom: 10%; right: 10%; font-family: 'Anton', sans-serif; text-transform:uppercase;}
.banner span{font-size:90px;line-height:90px;color:#ffffff;display:inline-block; padding-left: 10px; letter-spacing:-1px;margin-bottom:10px;}
.banner strong{font-size:120px;line-height:144px;color:#3A5FCD;display:inline-block;font-weight:normal;
margin-top:-42px;margin-right:20px;letter-spacing:-1px;}
.banner p{font-size:25px;line-height:28px;color:#ffffff;margin:-4px 25px 0 0; padding-bottom: 10px; letter-spacing:-1px;} 
.banner-position-left{left:10% !important; bottom: 10%; text-align:left !important;}


/* BOTÕES PERSONALIZADOS AKIYAMA OT */
.btn-primary {
    background: linear-gradient(to bottom, #b30000 0%, #650000 100%);
    border: 1px solid #ff3030;
    color: #ffffff;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 10px 22px;
    border-radius: 4px;

    box-shadow:
        0 0 8px rgba(255, 0, 0, 0.45),
        inset 0 1px 0 rgba(255,255,255,0.15);

    transition: all 0.25s ease;
}

.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(to bottom, #ff2b2b 0%, #8b0000 100%);
    border-color: #ff6060;
    color: #ffffff;

    box-shadow:
        0 0 18px rgba(255, 0, 0, 0.85),
        inset 0 1px 0 rgba(255,255,255,0.20);

    transform: translateY(-2px);
}

.btn-primary:active {
    transform: translateY(1px);
    box-shadow:
        0 0 8px rgba(255, 0, 0, 0.60);
}


/* ==================================================
   AKIYAMA OT - ESTILO DOS SLIDES
   ================================================== */

/* Texto principal do banner */
.banner span {
    color: #ffffff;
    text-shadow:
        2px 2px 2px #000000,
        0 0 10px rgba(0,0,0,0.9);
}

/* Palavra grande: ONLINE / UPDATES / GRÁTIS */
.banner strong {
    color: #c40000;
    text-shadow:
        3px 3px 2px #000000,
        0 0 8px rgba(255,0,0,0.7),
        0 0 18px rgba(150,0,0,0.6);
}

/* Descrição */
.banner p {
    color: #ffffff;
    text-shadow:
        2px 2px 3px #000000,
        0 0 6px #000000;
}

/* Botão estilo guerra */
.banner .btn-primary {
    background: linear-gradient(to bottom, #c90000 0%, #750000 50%, #450000 100%);
    border: 1px solid #ff3b3b;
    color: #ffffff;

    font-family: 'Anton', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;

    padding: 10px 25px;

    border-radius: 3px;

    box-shadow:
        0 0 10px rgba(255,0,0,0.6),
        inset 0 1px 0 rgba(255,255,255,0.25),
        inset 0 -3px 5px rgba(0,0,0,0.5);

    text-shadow:
        2px 2px 2px #000000;

    transition: all 0.25s ease;
}

/* Quando passa o mouse */
.banner .btn-primary:hover,
.banner .btn-primary:focus {

    background: linear-gradient(to bottom, #ff3030 0%, #a00000 50%, #600000 100%);

    border-color: #ff7777;

    color: #ffffff;

    box-shadow:
        0 0 8px rgba(255,0,0,0.9),
        0 0 22px rgba(255,0,0,0.7),
        inset 0 1px 0 rgba(255,255,255,0.3);

    transform: translateY(-2px);
}

/* Efeito ao clicar */
.banner .btn-primary:active {

    background: #650000;

    transform: translateY(1px);

    box-shadow:
        0 0 8px rgba(255,0,0,0.7);
}



/* ==================================================
   AKIYAMA OT - MENU SUPERIOR
   ================================================== */

.navbar {
    background: linear-gradient(to bottom, #1b1b1b 0%, #0d0d0d 100%) !important;
    border: none !important;
    border-bottom: 2px solid #7a0000 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.8);
}

/* Links do menu */
.navbar .navbar-nav > li > a {
    color: #d9d9d9 !important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.25s ease;
}

/* Hover do menu */
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
    color: #ff2d2d !important;
    text-shadow: 0 0 8px rgba(255,0,0,0.8);
    background: rgba(255,255,255,0.03) !important;
}

/* Item ativo */
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
    color: #ffffff !important;
    background: #650000 !important;
    box-shadow: inset 0 -2px 0 #ff2d2d;
}

/* Nome / logo do servidor */
.navbar-brand {
    color: #ffffff !important;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow:
        2px 2px 2px #000,
        0 0 8px rgba(255,0,0,0.4);
}

/* Botão entrar */
.navbar .btn-primary {
    background: linear-gradient(to bottom, #b50000, #5e0000);
    border: 1px solid #ff3a3a;
    color: #fff;
    box-shadow: 0 0 8px rgba(255,0,0,0.45);
}

.navbar .btn-primary:hover {
    background: linear-gradient(to bottom, #ff2d2d, #8a0000);
    box-shadow: 0 0 16px rgba(255,0,0,0.8);
}


/* LOGO AKIYAMA OT - MENU */

.akiyama-logo {
    height: 46px;
    width: auto;
    margin-top: 2px;
    margin-right: 8px;
    transition: all 0.25s ease;
}

.akiyama-logo:hover {
    transform: scale(1.08);
    filter: drop-shadow(0 0 6px rgba(255, 0, 0, 0.8));
}



/* ==================================================
   AKIYAMA OT - MENU PRINCIPAL MODERNO
   ================================================== */

/* Fundo do menu */
.navbar {
    background: linear-gradient(to bottom, #171717, #090909) !important;
    border: none !important;
    border-bottom: 2px solid #8b0000 !important;
    box-shadow: 0 3px 15px rgba(0,0,0,0.8);
}

/* Links principais */
.navbar-nav > li > a {
    color: #d8d8d8 !important;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;

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

    transition: all 0.25s ease;
    position: relative;
}

/* Hover */
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    color: #ffffff !important;
    background: transparent !important;

    text-shadow:
        0 0 6px rgba(255,0,0,0.7),
        0 0 12px rgba(255,0,0,0.4);
}

/* Linha vermelha ao passar o mouse */
.navbar-nav > li > a:after {
    content: "";
    position: absolute;

    left: 20%;
    right: 20%;
    bottom: 6px;

    height: 2px;

    background: #d60000;

    transform: scaleX(0);
    transition: transform 0.25s ease;

    box-shadow: 0 0 8px rgba(255,0,0,0.8);
}

.navbar-nav > li > a:hover:after {
    transform: scaleX(1);
}

/* Remove cores antigas dos links */
.navbar-nav > li > a,
.navbar-nav > li > a:visited {
    color: #d8d8d8 !important;
}

/* Dropdown MAIS */
.navbar-nav .dropdown > a {
    background: transparent !important;
    color: #d8d8d8 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hover do MAIS */
.navbar-nav .dropdown > a:hover {
    background: #710000 !important;
    color: #ffffff !important;
}

/* Menu que abre ao clicar no MAIS */
.dropdown-menu {
    background: #101010 !important;
    border: 1px solid #600000 !important;
    border-radius: 3px !important;

    box-shadow:
        0 5px 18px rgba(0,0,0,0.9),
        0 0 10px rgba(120,0,0,0.25);
}

/* Links internos do dropdown */
.dropdown-menu > li > a {
    color: #cccccc !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 20px;
}

/* Hover dropdown */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: #650000 !important;
    color: #ffffff !important;
}

/* Separadores */
.dropdown-menu .divider {
    background-color: #333 !important;
}

/* MENU AKIYAMA OT */

.navbar-nav > li > a {
    color: #d6d6d6 !important;
    font-family: 'Anton', sans-serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;

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

    background: transparent !important;
    transition: all 0.25s ease;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    color: #ffffff !important;
    background: rgba(130,0,0,0.35) !important;

    text-shadow:
        0 0 5px #ff0000,
        0 0 12px rgba(255,0,0,0.7);
}

/* BOTÃO MAIS */

.btn-menu-akiyama {
    color: #d6d6d6;
    background: linear-gradient(to bottom, #222, #0d0d0d);
    border: 1px solid #660000;

    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;

    padding: 8px 18px;
    border-radius: 3px;

    transition: all 0.25s ease;
}

.btn-menu-akiyama:hover,
.btn-menu-akiyama:focus {
    color: #ffffff;

    background:
        linear-gradient(to bottom, #8f0000, #420000);

    border-color: #ff3030;

    box-shadow:
        0 0 12px rgba(255,0,0,0.6);
}

/* DROPDOWN DO MAIS */

.dropdown-menu {
    background: #101010 !important;
    border: 1px solid #650000 !important;
}

.dropdown-menu > li > a {
    color: #cccccc !important;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
}

.dropdown-menu > li > a:hover {
    background: #650000 !important;
    color: #ffffff !important;
}


/* ==================================================
   AKIYAMA OT - MENU MAIS NÍTIDO
   ================================================== */

.navbar-nav > li > a {
    color: #e2e2e2 !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    letter-spacing: 0.3px !important;
    text-transform: uppercase;

    text-shadow: none !important;

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

    background: transparent !important;

    transition:
        color 0.2s ease,
        background 0.2s ease;
}

/* Hover mais limpo */
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    color: #ff3434 !important;

    background: rgba(120, 0, 0, 0.18) !important;

    text-shadow: none !important;
}

/* BOTÃO MAIS */
.btn-menu-akiyama {
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    color: #e2e2e2 !important;

    background: linear-gradient(
        to bottom,
        #242424,
        #111111
    ) !important;

    border: 1px solid #700000 !important;

    text-shadow: none !important;

    padding: 8px 16px;

    border-radius: 3px;
}

.btn-menu-akiyama:hover,
.btn-menu-akiyama:focus {
    color: #ffffff !important;

    background: linear-gradient(
        to bottom,
        #850000,
        #480000
    ) !important;

    border-color: #cc2020 !important;

    box-shadow: none !important;
}

/* DROPDOWN */
.dropdown-menu > li > a {
    color: #dddddd !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;

    letter-spacing: 0.2px;

    text-shadow: none !important;

    padding: 11px 18px;
}

/* Hover dropdown */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #ffffff !important;
    background: #680000 !important;

    text-shadow: none !important;
}


/* ==================================================
   AKIYAMA OT - PAINÉIS ESCUROS
   ================================================== */

/* Painéis principais */
.panel {
    background: #141414 !important;
    border: 1px solid #3a0a0a !important;
    border-radius: 4px !important;

    box-shadow:
        0 3px 12px rgba(0,0,0,0.6),
        0 0 8px rgba(120,0,0,0.15) !important;
}

/* Cabeçalho dos painéis */
.panel-heading {
    background: linear-gradient(to bottom, #252525, #121212) !important;
    color: #eeeeee !important;

    border-bottom: 1px solid #750000 !important;

    font-weight: bold;
    text-transform: uppercase;
}

/* Corpo */
.panel-body {
    background: #151515 !important;
    color: #cfcfcf !important;
}

/* Rodapé de painel */
.panel-footer {
    background: #101010 !important;
    color: #bbbbbb !important;

    border-top: 1px solid #3a0a0a !important;
}


/* ==================================================
   TABELAS
   ================================================== */

.table {
    background: #151515 !important;
    color: #d0d0d0 !important;
}

/* Cabeçalho da tabela */
.table > thead > tr > th {
    background: #1d1d1d !important;
    color: #eeeeee !important;

    border-bottom: 2px solid #780000 !important;
}

/* Células */
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th {
    border-top: 1px solid #292929 !important;
}

/* Linhas alternadas */
.table-striped > tbody > tr:nth-of-type(odd) {
    background: #191919 !important;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background: #121212 !important;
}

/* Hover */
.table-hover > tbody > tr:hover {
    background: #2b0a0a !important;
    color: #ffffff !important;
}


/* ==================================================
   LINKS DENTRO DOS PAINÉIS
   ================================================== */

.panel a,
.table a {
    color: #d83030;
}

.panel a:hover,
.table a:hover {
    color: #ff5252;
}


/* ==================================================
   TÍTULOS INTERNOS
   ================================================== */

.panel-title {
    color: #eeeeee !important;
}

.panel strong {
    color: #ffffff;
}


/* ==================================================
   REMOVER BRANCOS DO BOOTSTRAP
   ================================================== */

.panel-default {
    border-color: #3a0a0a !important;
}

.panel-default > .panel-heading {
    background: linear-gradient(to bottom, #252525, #121212) !important;
    color: #eeeeee !important;

    border-color: #700000 !important;
}

/* ==================================================
   CORREÇÕES DE CONTEÚDO AKIYAMA OT
   ================================================== */

.panel-body {
    overflow: hidden;
}

/* Textos comuns */
.panel-body,
.panel-body p,
.panel-body span,
.panel-body div {
    color: #bcbcbc;
}

/* Títulos internos */
.panel-body h1,
.panel-body h2,
.panel-body h3,
.panel-body h4 {
    color: #eeeeee;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 15px;
}

/* Destaque azul antigo */
.panel-body a {
    color: #d83a3a;
}

/* Evita texto preto no tema escuro */
.panel-body font[color="black"],
.panel-body font[color="#000000"] {
    color: #bbbbbb !important;
}

/* Remove comportamento estranho do marquee */
.panel-body marquee {
    width: 100%;
    color: #eeeeee;
}

/* ==================================================
   AKIYAMA OT - NOVIDADES
   ================================================== */

.akiyama-news {
    padding: 10px 15px;
    color: #bdbdbd;
}

/* Título principal */
.akiyama-news .ak-title {
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;

    border-left: 4px solid #b00000;
    border-bottom: 1px solid #3b0b0b;

    padding: 8px 0 10px 14px;
    margin: 5px 0 20px 0;
}

/* Cada informação */
.ak-news-item {
    padding: 12px 15px;
    margin-bottom: 8px;

    background: #111111;
    border-left: 3px solid #600000;

    transition: all 0.2s ease;
}

/* Título de cada informação */
.ak-news-item h3 {
    margin: 0 0 7px 0 !important;

    color: #d93636 !important;

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

/* Texto */
.ak-news-item p {
    margin: 0;

    color: #aaaaaa !important;

    font-size: 14px;
    line-height: 1.6;
}

/* Quando passa o mouse */
.ak-news-item:hover {
    background: #181818;
    border-left-color: #e00000;

    transform: translateX(3px);
}

/* Palavras importantes */
.ak-news-item strong {
    color: #eeeeee !important;
}


/* ==================================================
   AKIYAMA OT - VOCAÇÕES E COLISEUM
   ================================================== */

.ak-battle-info {
    margin-top: 15px;
}

/* VOCAÇÕES */

.ak-vocation {
    background: #111;
    border-left: 3px solid #7d0000;

    padding: 12px 15px;
    margin-bottom: 8px;
}

.ak-vocation h3 {
    color: #d93636 !important;

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

    margin: 0 0 6px 0 !important;
}

.ak-vocation p {
    color: #bdbdbd !important;

    font-size: 14px;
    margin: 0;
}


/* COLISEUM */

.ak-event {
    margin-top: 22px;

    background: linear-gradient(
        to bottom,
        #171717,
        #0e0e0e
    );

    border: 1px solid #3c0a0a;
    border-left: 4px solid #b40000;

    padding: 18px;

    box-shadow: 0 4px 12px rgba(0,0,0,.45);
}

.ak-event h2 {
    color: #fff !important;

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

    margin: 0 0 15px 0 !important;

    text-transform: uppercase;
}


/* INFORMAÇÕES DO EVENTO */

.ak-event-row {
    display: flex;
    align-items: center;

    border-top: 1px solid #292929;

    padding: 10px 0;
}

.ak-event-row span {
    width: 160px;

    color: #d93636 !important;

    font-weight: 700;
}

.ak-event-row strong {
    color: #ccc !important;

    font-weight: 400;
}


/* EQUIPE */

.ak-team-box {
    margin-top: 15px;

    background: #0d0d0d;

    border-top: 1px solid #450000;
    border-bottom: 1px solid #450000;

    padding: 15px;

    text-align: center;
}

.ak-team-box span {
    display: block;

    color: #999 !important;

    font-size: 13px;

    text-transform: uppercase;
}

.ak-team-box strong {
    display: block;

    color: #d92525 !important;

    font-size: 22px;

    margin: 4px 0;
}

.ak-team-box small {
    display: block;

    color: #888 !important;

    font-size: 13px;
}

/* ==================================================
   AKIYAMA OT - PADRÃO DAS MAGIAS
   ================================================== */

/* Títulos antigos das vocações */
.panel-body h3 span {
    color: #d93636 !important;
}

/* Caso o título esteja direto no H3 */
.panel-body h3 {
    color: #d93636 !important;
}

/* Títulos principais: Magias Padrão / Magias de 5 Resets */
.panel-body h2,
.panel-body h2 strong {
    color: #ffffff !important;
}

/* Textos das magias */
.panel-body p {
    color: #bdbdbd !important;
}

/* Remove verde, roxo, azul etc dos SPANs antigos */
.panel-body span[style*="green"],
.panel-body span[style*="purple"],
.panel-body span[style*="magenta"],
.panel-body span[style*="#4682B4"] {
    color: #d93636 !important;
}

/* Cada título de vocação */
.panel-body h3 {
    border-left: 3px solid #790000;
    background: #111111;

    padding: 9px 12px;
    margin-top: 15px !important;
    margin-bottom: 7px !important;

    font-size: 18px !important;
}

/* Texto logo abaixo */
.panel-body h3 + p {
    background: #111111;

    margin-top: -7px;
    padding: 3px 12px 11px 15px;

    border-left: 3px solid #790000;
}

/* Títulos de seção */
.panel-body h2 {
    margin-top: 22px !important;
    margin-bottom: 15px !important;

    padding: 10px 14px;

    background: linear-gradient(to right, #1b1b1b, #111111);

    border-left: 4px solid #b40000;
    border-bottom: 1px solid #3e0a0a;

    font-size: 22px !important;
    text-transform: uppercase;
}

/* ==================================================
   PADRONIZAÇÃO DAS BORDAS VERMELHAS
   ================================================== */

/* padrão único */
.panel-body h2,
.panel-body h3,
.ak-vocation,
.ak-event,
.ak-team-box {
    border-left: 3px solid #b00000 !important;
}

/* remove bordas duplicadas internas */
.ak-vocation h3,
.ak-event h2 {
    border-left: none !important;
}

/* remove efeitos que criam "riscos duplos" */
.ak-vocation,
.ak-event,
.ak-team-box {
    box-shadow: none !important;
}

/* cards das vocações */
.ak-vocation {
    padding-left: 14px !important;
}

/* título das magias */
.panel-body h2 {
    padding-left: 14px !important;
}

/* títulos antigos das vocações */
.panel-body h3 {
    padding-left: 14px !important;
}

/* evento */
.ak-event {
    padding-left: 16px !important;
}

/* impede linha interna no título do evento */
.ak-event h2 {
    padding-left: 0 !important;
}

/* =========================================
   MAGIAS DE 5 RESETS - PADRÃO DEFINITIVO
   ========================================= */

.ak-reset-spells {
    margin: 0;
    padding: 0;
}

.ak-reset-spell {
    background: #111111;

    border-left: 3px solid #b00000 !important;

    margin: 0 0 14px 0;
    padding: 12px 15px;
}

/* Nome da vocação */
.ak-reset-spell h3 {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    border: none !important;
    background: transparent !important;

    color: #e33131 !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    line-height: 22px;
}

/* Informações da magia */
.ak-reset-spell p {
    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    background: transparent !important;

    color: #eeeeee !important;

    font-size: 14px;
    font-weight: 400;

    line-height: 22px;
}

/* ==================================================
   AJUSTE DEFINITIVO DO BANNER / SLIDER
   ================================================== */

.owl-carousel .item {
    width: 100%;
    height: 380px;
    overflow: hidden;
    position: relative;
    background: #111;
}

.owl-carousel .item > img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block;
    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
}

/* Remove espaços extras do carousel */
.owl-carousel {
    margin: 0 !important;
    padding: 0 !important;
}

.owl-stage-outer {
    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   SLIDE 3 - JOGUE GRÁTIS AJUSTADO
   ================================================== */

.banner-slide3 {
    width: 420px !important;

    left: 9% !important;
    right: auto !important;

    top: 18% !important;
    bottom: auto !important;

    text-align: left !important;
}

/* JOGUE */
.banner-slide3 span {
    display: block !important;

    font-size: 68px !important;
    line-height: 64px !important;

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

/* GRÁTIS */
.banner-slide3 strong {
    display: block !important;

    font-size: 86px !important;
    line-height: 82px !important;

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

/* descrição */
.banner-slide3 p {
    font-size: 24px !important;
    line-height: 24px !important;

    width: 360px !important;

    margin-top: 10px !important;
    margin-bottom: 16px !important;
}

/* botão */
.banner-slide3 .btn {
    font-size: 24px !important;
    padding: 10px 24px !important;
}

/* ==================================================
   BOTÃO MAIS - AKIYAMA OT
   ================================================== */

.navbar .dropdown-toggle {
    background: linear-gradient(to bottom, #1b1b1b, #080808) !important;
    border: 1px solid #8b0000 !important;
    border-radius: 3px !important;

    color: #eeeeee !important;

    padding: 9px 16px !important;

    font-size: 14px !important;
    font-weight: bold !important;

    text-transform: uppercase;

    box-shadow:
        0 0 5px rgba(180, 0, 0, 0.35),
        inset 0 1px 0 rgba(255,255,255,0.05) !important;

    transition: all 0.2s ease !important;
}

/* Quando passa o mouse */
.navbar .dropdown-toggle:hover,
.navbar .dropdown.open .dropdown-toggle {
    background: linear-gradient(to bottom, #a40000, #570000) !important;

    border-color: #e00000 !important;
    color: #ffffff !important;

    box-shadow:
        0 0 10px rgba(220, 0, 0, 0.55),
        inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

/* Setinha */
.navbar .dropdown-toggle .caret {
    border-top-color: #d00000 !important;
    border-bottom-color: #d00000 !important;

    margin-left: 5px !important;
}

/* Setinha branca quando passa o mouse */
.navbar .dropdown-toggle:hover .caret,
.navbar .dropdown.open .dropdown-toggle .caret {
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

/* =========================================
   BOTÃO WHATSAPP - AKIYAMA OT
   ========================================= */

.ak-whatsapp {
    width: 100%;
    padding: 35px 20px;
    text-align: center;
}

.ak-whatsapp a {
    display: inline-block;

    background: linear-gradient(to bottom, #151515, #090909);
    border: 1px solid #1f9d55;
    border-left: 4px solid #25d366;

    color: #ffffff !important;

    padding: 15px 28px;

    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;

    border-radius: 3px;

    box-shadow: 0 0 10px rgba(37, 211, 102, 0.15);

    transition: all 0.2s ease;
}

.ak-whatsapp a:hover {
    background: #25d366;

    border-color: #25d366;
    color: #080808 !important;

    box-shadow: 0 0 18px rgba(37, 211, 102, 0.40);

    transform: translateY(-2px);
}

.ak-whatsapp-icon {
    color: #25d366;
    margin-right: 8px;
}

.ak-whatsapp a:hover .ak-whatsapp-icon {
    color: #080808;
}

/* ==================================================
   WHATSAPP NO CABEÇALHO DO PAINEL
   ================================================== */

.ak-whatsapp-heading {
    text-align: center !important;

    padding: 14px 10px !important;

    background: linear-gradient(
        to bottom,
        #181818,
        #101010
    ) !important;
}

/* botão */
.ak-whatsapp-header-btn {
    display: inline-block;

    padding: 10px 24px;

    background: #101010;

    border: 1px solid #25d366;
    border-left: 4px solid #25d366;

    border-radius: 3px;

    color: #ffffff !important;

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

    text-transform: uppercase;
    text-decoration: none !important;

    transition: all .2s ease;
}

/* hover */
.ak-whatsapp-header-btn:hover,
.ak-whatsapp-header-btn:focus {

    background: #25d366;

    color: #080808 !important;

    border-color: #25d366;

    box-shadow:
        0 0 14px rgba(37, 211, 102, .35);

    transform: translateY(-1px);
}

/* =========================================
   CABEÇALHO WHATSAPP
   ========================================= */

.ak-whatsapp-heading {
    text-align: center !important;
    padding: 12px 10px !important;
}

.ak-whatsapp-header-btn {
    display: inline-block;

    padding: 9px 25px;

    background: #101010;

    border: 1px solid #25d366;
    border-left: 4px solid #25d366;

    border-radius: 3px;

    color: #ffffff !important;

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

    text-decoration: none !important;
    text-transform: uppercase;

    transition: all .2s ease;
}

.ak-whatsapp-header-btn:hover {
    background: #25d366;

    color: #080808 !important;

    box-shadow: 0 0 14px rgba(37, 211, 102, .35);
}


/* =========================================
   CABEÇALHO NOVIDADES
   ========================================= */

.ak-news-heading {
    background: linear-gradient(
        to right,
        #151515,
        #101010
    ) !important;

    border-left: 3px solid #b00000 !important;

    padding: 14px 16px !important;
}

.ak-news-heading .panel-title {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    text-transform: uppercase;
}

/* =========================================
   DESTAQUE NOVIDADES
   ========================================= */

.ak-news-heading {
    background: linear-gradient(
        to right,
        #1b0000,
        #111111
    ) !important;

    border-left: 5px solid #d40000 !important;
    border-bottom: 1px solid #7a0000 !important;

    padding: 16px 18px !important;

    box-shadow:
        inset 0 0 20px rgba(180,0,0,0.15),
        0 0 10px rgba(120,0,0,0.15);
}

.ak-news-heading .panel-title {
    color: #ffffff !important;

    font-size: 22px !important;
    font-weight: 800 !important;

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

    text-shadow:
        0 0 6px rgba(255,0,0,0.35);
}

.ak-whatsapp-panel {
    text-align: center !important;
    padding: 18px 10px !important;
    background: #111 !important;
    border-bottom: 1px solid #7a0000 !important;
}

.ak-whatsapp-btn {
    display: inline-block;
    padding: 12px 28px;

    background: linear-gradient(to bottom, #151515, #0a0a0a);

    border: 1px solid #25d366;
    border-left: 4px solid #25d366;

    border-radius: 3px;

    color: #fff !important;
    font-size: 15px;
    font-weight: 700;

    text-decoration: none !important;
    text-transform: uppercase;

    transition: all 0.2s ease;
}

.ak-whatsapp-btn:hover {
    background: #25d366;
    color: #080808 !important;

    box-shadow: 0 0 15px rgba(37, 211, 102, 0.4);

    transform: translateY(-1px);
}

.ak-whatsapp-main {
    display: inline-block;
    padding: 10px 26px;

    background: #111;
    border: 1px solid #25d366;
    border-left: 4px solid #25d366;

    color: #fff !important;

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

    text-transform: uppercase;
    text-decoration: none !important;

    border-radius: 3px;

    transition: all .2s ease;
}

.ak-whatsapp-main:hover {
    background: #25d366;
    color: #080808 !important;

    box-shadow: 0 0 14px rgba(37,211,102,.35);
}

.ak-donation-whatsapp {
    display: inline-block;
    margin-top: 15px;
    padding: 12px 24px;

    background: #101010;
    border: 1px solid #25d366;
    border-left: 4px solid #25d366;
    border-radius: 3px;

    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;

    transition: 0.2s;
}

.ak-donation-whatsapp:hover {
    background: #25d366;
    color: #080808 !important;
    box-shadow: 0 0 15px rgba(37, 211, 102, 0.4);
}

/* Ajuste do texto JOGUE GRÁTIS no banner */
.banner-position-left {
    left: 8% !important;
    width: 430px !important;
    max-width: 430px !important;
}

/* Título */
.banner-position-left h2 {
    font-size: 58px !important;
    line-height: 0.88 !important;
    margin: 0 0 12px 0 !important;
    white-space: nowrap;
}

/* Subtítulo */
.banner-position-left p {
    font-size: 17px !important;
    line-height: 1.2 !important;
    margin-bottom: 15px !important;
}

/* Botão */
.banner-position-left .btn {
    margin-top: 0 !important;
}

/* =========================================
   DOAÇÕES - AKIYAMA OT MODERNO
   ========================================= */

.donation-modern {
    padding: 10px;
}

.donation-intro {
    background: linear-gradient(to right, #1b0000, #0f0f0f);
    border-left: 5px solid #d00000;
    padding: 20px 22px;
    margin-bottom: 18px;
}

.donation-intro h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
}

.donation-intro p {
    margin: 0;
    color: #bcbcbc;
    line-height: 1.6;
}

.donation-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 18px;
}

.donation-card {
    background: #111;
    border: 1px solid #2e2e2e;
    border-left: 4px solid #8b0000;
    padding: 16px;
}

.donation-card h3 {
    margin: 0 0 8px;
    color: #e33434;
    font-size: 16px;
}

.donation-card p {
    margin: 0;
    color: #c5c5c5;
    line-height: 1.5;
}

.donation-pix-box {
    background: #0d0d0d;
    border: 1px solid #383838;
    border-left: 4px solid #d00000;
    padding: 20px;
    margin-bottom: 18px;
}

.donation-pix-box h3 {
    margin: 0 0 15px;
    color: #fff;
    font-size: 19px;
}

.donation-pix-box p {
    color: #cfcfcf;
    margin: 7px 0;
}

.donation-whatsapp-btn {
    display: inline-block;
    margin-top: 14px;
    padding: 11px 22px;

    background: #101010;
    border: 1px solid #25d366;
    border-left: 4px solid #25d366;

    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 3px;
}

.donation-whatsapp-btn:hover {
    background: #25d366;
    color: #080808 !important;
    box-shadow: 0 0 14px rgba(37,211,102,.35);
}

.donation-alert {
    background: #180b0b;
    border: 1px solid #5e0000;
    border-left: 4px solid #e00000;
    padding: 16px 18px;
}

.donation-alert strong {
    color: #ff3333;
}

.donation-alert p {
    margin: 6px 0 0;
    color: #bcbcbc;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .donation-grid {
        grid-template-columns: 1fr;
    }
}


/* Títulos vermelhos em negrito */
.ak-news-item h3,
.ak-reset-spell h3 {
    font-weight: 700 !important;
}

.novidades-subtitulo {
    display: block;
    font-size: 13px !important;
    font-weight: normal !important;
    margin-top: 5px;
    color: #bdbdbd;
}

/* =========================================
   RANKING AKIYAMA OT
   ========================================= */

.ranking-page,
.ranking-box,
.panel {
    color: #ddd;
}

/* painel principal */
.ranking-box,
.panel.panel-default {
    background: #111 !important;
    border: 1px solid #4a0b0b !important;
    box-shadow: 0 0 18px rgba(0,0,0,.35);
}

/* título */
.ranking-title,
.panel-heading {
    background: linear-gradient(to right, #170000, #0f0f0f) !important;
    border-bottom: 1px solid #8b0000 !important;
    color: #fff !important;
}

.ranking-title {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-left: 4px solid #d00000;
    padding: 12px 15px;
}

/* tabela */
.ranking-table {
    width: 100%;
    border-collapse: collapse;
    background: #0d0d0d;
}

.ranking-table th {
    background: #171717;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    padding: 12px 10px;
    border: 1px solid #5a5a5a;
}

.ranking-table td {
    padding: 12px 10px;
    border: 1px solid #363636;
    color: #cfcfcf;
}

/* efeito zebra */
.ranking-table tr:nth-child(even) td {
    background: #141414;
}

.ranking-table tr:nth-child(odd) td {
    background: #0f0f0f;
}

/* hover */
.ranking-table tbody tr:hover td {
    background: #1b0b0b !important;
    color: #fff;
}

/* nome do jogador */
.ranking-table td:nth-child(2) {
    color: #ff3a3a;
    font-weight: 700;
}

/* TOP 3 - AKIYAMA OT */
.ranking-table tbody tr:nth-child(1) td {
    background: linear-gradient(to right, #260000, #111111) !important;
}

.ranking-table tbody tr:nth-child(2) td {
    background: linear-gradient(to right, #1c1c1c, #111111) !important;
}

.ranking-table tbody tr:nth-child(3) td {
    background: linear-gradient(to right, #180000, #111111) !important;
}
}

/* ==========================
   MENU LATERAL DO RANKING
   ========================== */

.rank-menu {
    background: #0d0d0d;
    border: 1px solid #4b0000;
    padding: 14px;

    box-shadow:
        0 5px 18px rgba(0,0,0,.45),
        0 0 10px rgba(160,0,0,.08);

    border-radius: 3px;
}

/* cada botão */
.rank-menu a {
    position: relative;
    display: block;

    background: linear-gradient(90deg, #171717, #111111);

    color: #ff3b3b !important;

    padding: 12px 14px;
    margin-bottom: 5px;

    border: 1px solid #333;
    border-left: 3px solid #720000;

    text-decoration: none !important;

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

    transition: all .20s ease;
}

/* setinha */
.rank-menu a::after {
    content: "›";

    position: absolute;
    right: 12px;

    color: #777;
    font-size: 20px;

    transition: .20s;
}

/* passar o mouse */
.rank-menu a:hover {
    background: linear-gradient(90deg, #430606, #160606);

    color: #fff !important;

    border-color: #720000;
    border-left-color: #ff1f1f;

    padding-left: 18px;

    box-shadow:
        inset 0 0 12px rgba(255,0,0,.10),
        0 0 8px rgba(180,0,0,.15);
}

.rank-menu a:hover::after {
    color: #fff;
    right: 9px;
}

/* remove margem do último */
.rank-menu a:last-child {
    margin-bottom: 0;
}

/* =========================================
   MENU LATERAL DO RANKING
   ========================================= */

.rank-menu .panel {
    background: #101010 !important;
    border: 1px solid #4b0000 !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.45);
}

/* Título RANK */
.rank-menu h3 {
    background: linear-gradient(90deg, #160000, #0d0d0d);
    border-left: 4px solid #e00000;

    color: #ff3b3b !important;

    padding: 12px 14px;
    margin: 0 0 10px 0;

    font-size: 18px;
    font-weight: 800;
}

/* remove espaçamento exagerado */
.rank-menu .panel-body {
    padding: 12px !important;
}

/* tabela lateral */
.rank-menu-table {
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 5px !important;
}

/* células viram botões */
.rank-menu-table td {
    padding: 0 !important;

    background: transparent !important;

    border: none !important;
}

/* links */
.rank-menu-table td a {
    position: relative;

    display: block;

    padding: 12px 14px;

    background: linear-gradient(
        90deg,
        #181818,
        #111111
    );

    border: 1px solid #333;
    border-left: 3px solid #680000;

    color: #ff3b3b !important;

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

    text-decoration: none !important;

    transition: all .20s ease;
}

/* seta direita */
.rank-menu-table td a::after {
    content: "›";

    position: absolute;
    right: 13px;
    top: 50%;

    transform: translateY(-50%);

    color: #777;
    font-size: 22px;

    transition: .20s;
}

/* hover */
.rank-menu-table td a:hover {
    background: linear-gradient(
        90deg,
        #520707,
        #190505
    );

    border-color: #770000;
    border-left-color: #ff2222;

    color: #ffffff !important;

    padding-left: 18px;

    box-shadow:
        inset 0 0 12px rgba(255,0,0,.10),
        0 0 9px rgba(180,0,0,.18);
}

.rank-menu-table td a:hover::after {
    right: 9px;
    color: #ffffff;
}


/* ==============================
   ÚLTIMAS MORTES - AKIYAMA OT
   ============================== */

.death-table {
    width: 100%;
    background: #0d0d0d !important;
}

.death-table th {
    background: #171717 !important;
    color: #fff !important;

    font-weight: 800;
    text-transform: uppercase;

    border: 1px solid #3a3a3a !important;
    border-bottom: 1px solid #a00000 !important;

    padding: 11px !important;
}

.death-table td {
    background: #101010 !important;
    color: #ddd !important;

    border: 1px solid #303030 !important;

    padding: 11px !important;
}

.death-table tbody tr:nth-child(even) td {
    background: #161616 !important;
}

.death-table tbody tr:hover td {
    background: #1c0909 !important;
}

.death-player {
    color: #ff3b3b !important;
    font-weight: 700;
}

.death-killer {
    color: #ff7070 !important;
    font-weight: 700;
}


/* =====================================
   AJUSTE DO MENU SUPERIOR - AKIYAMA OT
   ===================================== */

.navbar .container {
    width: 1120px;
    max-width: 95%;
}

/* reduz um pouco o espaço entre os itens */
.navbar-nav > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    white-space: nowrap;
}

/* mantém o menu em uma única linha */
.navbar-nav {
    white-space: nowrap;
}


/* evita altura extra no cabeçalho */
.navbar {
    min-height: 65px;
}


/* ==============================
   MUDAR SENHA - AKIYAMA OT
   ============================== */

.password-box {
    max-width: 520px;
    margin: 25px auto;
    padding: 24px;

    background: #101010;
    border: 1px solid #4b0000;
    border-radius: 4px;

    box-shadow:
        0 8px 22px rgba(0,0,0,.45),
        0 0 10px rgba(180,0,0,.08);
}

.password-title {
    margin: 0 0 22px 0;
    padding: 12px 15px;

    background: linear-gradient(90deg, #170000, #0d0d0d);

    border-left: 4px solid #e00000;
    border-bottom: 1px solid #750000;

    color: #ff3b3b;
    font-size: 21px;
    font-weight: 800;
    text-transform: uppercase;
}

.password-box .form-group {
    margin-bottom: 15px;
}

.password-box label {
    display: block;

    margin-bottom: 6px;

    color: #ddd;
    font-weight: 700;
}

.password-input {
    width: 100%;

    padding: 11px 12px;

    background: #171717 !important;
    border: 1px solid #3b3b3b !important;
    border-left: 3px solid #700000 !important;

    color: #fff !important;

    border-radius: 3px;

    outline: none;

    transition: .2s;
}

.password-input:focus {
    border-color: #b00000 !important;
    border-left-color: #ff1f1f !important;

    box-shadow: 0 0 8px rgba(200,0,0,.20);
}

.password-actions {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-top: 20px;
}

.password-btn {
    padding: 10px 16px;

    background: #151515;
    border: 1px solid #444;

    color: #eee;

    border-radius: 3px;

    font-weight: 700;

    transition: .2s;
}

.password-btn-main {
    border-color: #8b0000;
}

.password-btn:hover {
    background: #242424;
    color: #fff;
}

.password-btn-main:hover {
    background: #780000;
    border-color: #d00000;
}

.password-back {
    margin-left: auto;

    color: #ff3b3b !important;
    font-weight: 700;
    text-decoration: none !important;
}

.password-back:hover {
    color: #fff !important;
}

/* ==============================
   CRIAR PERSONAGEM - AKIYAMA OT
   ============================== */

.character-box {
    max-width: 620px;
    margin: 35px auto;
    padding: 24px;

    background: #101010;
    border: 1px solid #4b0000;
    border-radius: 4px;

    box-shadow:
        0 8px 24px rgba(0,0,0,.45),
        0 0 10px rgba(180,0,0,.08);
}

.character-title {
    margin: 0 0 24px 0;
    padding: 12px 15px;

    background: linear-gradient(90deg, #170000, #0d0d0d);

    border-left: 4px solid #e00000;
    border-bottom: 1px solid #750000;

    color: #ff3b3b;

    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
}

.character-section {
    margin-bottom: 22px;
}

.character-section > label:first-child {
    display: block;

    margin-bottom: 10px;
    padding: 10px 12px;

    background: #111;

    border-left: 3px solid #b00000;

    color: #ff3b3b;

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

.character-input {
    width: 100%;
    box-sizing: border-box;

    padding: 12px 13px;

    background: #171717 !important;

    border: 1px solid #383838 !important;
    border-left: 3px solid #700000 !important;

    color: #fff !important;

    border-radius: 3px;

    outline: none;

    transition: .2s;
}

.character-input:focus {
    border-color: #990000 !important;
    border-left-color: #ff1f1f !important;

    box-shadow: 0 0 10px rgba(200,0,0,.18);
}

.character-section small {
    display: block;

    margin-top: 6px;

    color: #888;
}

.character-option {
    display: flex;
    align-items: center;
    gap: 9px;

    margin: 8px 0;
    padding: 9px 12px;

    background: #151515;

    border: 1px solid #2f2f2f;
    border-left: 3px solid #520000;

    color: #ddd;

    cursor: pointer;

    transition: .2s;
}

.character-option:hover {
    background: #220808;

    border-left-color: #e00000;

    color: #fff;
}

.character-option input[type="radio"] {
    accent-color: #c00000;
}

.character-actions {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-top: 24px;
}

.character-btn {
    padding: 10px 18px;

    background: #151515;

    border: 1px solid #444;

    color: #eee;

    border-radius: 3px;

    font-weight: 700;

    cursor: pointer;

    transition: .2s;
}

.character-btn-main {
    border-color: #8b0000;
}

.character-btn-main:hover {
    background: #790000;

    border-color: #d00000;

    box-shadow: 0 0 10px rgba(200,0,0,.22);
}

.character-back {
    margin-left: auto;

    color: #ff3b3b !important;

    font-weight: 700;

    text-decoration: none !important;
}

.character-back:hover {
    color: #fff !important;
}
/* =====================================
   BOTÃO ENTRAR / MINHA CONTA
   ===================================== */

.navbar-login,
.navbar .btn-danger {
    display: inline-block !important;

    padding: 10px 18px !important;

    margin-top: 4px !important;
    margin-left: 18px !important;

    background: linear-gradient(180deg, #8b0000, #4a0000) !important;

    border: 1px solid #d00000 !important;

    color: #fff !important;

    font-weight: 800;
    text-transform: uppercase;

    border-radius: 4px !important;

    white-space: nowrap !important;

    box-shadow: 0 0 10px rgba(180,0,0,.25);

    transition: .2s;
}

.navbar-login:hover,
.navbar .btn-danger:hover {
    background: linear-gradient(180deg, #b00000, #650000) !important;

    border-color: #ff2222 !important;

    box-shadow: 0 0 14px rgba(220,0,0,.35);
}

#navbar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

#navbar .navbar-nav {
    float: none !important;
    margin: 0 !important;
}




/* ==========================
   RANKING AKIYAMA OT
   Preto + Grafite + Vermelho
   ========================== */

.ranking-title {
    background: linear-gradient(90deg, #120000, #0d0d0d);
    border-left: 4px solid #e00000;
    border-bottom: 1px solid #a00000;

    color: #ff3333 !important;

    padding: 12px 15px;
    margin: 0 0 8px 0;

    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
}

/* TABELA */
.ranking-table {
    width: 100%;
    background: #0c0c0c !important;
    border-collapse: collapse;
}

/* CABEÇALHO */
.ranking-table th {
    background: #191919 !important;
    color: #ffffff !important;

    font-weight: 800;
    text-transform: uppercase;

    border: 1px solid #3d3d3d !important;
    border-bottom: 1px solid #b00000 !important;

    padding: 11px !important;
}

/* LINHAS */
.ranking-table td {
    background: #101010 !important;
    color: #e5e5e5 !important;

    border: 1px solid #343434 !important;
    padding: 11px !important;
}

/* LINHAS ALTERNADAS */
.ranking-table tbody tr:nth-child(even) td {
    background: #181818 !important;
}

/* NOME DO PLAYER */
.ranking-table td:nth-child(2) {
    color: #ff3030 !important;
    font-weight: 700;
}

/* PASSAR O MOUSE */
.ranking-table tbody tr:hover td {
    background: #260606 !important;
    color: #ffffff !important;
    border-color: #650000 !important;
}

/* NOME CONTINUA VERMELHO NO HOVER */
.ranking-table tbody tr:hover td:nth-child(2) {
    color: #ff4545 !important;
}

/* ==========================
   PAGINAÇÃO DO RANKING
   ========================== */

.ranking-pagination a,
.pagination a,
a.prev,
a.next {
    display: inline-block;

    padding: 10px 18px;

    background: #111 !important;
    border: 1px solid #8b0000 !important;

    color: #e5e5e5 !important;

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

    text-decoration: none !important;

    border-radius: 4px;

    box-shadow: 0 3px 8px rgba(0,0,0,.35);

    transition: all .2s ease;
}

.ranking-pagination a:hover,
.pagination a:hover,
a.prev:hover,
a.next:hover {
    background: #8b0000 !important;

    color: #fff !important;

    border-color: #d00000 !important;

    box-shadow: 0 0 12px rgba(200,0,0,.35);

    transform: translateY(-1px);
}

/* ==========================
   BOTÕES DO RANKING
   ========================== */

.pager li > a,
.pager li > span {
    background: #111 !important;
    border: 1px solid #8b0000 !important;

    color: #e8e8e8 !important;

    padding: 10px 18px !important;

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

    border-radius: 4px !important;

    text-decoration: none !important;

    box-shadow: 0 3px 8px rgba(0,0,0,.35);

    transition: all .2s ease;
}

/* Hover */
.pager li > a:hover,
.pager li > a:focus {
    background: #8b0000 !important;

    color: #fff !important;

    border-color: #d00000 !important;

    box-shadow: 0 0 12px rgba(200,0,0,.35);

    transform: translateY(-1px);
}

/* Botão desativado */
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > span {
    background: #0b0b0b !important;

    color: #555 !important;

    border-color: #2b2b2b !important;

    box-shadow: none !important;

    cursor: not-allowed;
}

.ranking-position {
    width: 70px;
    text-align: center;
    font-weight: 800;
}

.ranking-position center {
    font-size: 20px;
}

/* MENU SUPERIOR AKIYAMA */

#navbar {
    white-space: nowrap;
}

.navbar-nav > li > a {
    padding-left: 11px !important;
    padding-right: 11px !important;
}

.navbar-form {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.navbar-right {
    float: right !important;
}
/* =====================================
   ALINHAMENTO DO MENU SUPERIOR
   ===================================== */

#navbar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* menu principal */
#navbar > .navbar-nav {
    float: none !important;
    margin: 0 !important;
}

/* botão MAIS */
#navbar .menu-mais {
    float: none !important;
    margin: 0 8px !important;
    padding: 0 !important;
}

/* conta/login sempre à direita */
#navbar .conta-menu {
    float: none !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    white-space: nowrap;
}

/* diminui um pouco o espaço dos links */
#navbar .navbar-nav > li > a {
    padding-left: 11px !important;
    padding-right: 11px !important;
    white-space: nowrap;
}


/* =====================================
   MINHA CONTA - AKIYAMA OT
   ===================================== */

.account-title {
    margin: 0 0 25px 0;
    padding: 13px 16px;

    background: linear-gradient(90deg, #160000, #0d0d0d);
    border-left: 4px solid #e00000;
    border-bottom: 1px solid #750000;

    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
}

.account-section-title {
    margin: 20px 0 12px 0;
    padding: 11px 14px;

    background: #111;
    border-left: 3px solid #d00000;

    color: #ff3b3b;
    font-size: 18px;
    font-weight: 700;
}

.account-info-box {
    margin-top: 20px;
    padding: 18px;

    background: #101010;
    border: 1px solid #3d0b0b;

    box-shadow: 0 5px 16px rgba(0,0,0,.35);
}

.account-field label {
    display: block;
    margin-bottom: 7px;

    color: #ddd;
    font-weight: 700;
}

.account-input {
    width: 100%;
    max-width: 320px;

    padding: 11px 12px;

    background: #171717 !important;
    border: 1px solid #3b3b3b !important;
    border-left: 3px solid #700000 !important;

    color: #fff !important;

    border-radius: 3px;
}

.account-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;

    margin-top: 18px;
}

.account-btn {
    display: inline-block;

    padding: 10px 16px;

    background: #161616;

    border: 1px solid #444;
    border-radius: 3px;

    color: #eee !important;

    font-weight: 700;
    text-decoration: none !important;

    transition: .2s;
}

.account-btn:hover {
    background: #242424;
    color: #fff !important;
}

.account-btn-main {
    border-color: #8b0000;
}

.account-btn-main:hover {
    background: #790000;
    border-color: #d00000;

    box-shadow: 0 0 10px rgba(200,0,0,.22);
}

.account-logout {
    margin-left: auto;

    color: #ff3b3b !important;
    font-weight: 700;
    text-decoration: none !important;
}

.account-logout:hover {
    color: #fff !important;
}

.account-limit {
    color: #aaa;
    font-size: 13px;
}

.account-logout {
    display: inline-block;
    margin-left: auto;

    padding: 10px 16px;

    background: #160b0b;
    border: 1px solid #720000;
    border-radius: 3px;

    color: #ff4646 !important;

    font-weight: 700;
    text-decoration: none !important;

    transition: .2s;
}

.account-logout:hover {
    background: #790000;
    border-color: #d00000;

    color: #fff !important;

    box-shadow: 0 0 10px rgba(200,0,0,.22);
}

.delete-character-btn {
    display: inline-block;
    padding: 8px 14px;

    background: #160b0b;
    border: 1px solid #680000;
    border-radius: 3px;

    color: #ff4141 !important;
    font-weight: 700;
    text-decoration: none !important;

    transition: .2s;
}

.delete-character-btn:hover {
    background: #790000;
    border-color: #d00000;

    color: #fff !important;

    box-shadow: 0 0 8px rgba(200,0,0,.22);
}


/* =====================================
   MODAL DE LOGIN - AKIYAMA OT
   ===================================== */

.ak-login-modal .modal-content {
    background: #101010;
    border: 1px solid #4b0000;
    border-radius: 5px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.55),
        0 0 14px rgba(180,0,0,.10);

    overflow: hidden;
}

/* CABEÇALHO */
.ak-login-modal .modal-header {
    background: linear-gradient(90deg, #170000, #0d0d0d);
    border-bottom: 1px solid #750000;

    padding: 14px 18px;
}

.ak-login-modal .modal-title {
    color: #fff;

    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
}

/* BOTÃO X */
.ak-login-modal .close {
    color: #ff3b3b !important;
    opacity: 1 !important;
    text-shadow: none !important;

    font-size: 24px;
}

.ak-login-modal .close:hover {
    color: #fff !important;
}

/* CORPO */
.ak-login-modal .modal-body {
    background: #101010;
    padding: 20px;
}

/* CAMPOS */
.ak-login-modal .form-control {
    height: 42px;

    background: #171717 !important;

    border: 1px solid #383838 !important;
    border-left: 3px solid #700000 !important;

    color: #fff !important;

    border-radius: 3px;

    box-shadow: none !important;

    transition: .2s;
}

.ak-login-modal .form-control::placeholder {
    color: #777;
}

.ak-login-modal .form-control:focus {
    border-color: #990000 !important;
    border-left-color: #ff1f1f !important;

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

/* ESPAÇO ENTRE CAMPOS */
.ak-login-modal .form-group {
    margin-bottom: 14px;
}

/* ÁREA DOS BOTÕES ENTRAR / LIMPAR */
.ak-login-modal .col-md-offset-3 {
    margin-left: 0 !important;

    display: flex;
    justify-content: center;
    gap: 10px;
}

/* BOTÃO ENTRAR */
.ak-login-modal .btn-primary {
    background: linear-gradient(#8b0000, #520000) !important;

    border: 1px solid #d00000 !important;

    color: #fff !important;

    font-weight: 800;
    text-transform: uppercase;

    padding: 10px 20px;

    box-shadow: 0 0 10px rgba(180,0,0,.22);

    transition: .2s;
}

.ak-login-modal .btn-primary:hover {
    background: linear-gradient(#b00000, #680000) !important;

    border-color: #ff2222 !important;

    box-shadow: 0 0 14px rgba(220,0,0,.32);
}

/* BOTÃO LIMPAR */
.ak-login-modal .btn-default {
    background: #161616 !important;

    border: 1px solid #444 !important;

    color: #ddd !important;

    font-weight: 700;

    padding: 10px 16px;

    transition: .2s;
}

.ak-login-modal .btn-default:hover {
    background: #242424 !important;
    color: #fff !important;
}

/* RODAPÉ */
.ak-login-modal .modal-footer {
    background: #0d0d0d;

    border-top: 1px solid #3d0b0b;

    padding: 16px;
}

/* CADASTRAR */
.ak-login-modal .modal-footer .btn-primary {
    width: 100%;

    margin-bottom: 8px;

    text-align: center;
}

/* RECUPERAR SENHA */
.ak-login-modal .modal-footer .btn-default {
    width: 100%;

    text-align: center;
}



/* =========================================
   CADASTRO MODERNO - AKIYAMA OT
   ========================================= */

.register-box {
    background: #101010 !important;
    border: 1px solid #4b0000 !important;
    border-radius: 4px !important;
    overflow: hidden;

    box-shadow:
        0 8px 24px rgba(0,0,0,.50),
        0 0 12px rgba(180,0,0,.10);
}

.register-heading {
    padding: 0 !important;

    background: linear-gradient(
        90deg,
        #170000,
        #0d0d0d
    ) !important;

    border-bottom: 1px solid #750000 !important;
}

.register-heading h1 {
    margin: 0;

    padding: 15px 16px;

    color: #ffffff;

    font-size: 23px;
    font-weight: 800;

    text-transform: uppercase;
}

.register-box .panel-body {
    padding: 20px !important;

    background: #101010 !important;
}

.register-input {
    height: 43px !important;

    background: #171717 !important;

    border: 1px solid #3a3a3a !important;
    border-left: 3px solid #750000 !important;

    border-radius: 3px !important;

    color: #ffffff !important;

    box-shadow: none !important;

    transition: .2s;
}

.register-input::placeholder {
    color: #777 !important;
}

.register-input:focus {
    background: #1a1a1a !important;

    border-color: #990000 !important;
    border-left-color: #ff2020 !important;

    box-shadow:
        0 0 9px rgba(200,0,0,.20) !important;
}

.register-options {
    margin: 18px 0;

    padding: 12px;

    background: #141414;

    border-left: 3px solid #700000;

    color: #dddddd;
}

.register-options p {
    margin: 0 0 10px 0;

    color: #ffffff;

    font-weight: 700;
}

.register-options label {
    margin-right: 18px;

    cursor: pointer;
}

.register-options input[type="radio"] {
    accent-color: #c00000;
}

.register-warning {
    margin: 16px 0;

    padding: 11px 13px;

    background: #1a0808;

    border-left: 3px solid #d00000;

    color: #ff4848;

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

.register-btn-main {
    display: block;

    width: 100%;

    padding: 12px 16px;

    background: linear-gradient(
        180deg,
        #920000,
        #570000
    );

    border: 1px solid #d00000;
    border-radius: 3px;

    color: #ffffff;

    font-weight: 800;

    text-transform: uppercase;

    cursor: pointer;

    transition: .2s;
}

.register-btn-main:hover {
    background: linear-gradient(
        180deg,
        #ba0000,
        #700000
    );

    border-color: #ff2020;

    box-shadow:
        0 0 13px rgba(220,0,0,.30);
}

.register-footer {
    display: flex;

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

    padding: 15px 20px !important;

    background: #0d0d0d !important;

    border-top: 1px solid #3d0b0b !important;

    color: #cccccc;
}

.register-login-btn {
    padding: 9px 17px;

    background: #161616;

    border: 1px solid #7a0000;
    border-radius: 3px;

    color: #ffffff;

    font-weight: 800;

    text-transform: uppercase;

    cursor: pointer;

    transition: .2s;
}

.register-login-btn:hover {
    background: #790000;

    border-color: #d00000;

    box-shadow:
        0 0 9px rgba(200,0,0,.25);
}


/* =========================================
   LISTA DE MAGIAS - AKIYAMA OT
   ========================================= */

.spells-title {
    margin: 0 0 10px 0;
    padding: 12px 15px;

    background: linear-gradient(90deg, #170000, #0d0d0d);

    border-left: 4px solid #e00000;
    border-bottom: 1px solid #750000;

    color: #ff3b3b !important;

    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
}

/* tabela */
.spells-table {
    width: 100%;
    margin-bottom: 0 !important;

    background: #0f0f0f !important;

    border-collapse: collapse !important;

    color: #ddd;
}

/* cabeçalho */
.spells-table thead th {
    background: #181818 !important;

    color: #fff !important;

    font-weight: 800;
    text-transform: uppercase;

    padding: 12px 10px !important;

    border: 1px solid #3a3a3a !important;
    border-bottom: 1px solid #b00000 !important;

    text-align: center;
}

/* células */
.spells-table tbody td {
    background: #101010 !important;

    color: #ddd !important;

    padding: 10px 12px !important;

    border: 1px solid #303030 !important;

    vertical-align: middle !important;
}

/* linhas alternadas */
.spells-table tbody tr:nth-child(even) td {
    background: #161616 !important;
}

/* hover */
.spells-table tbody tr:hover td {
    background: #1c0909 !important;

    border-color: #550000 !important;
}

/* nome da magia */
.spells-table tbody td:first-child {
    color: #ff3b3b !important;

    font-weight: 700;
}

/* tipo */
.spells-table tbody td:nth-child(2) {
    color: #8fe388 !important;

    font-weight: 700;
}

/* palavras mágicas */
.spells-table tbody td:nth-child(3) {
    color: #e7d3a6 !important;

    font-style: italic;
}

/* colunas numéricas */
.spells-table tbody td:nth-child(4),
.spells-table tbody td:nth-child(5) {
    text-align: center;
}

/* vocação */
.spells-table tbody td:nth-child(6) {
    color: #ccc !important;
}

/* evita células gigantes */
.spells-table td,
.spells-table th {
    height: auto !important;
    line-height: 1.35 !important;
}

/* FOOTER MODERNO - AKIYAMA OT */
.footer-custom{margin-top:40px;padding:38px 0 0;background:#080808;border-top:1px solid #650000;color:#d5d5d5;box-shadow:0 -8px 25px rgba(0,0,0,.28)}
.footer-main-row{display:flex;flex-wrap:wrap}.footer-main-row>[class*="col-"]{display:flex;margin-bottom:24px}
.footer-card{width:100%;padding:20px;background:#101010;border:1px solid #292929;border-top:1px solid #5f0000;border-radius:4px;box-shadow:0 8px 20px rgba(0,0,0,.24)}
.footer-title{margin:0 0 18px;padding:10px 12px;background:linear-gradient(90deg,#170000,#0d0d0d);border-left:3px solid #e00000;border-bottom:1px solid #620000;color:#fff!important;font-size:17px;font-weight:800;text-transform:uppercase}
.footer-status-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #242424}.footer-label{color:#aaa;font-size:13px;text-transform:uppercase}.footer-value{color:#fff}
.server-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:3px;font-size:12px;font-weight:800;letter-spacing:.4px}.server-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
.server-online{color:#70ef79;background:rgba(20,120,30,.13);border:1px solid #245b29}.server-online .server-dot{background:#4bea57;box-shadow:0 0 8px rgba(75,234,87,.65)}
.server-offline{color:#ff6262;background:rgba(120,20,20,.13);border:1px solid #672020}.server-offline .server-dot{background:#ff3434;box-shadow:0 0 8px rgba(255,52,52,.55)}
.footer-online-button{display:block;margin-top:15px;padding:10px 12px;background:#151515;border:1px solid #6d0000;border-radius:3px;color:#ff4545!important;font-weight:700;text-align:center;text-decoration:none!important;transition:.2s}.footer-online-button:hover{background:#700000;border-color:#d00000;color:#fff!important;box-shadow:0 0 10px rgba(200,0,0,.18)}
.footer-visitors{margin-top:16px;padding-top:14px;border-top:1px solid #292929}.visitor-stat{display:flex;align-items:baseline;gap:7px}.visitor-number{color:#ff3b3b;font-size:22px;font-weight:800}.visitor-text{color:#ddd}.visitor-record{margin-top:5px;color:#858585;font-size:12px}.visitor-record strong{color:#ccc}
.footer-search-form{margin:0}.footer-search-input{height:42px!important;margin-bottom:10px;background:#171717!important;border:1px solid #363636!important;border-left:3px solid #750000!important;border-radius:3px!important;color:#fff!important;box-shadow:none!important}.footer-search-input::placeholder{color:#777}.footer-search-input:focus{border-color:#920000!important;border-left-color:#ff2222!important;box-shadow:0 0 8px rgba(200,0,0,.16)!important}
.footer-search-button{width:100%;padding:10px 15px;background:linear-gradient(180deg,#8b0000,#500000);border:1px solid #d00000;border-radius:3px;color:#fff;font-weight:800;text-transform:uppercase;transition:.2s}.footer-search-button:hover{background:linear-gradient(180deg,#ad0000,#690000);border-color:#ff2424;box-shadow:0 0 11px rgba(210,0,0,.23)}
.footer-search-help{margin:12px 0 0;color:#777;font-size:12px;line-height:1.5}.footer-brand strong{display:block;margin-bottom:7px;color:#ff3b3b;font-size:17px}.footer-brand span{display:block;color:#999;line-height:1.5}.footer-top-link{display:inline-block;margin-top:18px;color:#ddd!important;text-decoration:none!important;font-weight:700}.footer-top-link .glyphicon{margin-right:5px;color:#e00000}.footer-top-link:hover{color:#fff!important}
.footer-bottom{padding:16px 0;border-top:1px solid #242424;color:#747474;font-size:12px;text-align:center}.footer-bottom strong{color:#cfcfcf}
@media(max-width:767px){.footer-main-row{display:block}.footer-main-row>[class*="col-"]{display:block}.footer-custom{padding-top:25px}}

/* ==========================================================
   PERSONAGEM - AKIYAMA OT
   BLOCO FINAL LIMPO E COMPACTO
   ========================================================== */

.character-page {
    max-width: 1050px;
    margin: 20px auto;
    background: #101010 !important;
    border: 1px solid #4b0000 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,.32);
}

.character-page > .panel-body {
    padding: 16px !important;
}

.character-search-box {
    margin-bottom: 14px;
}

.character-page-title,
.character-section-title {
    margin: 0 0 8px !important;
    padding: 8px 12px !important;
    background: linear-gradient(90deg,#180000,#0e0e0e);
    border-left: 3px solid #e00000;
    border-bottom: 1px solid #6d0000;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 22px !important;
    font-weight: 800;
    text-transform: uppercase;
}

.character-search-form {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.character-search-group {
    width: 290px;
    margin: 0 !important;
}

.character-search-input {
    height: 36px !important;
    background: #181818 !important;
    border: 1px solid #393939 !important;
    border-left: 3px solid #750000 !important;
    border-radius: 3px !important;
    color: #fff !important;
    box-shadow: none !important;
}

.character-search-input:focus {
    border-color: #960000 !important;
    border-left-color: #ff2222 !important;
    box-shadow: 0 0 9px rgba(210,0,0,.18) !important;
}

.character-search-button,
.character-back-button {
    display: inline-block;
    min-height: 36px;
    padding: 7px 14px;
    border-radius: 3px;
    font-weight: 800;
    text-decoration: none !important;
    transition: .2s;
}

.character-search-button {
    background: linear-gradient(180deg,#910000,#520000);
    border: 1px solid #d00000;
    color: #fff;
    text-transform: uppercase;
}

.character-search-button:hover {
    background: linear-gradient(180deg,#b30000,#6a0000);
    border-color: #ff2727;
}

.character-back-button {
    background: #171717;
    border: 1px solid #3e3e3e;
    color: #ccc !important;
}

.character-back-button:hover {
    background: #222;
    border-color: #720000;
    color: #fff !important;
}

.character-alert {
    padding: 12px 14px;
    background: #190909;
    border: 1px solid #5c1515;
    border-left: 3px solid #d00000;
    color: #ff6363;
}

.character-alert strong,
.character-alert span {
    display: block;
}

.character-alert span {
    margin-top: 4px;
    color: #d2b0b0;
}

.character-profile {
    max-width: 100%;
    margin: 14px auto 0;
}

.character-profile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px !important;
    margin-bottom: 10px !important;
    background: linear-gradient(90deg,#160000,#0e0e0e);
    border: 1px solid #4b0000;
    border-left: 4px solid #d00000;
}

.character-profile-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: #9a9a9a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.character-profile-header h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 26px;
    font-weight: 900;
}

.character-level-badge {
    min-width: 76px !important;
    padding: 6px 9px !important;
    background: #111;
    border: 1px solid #5e0000;
    text-align: center;
}

.character-level-badge span,
.character-level-badge strong {
    display: block;
}

.character-level-badge span {
    color: #8c8c8c;
    font-size: 9px;
    font-weight: 800;
}

.character-level-badge strong {
    margin-top: 1px;
    color: #ff3b3b;
    font-size: 19px !important;
    line-height: 22px;
}

.character-stats-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1px !important;
    margin-bottom: 12px !important;
    background: #333;
    border: 1px solid #333;
}

.character-stat {
    min-height: 0 !important;
    padding: 7px 11px !important;
    background: #141414;
}

.character-stat:hover {
    background: #190f0f;
}

.character-stat span,
.character-stat strong {
    display: block;
}

.character-stat span {
    margin-bottom: 1px !important;
    color: #7d7d7d;
    font-size: 10px !important;
    line-height: 13px !important;
    font-weight: 700;
    text-transform: uppercase;
}

.character-stat strong {
    color: #eee;
    font-size: 13px !important;
    line-height: 16px !important;
}

.character-stat strong a {
    color: #ff4242 !important;
    text-decoration: none !important;
}

.character-stat-wide {
    grid-column: span 2;
    min-height: 0 !important;
    padding: 8px 11px !important;
}

.character-section {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
}

.character-death-list {
    border: 1px solid #303030;
}

.character-death-item {
    min-height: 0 !important;
    padding: 7px 11px !important;
    background: #141414;
    border-bottom: 1px solid #2b2b2b;
    color: #cfcfcf;
    font-size: 12px !important;
    line-height: 17px !important;
}

.character-death-item:last-child {
    border-bottom: 0;
}

.character-death-item a {
    color: #ff4141 !important;
    font-weight: 700;
}

.character-account-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 6px !important;
}

.character-account-item {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px !important;
    padding: 6px 8px !important;
    background: #141414;
    border: 1px solid #303030;
    border-left: 3px solid #650000;
    color: #ddd !important;
    text-decoration: none !important;
    transition: .2s;
}

.character-account-item:hover {
    background: #1c0c0c;
    border-color: #8a0000;
}

.character-account-index {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23px !important;
    height: 23px !important;
    background: #202020;
    border: 1px solid #494949;
    color: #aaa;
    font-size: 10px;
    font-weight: 800;
}

.character-account-name {
    flex: 1;
    color: #ff4141;
    font-size: 12px !important;
    font-weight: 700;
}

.character-account-level {
    color: #888;
    font-size: 11px !important;
}

.character-ban-box {
    margin-top: 10px;
    padding: 10px 12px;
    background: #1a0808;
    border: 1px solid #5a1414;
    border-left: 3px solid #d00000;
}

.character-ban-box strong,
.character-ban-box span {
    display: block;
}

.character-ban-box strong {
    color: #ff4a4a;
}

.character-ban-box span {
    margin-top: 4px;
    color: #c6a5a5;
}

@media (max-width:767px) {
    .character-page { margin: 12px auto; }
    .character-page > .panel-body { padding: 12px !important; }
    .character-search-group { width: 100%; }
    .character-search-button,
    .character-back-button { flex: 1; text-align: center; }
    .character-stats-grid { grid-template-columns: 1fr; }
    .character-stat-wide { grid-column: span 1; }
    .character-account-list { grid-template-columns: 1fr; }
    .character-profile-header { align-items: flex-start; }
}
/* ==========================================================
   JOGADORES ONLINE - AKIYAMA OT
   ========================================================== */

.online-page {
    max-width: 1050px;
    margin: 20px auto;
    background: #101010 !important;
    border: 1px solid #4b0000 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,.35);
}

.online-page > .panel-body {
    padding: 18px !important;
}

/* CABEÇALHO */

.online-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 14px;
    padding: 14px 16px;

    background: linear-gradient(90deg,#170000,#0d0d0d);

    border: 1px solid #4b0000;
    border-left: 4px solid #d00000;
}

.online-eyebrow {
    display: block;

    margin-bottom: 2px;

    color: #888;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;
}

.online-header h2 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 22px;
    font-weight: 900;

    text-transform: uppercase;
}

.online-header p {
    margin: 3px 0 0;

    color: #999;

    font-size: 12px;
}

/* CONTADOR */

.online-counter {
    min-width: 80px;

    padding: 7px 12px;

    background: #111;

    border: 1px solid #650000;

    text-align: center;
}

.online-counter span,
.online-counter strong {
    display: block;
}

.online-counter span {
    color: #888;

    font-size: 9px;
    font-weight: 800;
}

.online-counter strong {
    margin-top: 2px;

    color: #ff3535;

    font-size: 21px;
}

/* TABELA */

.online-table-wrapper {
    overflow-x: auto;

    border: 1px solid #303030;
}

.online-table {
    width: 100%;

    margin: 0;

    border-collapse: collapse;

    background: #131313;
}

.online-table thead th {
    padding: 9px 12px;

    background: #0d0d0d;

    border-bottom: 1px solid #850000;
    border-right: 1px solid #292929;

    color: #aaa;

    font-size: 10px;
    font-weight: 800;

    text-transform: uppercase;
}

.online-table thead th:last-child {
    border-right: 0;
}

.online-table tbody td {
    padding: 9px 12px;

    border-bottom: 1px solid #292929;
    border-right: 1px solid #292929;

    color: #ddd;

    vertical-align: middle;
}

.online-table tbody td:last-child {
    border-right: 0;
}

.online-table tbody tr:last-child td {
    border-bottom: 0;
}

.online-table tbody tr {
    transition: .15s;
}

.online-table tbody tr:hover td {
    background: #190d0d;
}

/* NOME */

.online-player-name a {
    color: #ff4141 !important;

    font-weight: 800;

    text-decoration: none !important;
}

.online-player-name a:hover {
    color: #fff !important;
}

/* VOCAÇÃO */

.online-vocation {
    color: #ddd;

    font-weight: 700;
}

.online-voc-promoted {
    color: #f0a236;
}

.online-voc-high {
    color: #ff4141;
}

/* LEVEL */

.online-level {
    color: #fff;
}

/* STATUS */

.online-status {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding: 4px 8px;

    background: rgba(30,120,40,.12);

    border: 1px solid #245b29;

    color: #6bea76;

    font-size: 10px;
    font-weight: 800;

    text-transform: uppercase;
}

.online-dot {
    width: 6px;
    height: 6px;

    display: inline-block;

    background: #4bea57;

    border-radius: 50%;

    box-shadow: 0 0 7px rgba(75,234,87,.7);
}

/* RESUMO */

.online-summary {
    margin-top: 10px;

    padding: 8px 12px;

    background: #121212;

    border-left: 3px solid #660000;

    color: #999;

    font-size: 12px;
}

.online-summary strong {
    color: #fff;
}

/* SEM JOGADORES */

.online-empty {
    display: flex;

    align-items: center;

    gap: 12px;

    padding: 15px;

    background: #121212;

    border: 1px solid #303030;
    border-left: 4px solid #700000;
}

.online-empty-icon {
    width: 32px;
    height: 32px;

    display: flex;

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

    background: #220909;

    border: 1px solid #720000;

    color: #ff4242;

    font-weight: 900;
}

.online-empty strong,
.online-empty span {
    display: block;
}

.online-empty strong {
    color: #eee;
}

.online-empty span {
    margin-top: 2px;

    color: #777;

    font-size: 12px;
}

/* ERRO */

.online-error {
    padding: 14px;

    background: #1a0909;

    border: 1px solid #620000;
    border-left: 4px solid #e00000;

    color: #ff5b5b;
}

.online-error strong,
.online-error span {
    display: block;
}

.online-error span {
    margin-top: 4px;

    color: #b99090;
}


/* MOBILE */

@media (max-width: 767px) {

    .online-page > .panel-body {
        padding: 12px !important;
    }

    .online-header {
        align-items: flex-start;
    }

    .online-header h2 {
        font-size: 18px;
    }

    .online-table {
        min-width: 600px;
    }

}/* ==========================================================
   RECUPERAR CONTA - AKIYAMA OT
   ========================================================== */

.recovery-page {
    max-width: 520px;

    margin: 25px auto;

    background: #101010 !important;

    border: 1px solid #4b0000 !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,.45),
        0 0 12px rgba(150,0,0,.08);
}

.recovery-page > .panel-body {
    padding: 20px !important;
}

/* CABEÇALHO */

.recovery-header {
    margin-bottom: 18px;

    padding: 12px 14px;

    background: linear-gradient(
        90deg,
        #170000,
        #0d0d0d
    );

    border-left: 4px solid #d00000;
    border-bottom: 1px solid #650000;
}

.recovery-eyebrow {
    display: block;

    margin-bottom: 2px;

    color: #888;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;
}

.recovery-header h2 {
    margin: 0 !important;

    color: #ff4040 !important;

    font-size: 21px;

    font-weight: 800;

    text-transform: uppercase;
}

.recovery-header p {
    margin: 4px 0 0;

    color: #999;

    font-size: 12px;
}

/* FORM */

.recovery-form {
    margin: 0;
}

.recovery-field {
    margin-bottom: 14px;
}

.recovery-field label {
    display: block;

    margin-bottom: 5px;

    color: #d0d0d0;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;
}

/* INPUT */

.recovery-input {
    width: 100%;

    height: 40px !important;

    padding: 9px 12px !important;

    background: #171717 !important;

    border: 1px solid #373737 !important;

    border-left: 3px solid #750000 !important;

    border-radius: 3px !important;

    color: #fff !important;

    box-shadow: none !important;

    transition: .2s;
}

.recovery-input::placeholder {
    color: #777;
}

.recovery-input:focus {
    border-color: #990000 !important;

    border-left-color: #ff2222 !important;

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

/* AÇÕES */

.recovery-actions {
    display: flex;

    align-items: center;

    gap: 9px;

    margin-top: 18px;
}

/* BOTÕES */

.recovery-button {
    padding: 9px 15px;

    border-radius: 3px;

    font-weight: 800;

    cursor: pointer;

    transition: .2s;
}

.recovery-button-main {
    background: linear-gradient(
        180deg,
        #920000,
        #520000
    );

    border: 1px solid #d00000;

    color: #fff;

    text-transform: uppercase;
}

.recovery-button-main:hover {
    background: linear-gradient(
        180deg,
        #b60000,
        #700000
    );

    border-color: #ff2525;

    box-shadow:
        0 0 12px rgba(220,0,0,.25);
}

.recovery-button-reset {
    background: #171717;

    border: 1px solid #444;

    color: #ccc;
}

.recovery-button-reset:hover {
    background: #242424;

    border-color: #666;

    color: #fff;
}

/* VOLTAR */

.recovery-back {
    margin-left: auto;

    color: #ff4141 !important;

    font-weight: 700;

    text-decoration: none !important;
}

.recovery-back:hover {
    color: #fff !important;
}

/* MOBILE */

@media (max-width: 767px) {

    .recovery-page {
        margin: 15px auto;
    }

    .recovery-page > .panel-body {
        padding: 14px !important;
    }

    .recovery-actions {
        flex-wrap: wrap;
    }

    .recovery-button-main,
    .recovery-button-reset {
        flex: 1;
    }

    .recovery-back {
        width: 100%;

        margin-left: 0;

        margin-top: 4px;

        text-align: center;
    }
}/* =====================================================
   RANKING - ITEM ATIVO MAIS DESTACADO
   ===================================================== */

.rank-menu-table tbody tr td {
    padding: 0 !important;
    background: #121212 !important;
    border-color: #343434 !important;
}

.rank-menu-table tbody tr td a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    padding: 15px 18px;

    color: #d6d6d6 !important;
    text-decoration: none !important;

    font-weight: 700;

    transition: all .18s ease;
}

/* seta normal */
.rank-menu-table .rank-arrow {
    color: #777;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

/* hover */
.rank-menu-table tbody tr:not(.rank-active):hover td {
    background: #1b1010 !important;
    border-color: #6d0000 !important;
}

.rank-menu-table tbody tr:not(.rank-active):hover td a {
    color: #ffffff !important;
}

/* =====================================================
   ITEM ATUAL / SELECIONADO
   ===================================================== */

.rank-menu-table tbody tr.rank-active td {
    background: linear-gradient(
        90deg,
        #8b0000 0%,
        #5c0000 55%,
        #2a0000 100%
    ) !important;

    border-top: 1px solid #ff1f1f !important;
    border-bottom: 1px solid #ff1f1f !important;
    border-left: 3px solid #ff1f1f !important;
    border-right: 1px solid #b00000 !important;

    box-shadow:
        inset 0 0 18px rgba(255, 0, 0, .12),
        0 0 8px rgba(180, 0, 0, .15);
}

.rank-menu-table tbody tr.rank-active td a {
    color: #ffffff !important;
    font-weight: 900 !important;
    text-shadow: 0 1px 2px #000;
}

/* seta da opção ativa */
.rank-menu-table tbody tr.rank-active .rank-arrow {
    color: #ffffff !important;
    font-size: 25px;
    transform: translateX(2px);
}

/* ==========================================================
   TOP 10 HOME - AKIYAMA OT
   ========================================================== */

.home-ranking-card {
    overflow: hidden;
    margin-bottom: 18px !important;
    background: #101010 !important;
    border: 1px solid #4b0000 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.32);
}

.home-ranking-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    background: linear-gradient(90deg,#170000,#0d0d0d);
    border-left: 4px solid #d00000;
    border-bottom: 1px solid #720000;
}

.home-ranking-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: #777;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

.home-ranking-heading h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 900;
}

.home-ranking-icon {
    color: #d00000;
    font-size: 15px;
}

.home-ranking-body {
    padding: 10px !important;
}

.home-ranking-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #121212;
    border: 1px solid #343434;
}

.home-ranking-table thead th {
    padding: 8px 9px;
    background: #0c0c0c;
    border-right: 1px solid #343434;
    border-bottom: 1px solid #a00000;
    color: #aaa;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.home-ranking-table thead th:last-child {
    border-right: 0;
}

.home-ranking-rank-col {
    width: 54px;
    text-align: center;
}

.home-ranking-score-col {
    width: 58px;
    text-align: center;
}

.home-ranking-row td {
    padding: 9px;
    background: #141414;
    border-right: 1px solid #303030;
    border-bottom: 1px solid #303030;
    vertical-align: middle;
    transition: .15s;
}

.home-ranking-row td:last-child {
    border-right: 0;
}

.home-ranking-row:last-child td {
    border-bottom: 0;
}

.home-ranking-row:hover td {
    background: #1d0d0d;
}

.home-ranking-position {
    text-align: center;
    color: #ddd;
    font-weight: 800;
    font-size: 13px;
}

.home-ranking-player a {
    color: #ff4141 !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
}

.home-ranking-player a:hover {
    color: #fff !important;
}

.home-ranking-score {
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

/* TOP 3 */

.home-rank-first td {
    background: linear-gradient(90deg,rgba(115,84,0,.26),#141414) !important;
    border-bottom-color: #66500e !important;
}

.home-rank-first .home-ranking-player a {
    color: #ffd85a !important;
}

.home-rank-second td {
    background: linear-gradient(90deg,rgba(115,115,115,.18),#141414) !important;
}

.home-rank-second .home-ranking-player a {
    color: #e2e2e2 !important;
}

.home-rank-third td {
    background: linear-gradient(90deg,rgba(123,60,19,.18),#141414) !important;
}

.home-rank-third .home-ranking-player a {
    color: #d99a65 !important;
}

.home-ranking-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    padding: 8px 10px;
    background: #121212;
    border: 1px solid #303030;
    border-left: 3px solid #780000;
    color: #aaa !important;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .15s;
}

.home-ranking-more span {
    color: #ff3434;
    font-size: 18px;
    line-height: 1;
}

.home-ranking-more:hover {
    background: #1b0c0c;
    border-color: #800000;
    color: #fff !important;
}

.home-ranking-empty {
    padding: 12px !important;
    color: #777;
    text-align: center;
    font-size: 11px;
}

@media (max-width: 767px) {
    .home-ranking-heading h3 {
        font-size: 15px !important;
    }

    .home-ranking-score-col {
        width: 52px;
    }
}


/* ==========================================================
   RANKING COMPLETO - TOP 3 / AKIYAMA OT
   Cole no FINAL do style.css
   ========================================================== */

.ranking-table {
    width: 100%;
    margin-bottom: 18px !important;
    background: #121212 !important;
    border: 1px solid #303030 !important;
    border-collapse: collapse;
}

.ranking-table thead th {
    padding: 10px 12px !important;
    background: #0c0c0c !important;
    border-color: #343434 !important;
    border-bottom: 1px solid #a00000 !important;
    color: #d7d7d7 !important;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    vertical-align: middle !important;
}

.ranking-table tbody td {
    padding: 10px 12px !important;
    background: #141414 !important;
    border-color: #303030 !important;
    color: #dddddd !important;
    vertical-align: middle !important;
    transition: .15s;
}

.ranking-table tbody tr.ranking-row:hover td {
    background: #1c0d0d !important;
}

/* Nome do personagem */
.ranking-table tbody td a {
    color: #ff4141 !important;
    font-weight: 800;
    text-decoration: none !important;
}

.ranking-table tbody td a:hover {
    color: #ffffff !important;
}

/* Coluna de posição */
.ranking-position {
    min-width: 58px;
    color: #eeeeee !important;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
}

/* ==========================================================
   1º LUGAR - OURO
   ========================================================== */

.ranking-table tbody tr.ranking-first td {
    background: linear-gradient(
        90deg,
        rgba(120, 88, 0, .30) 0%,
        rgba(55, 41, 6, .18) 45%,
        #141414 100%
    ) !important;
    border-bottom-color: #6c570f !important;
}

.ranking-table tbody tr.ranking-first td:first-child {
    border-left: 3px solid #c89a1a !important;
}

.ranking-table tbody tr.ranking-first td a {
    color: #ffd85a !important;
    text-shadow: 0 0 8px rgba(255,216,90,.12);
}

/* ==========================================================
   2º LUGAR - PRATA
   ========================================================== */

.ranking-table tbody tr.ranking-second td {
    background: linear-gradient(
        90deg,
        rgba(120, 120, 120, .22) 0%,
        rgba(65, 65, 65, .12) 45%,
        #141414 100%
    ) !important;
}

.ranking-table tbody tr.ranking-second td:first-child {
    border-left: 3px solid #a7a7a7 !important;
}

.ranking-table tbody tr.ranking-second td a {
    color: #e5e5e5 !important;
}

/* ==========================================================
   3º LUGAR - BRONZE
   ========================================================== */

.ranking-table tbody tr.ranking-third td {
    background: linear-gradient(
        90deg,
        rgba(126, 66, 26, .24) 0%,
        rgba(70, 34, 13, .12) 45%,
        #141414 100%
    ) !important;
}

.ranking-table tbody tr.ranking-third td:first-child {
    border-left: 3px solid #a76535 !important;
}

.ranking-table tbody tr.ranking-third td a {
    color: #d99a65 !important;
}

/* Números e conteúdos centralizados */
.ranking-table td center {
    color: inherit !important;
}

/* ==========================================================
   PAGINAÇÃO
   ========================================================== */

.pager {
    margin-top: 20px !important;
}

.pager li a {
    padding: 9px 14px !important;
    background: #121212 !important;
    border: 1px solid #3b3b3b !important;
    border-radius: 3px !important;
    color: #bdbdbd !important;
    font-weight: 700;
    text-decoration: none !important;
    transition: .15s;
}

.pager li a:hover {
    background: #1b0c0c !important;
    border-color: #860000 !important;
    color: #ffffff !important;
}

.pager .next a {
    border-color: #a00000 !important;
    color: #ffffff !important;
}

.pager .disabled a,
.pager .disabled a:hover {
    opacity: .4;
    background: #111111 !important;
    border-color: #333333 !important;
    color: #777777 !important;
    cursor: default;
}

/* Mobile */
@media (max-width: 767px) {
    .ranking-table {
        font-size: 11px;
    }

    .ranking-table thead th,
    .ranking-table tbody td {
        padding: 8px 7px !important;
    }

    .ranking-position {
        min-width: 44px;
        font-size: 16px;
    }
}


/* =========================================
   ALINHAMENTO DO MENU SUPERIOR
   ========================================= */

/* Centraliza verticalmente todos os itens */
.navbar-nav {
    display: flex !important;
    align-items: center !important;
}

/* Remove diferenças de posicionamento */
.navbar-nav > li {
    display: flex !important;
    align-items: center !important;
    height: 60px;
}

/* Links normais:
   CADASTRE-SE / RANKING / ÚLTIMAS MORTES etc. */
.navbar-nav > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    height: 44px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: normal !important;
}

/* Evita desalinhamento específico dos botões */
.navbar-nav .btn,
.navbar-nav .dropdown-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align: middle;
}/* ==========================================================
   LOGO NO CABEÇALHO DO RANKING
   ========================================================== */

.ranking-brand-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    min-height: 135px;
    margin-bottom: 8px;
    padding: 8px 16px;

    background: linear-gradient(90deg, #160000 0%, #0d0d0d 72%);
    border-left: 4px solid #d00000;
    border-bottom: 1px solid #720000;
}
.ranking-brand-logo {
    display: block;
    width: auto;
    height: 120px;
    max-width: 500px;
    object-fit: contain;
}
/* Responsivo */
@media (max-width: 767px) {
    .ranking-brand-header {
        min-height: 54px;
        padding: 7px 12px;
    }

    .ranking-brand-logo {
        height: 38px;
        max-width: 220px;
    }
}
/* ==========================================================
   LOGO NO CABEÇALHO DO RANKING
   ========================================================== */

.ranking-brand-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    min-height: 62px;
    margin-bottom: 8px;
    padding: 8px 16px;

    background: linear-gradient(90deg, #160000 0%, #0d0d0d 72%);
    border-left: 4px solid #d00000;
    border-bottom: 1px solid #720000;
}

.ranking-brand-logo {
    display: block;
    width: auto;
    height: 46px;
    max-width: 280px;
    object-fit: contain;
}

/* Responsivo */
@media (max-width: 767px) {
    .ranking-brand-header {
        min-height: 54px;
        padding: 7px 12px;
    }

    .ranking-brand-logo {
        height: 38px;
        max-width: 220px;
    }
}

/* LOGO NO CABEÇALHO DO RANKING */

.ranking-brand-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 58px;
    margin-bottom: 8px;
    padding: 7px 14px;
    background: linear-gradient(90deg, #160000, #0d0d0d);
    border-left: 4px solid #d00000;
    border-bottom: 1px solid #720000;
}

.ranking-brand-logo {
    display: block;
    width: auto;
    height: 42px;
    max-width: 260px;
    object-fit: contai/* =========================================================
   CABEÇALHO DO RANKING - AKIYAMA OT
   ========================================================= */

.ranking-brand-header {
    display: flex;
    align-items: center;
    gap: 18px;

    min-height: 90px;
    padding: 10px 20px;
    margin-bottom: 10px;

    background:
        linear-gradient(90deg,
        #190000 0%,
        #100000 32%,
        #0d0d0d 75%,
        #0d0d0d 100%);

    border-left: 4px solid #e00000;
    border-bottom: 1px solid #8b0000;

    box-sizing: border-box;
}

/* LOGO MAIOR */
.ranking-brand-logo {
    display: block;

    width: auto;
    height: 72px;
    max-width: 320px;

    object-fit: contain;
    flex-shrink: 0;

    /* deixa a logo um pouco mais destacada */
    filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.25));
}


/* TEXTO AO LADO DA LOGO */
.ranking-brand-text {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding-left: 18px;
    border-left: 1px solid #4b0000;

    line-height: 1;
}


/* RANKING */
.ranking-brand-text span {
    display: block;

    margin-bottom: 7px;

    color: #9b9b9b;

    font-size: 11px;
    font-weight: 800;

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


/* AKIYAMA OT */
.ranking-brand-text strong {
    display: block;

    color: #ffffff;

    font-size: 25px;
    font-weight: 900;

    letter-spacing: 1px;
    text-transform: uppercase;

    text-shadow:
        0 1px 0 #000,
        0 0 8px rgba(255, 0, 0, 0.15);
}


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

    .ranking-brand-header {
        min-height: 75px;
        gap: 12px;
        padding: 8px 12px;
    }

    .ranking-brand-logo {
        height: 100px;
        max-width: 350px;
    }

    .ranking-brand-text {
        padding-left: 12px;
    }

    .ranking-brand-text span {
        font-size: 9px;
        letter-spacing: 1.5px;
    }

    .ranking-brand-text strong {
        font-size: 18px;
    }
}n;
}


/* FORÇAR LOGO GRANDE NO RANKING */

.ranking-brand-header {
    min-height: 150px !important;
    padding: 10px 20px !important;
}

.ranking-brand-logo {
    height: 130px !important;
    max-width: 520px !important;
    width: auto !important;
}/* =========================================
   CABEÇALHO DO RANKING
   ========================================= */

.ranking-brand-header {
    display: flex !important;
    align-items: center !important;
    min-height: 150px !important;
    padding: 10px 25px !important;
    gap: 28px !important;

    background: linear-gradient(
        90deg,
        #160000 0%,
        #0d0d0d 65%,
        #0d0d0d 100%
    ) !important;

    border-left: 4px solid #e00000 !important;
    border-bottom: 1px solid #a00000 !important;
}

.ranking-brand-logo {
    height: 130px !important;
    width: auto !important;
    max-width: 500px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

.ranking-brand-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    padding-left: 25px !important;
    border-left: 1px solid #550000 !important;
}

/* Palavra RANKING */
.ranking-brand-text span {
    display: block !important;
    margin-bottom: 4px !important;

    color: #888 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}

/* AKIYAMA OT */
.ranking-brand-text strong {
    display: block !important;

    color: #fff !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;

    text-shadow:
        2px 2px 0 #000,
        0 0 8px rgba(255, 0, 0, 0.25) !important;
}

/* Detalhe vermelho abaixo do título */
.ranking-brand-text::after {
    content: "";
    display: block;
    width: 65px;
    height: 3px;
    margin-top: 9px;
    background: #d00000;
}/* =========================================
   BANNER DO RANKING
   ========================================= */

.ranking-brand-header {
    display: block !important;
    width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

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

    overflow: hidden !important;

    background: #0d0d0d !important;

    border-left: 4px solid #d00000 !important;
    border-bottom: 1px solid #a00000 !important;
}

.ranking-header-image {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}/* =========================================================
   AJUSTE FINAL - BANNER DO RANKING SEM ESPAÇO SOBRANDO
   ========================================================= */

.ranking-brand-header {
    display: block !important;

    width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

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

    line-height: 0 !important;

    overflow: hidden !important;

    background: #0d0d0d !important;

    border-left: 4px solid #d00000 !important;
    border-bottom: 1px solid #a00000 !important;

    box-sizing: border-box !important;
}

.ranking-header-image {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    max-width: 100% !important;

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

    vertical-align: top !important;
}/* =========================================================
   CORREÇÃO SEGURA DO BANNER DO RANKING
   NÃO ALTERA ESTRUTURA NEM COLUNAS
   ========================================================= */

.col-sm-8 .ranking-brand-header,
.col-md-8 .ranking-brand-header,
.ranking-brand-header {
    display: block !important;
    position: relative !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

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

    line-height: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}

.col-sm-8 .ranking-brand-header .ranking-header-image,
.col-md-8 .ranking-brand-header .ranking-header-image,
.ranking-brand-header .ranking-header-image {
    display: block !important;

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

    height: auto !important;
    min-height: 0 !important;

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

    line-height: 0 !important;
    vertical-align: top !important;

    box-sizing: border-box !important;
}
/* =========================================================
   CORREÇÃO FINAL DO SLIDER
   Preenche toda a largura sem deformar o banner
   ========================================================= */

.owl-carousel {
    width: 100% !important;
    max-width: 100% !important;

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

    overflow: hidden !important;
}

/* altura do banner */
.owl-carousel .item {
    position: relative !important;

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

    overflow: hidden !important;
}

/* imagem preenchendo o banner */
.owl-carousel .item > img {
    display: block !important;

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

    max-width: none !important;

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

    object-fit: cover !important;
    object-position: center center !important;
}

/* =========================================
   WHATSAPP - AJUSTE SEGURO
   NÃO ALTERA AS COLUNAS DO RANKING
   ========================================= */

.ak-whatsapp-box {
    margin-top: -58px !important;
    margin-bottom: 12px !important;
    position: relative !important;
    z-index: 20 !important;
}

/* remove aparência de caixa externa */
.ak-whatsapp-box .panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

/* deixa somente o botão */
.ak-whatsapp-box .panel-heading {
    background: transparent !important;
    border: 0 !important;
    padding: 6px 0 !important;
}

/* evita espaço interno extra */
.ak-whatsapp-box .panel-body {
    padding: 0 !important;
    min-height: 0 !important;
}