@charset "utf-8";

/*
 * TODO: RUN THROUGH PREFIXR
 */


/* =========== Fonts =========== */

@font-face {
    font-family: 'MuseoSans';
    src: url('../fonts/MuseoSans_500-webfont.eot');
    src: url('../fonts/MuseoSans_500-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans_500-webfont.svg#MuseoSans500') format('svg');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'MuseoSlab';
    src: url('../fonts/Museo_Slab_500-webfont.eot');
    src: url('../fonts/Museo_Slab_500-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo_Slab_500-webfont.woff') format('woff'),
         url('../fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
         url('../fonts/Museo_Slab_500-webfont.svg#MuseoSlab500') format('svg');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* =========== Tabelas =========== */

.tabelado {
    width: 100%;
}

.tabelado td {
    border: 1px solid #88745b;
    background: #271712;
    text-align: center;
    font-weight: bold;
}

.outfitsview {
    width: 700px;
    height: 130px;
    overflow: auto;
}

.outfitsview td {
    border: 1px solid #88745b;
    background: #271712;
    text-align: center;
    font-weight: bold;
}

/* =========== General =========== */
body {
    font-family: MuseoSans, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #c000ff;

    background-image: url("../images/bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;

    /* MOSTRA A IMAGEM INTEIRA NA LARGURA */
    background-size: 100% auto;

    background-color: #000000;

    text-shadow: 1px 1px 0 #000;
}

*, ul, li, h1, h2, p, b {
	font-weight:normal;
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:1.5;
}

*:focus {
	outline:none;
}

.clear {
	clear:both;
}

input, select, textarea {
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}

a {
	text-decoration:none;
	color:#00f3ff;
}

a:hover {
	color:#A07332;
}

a img {
	border:none;
}

#left #left_menu li a, #top_menu li a, footer #logo, #logoH, #DjokxF, a{
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
	-o-transition:0.3s all;
}

#ucp_buttons a { transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
}

/* =========== Main =========== */
#hand {
	background-image: url(../images/hand.png);
	position: absolute;
	height: 38px;
	width: 95px;
	margin: -4px 0 0 19px;
	z-index: 3;
	display: none;
}

#rodape {
	display:block;
	padding-bottom:440px;
	margin-top: -260;
	height:67px;
	color:#ffffff;
	font-size:14px;
}

#topheader {
    background: url("../images/bgreplace.png") repeat-y bottom center;
}

#footerdown {
    position: relative;

    width: 100%;
    min-height: 913px;

    margin-top: 400px;

    background-image: url("../images/lower_bg.jpg?v=20260913");
    background-repeat: no-repeat;
    background-position: top center;

    background-size: 100% auto;

    z-index: 0;
}

#wrapper {
	width:1018px;
	margin-top:286px;
	margin-left:auto;
	margin-right:auto;

}

#main {
	min-height:1000px;
	margin-top: 298px;
}

#logoH {
	opacity: 0;
	filter:alpha(opacity=0);
	width: 457px;
	height: 140px;
	background: url("../images/logo.png") no-repeat center;
background-size: contain;
	position: absolute;
	margin: -172px 0 0 489px;
}

#logoH:hover  {
	opacity: 1;
	filter:alpha(opacity=100);
}

/* =========== Menu Right =========== */

.MenuRight {
	display: block;
	float: right;
	margin: 15px -58px 0 0;
	width: 56px;
	height: 237px;
}
.SignIn { opacity : 1; filter : alpha(opacity=100); display: block; background:url(../images/SignIn.png) top; width: 56px; height: 237px; z-index: 10; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;}
.SignIn2 { position: absolute; margin-top: -237px; opacity : 0; filter : alpha(opacity=0); display: block; background:url(../images/SignIn.png) 0 711px; width: 56px; height: 237px; z-index: 5; .transition(all ease 0.5s); -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;}
.SignIn2:hover { opacity : 1 !important; filter : alpha(opacity=100) !important;  }

.Acc { opacity : 1; filter : alpha(opacity=100); display: block; background:url(../images/SignIn.png) 0 472px; width: 56px; height: 237px; z-index: 10; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;}
.Acc2 { position: absolute; margin-top: -239px; opacity : 0; filter : alpha(opacity=0); display: block; background:url(../images/SignIn.png) bottom; width: 56px; height: 237px; z-index: 5; .transition(all ease 0.5s); -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;}
.Acc2:hover { opacity : 1 !important; filter : alpha(opacity=100) !important;  }


/* =========== Top menu =========== */
/* =========== TOP MENU =========== */

#wrapper #top_menu {
    position: absolute;

    width: 1075px !important;
    height: 83px;

    margin-top: -285px;
    margin-left: -20px;

    background-image: url("../images/menu.png?v=20260914");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1075px 83px;

    box-sizing: border-box;

    z-index: 20;
}


/* ITENS DO MENU */
#top_menu li {
    float: left;
    position: relative;
    z-index: 21;
}


/* LINKS */
#top_menu li a {
    display: block;

    font-family: MuseoSlab, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;

    color: #ffffff;

    padding: 14px 20px 20px 20px;

    margin-top: 15px;

    border-right: 1px solid rgba(14, 24, 32, 0.5);
    border-left: 1px solid rgba(7, 7, 7, 0.5);

    position: relative;
    z-index: 22;

    text-shadow:
        1px 1px 2px #000,
        0 0 4px rgba(0, 0, 0, 0.8);

    transition: all 0.25s ease;
}


/* HOVER */
#top_menu li a:hover {
    color: #ffb347;

    background-color: rgba(80, 0, 0, 0.25);

    box-shadow:
        inset 0 0 8px rgba(255, 40, 0, 0.25),
        0 0 5px rgba(255, 20, 0, 0.15);

    text-shadow:
        1px 1px 2px #000,
        0 0 6px rgba(255, 40, 0, 0.7);
}


/* AO CLICAR */
#top_menu li a:active {
    color: #ffffff;

    background-color: rgba(80, 0, 0, 0.45);

    box-shadow:
        inset 0 0 10px rgba(0, 0, 0, 0.7);
}


/* PRIMEIRO LINK */
#top_menu li:first-child a {
    border-left: none;
}


/* ÚLTIMO LINK */
#top_menu li:last-child a {
    border-right: none;
}


/* POSICIONA O PRIMEIRO ITEM */
#top_menu li:first-child {
    margin-left: 150px;
}



/* =========== PLACAS MENU =========== */

#wrapper #placas {
    position: absolute;

    width: 800px !important;

    margin-top: -180px;
    margin-left: 145px;

    text-align: center;

    z-index: 15;
}


#placas li a {
    font-family: MuseoSlab, Arial, sans-serif;
    font-size: 16px;

    color: #cf9139;
}


/* ONLINE */
#playersonline {
    position: absolute;
    left: 2%;
}


#playersonline a {
    display: block;
}


/* PERSONAGEM DO DIA */
#vocationday {
    position: absolute;
    right: 0;

    margin-right: 60px;

    width: 160px;
}



/* =========== LEFT =========== */

#left {
    width: 255px !important;

    float: left;

    margin-left: 0;
}


/* BOTÃO REGISTER */
.JoinUs {
    position: relative;

    display: block;

    width: 255px;
    height: 145px;

    margin-top: -82px;

    text-indent: -9999px;

    overflow: visible;
}

/* ===== REGISTER NDBO CROSSOVER =====
   HeaderBan.png = 255x290
   0-145px   = normal
   145-290px = hover
*/
#left .Register {
    position: relative;
    display: block;
    width: 255px;
    height: 145px;

    margin: 0;
    padding: 0;

    background-image: url("../images/HeaderBan.png?v=20260913");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 255px 290px;

    cursor: pointer;
    overflow: hidden;

    z-index: 5;

    -webkit-transition: filter 0.20s ease;
    -moz-transition: filter 0.20s ease;
    -o-transition: filter 0.20s ease;
    transition: filter 0.20s ease;
}

/* Remove definitivamente o antigo segundo botão criado por pseudo-elemento */
#left .Register::before,
#left .Register::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* Hover: troca somente para a segunda metade da sprite */
#left .Register:hover {
    background-position: 0 -145px !important;

    filter:
        brightness(1.12)
        saturate(1.12)
        drop-shadow(0 0 5px rgba(255, 40, 0, 0.75));
}

/* Evita deslocamento ao clicar */
#left .Register:active {
    background-position: 0 -145px !important;
}



#left .Account {
	background: url(../images/HeaderBan.png)  no-repeat 0 -290px;
	opacity: 1;
	filter: alpha(opacity=100);
	display: block;
	width: 255px;
	height: 145px;
}

#left .Account:after {
	content: "";
	position: absolute;
	display: block;
	width: 255px;
	height: 145px;
	background: url(../images/HeaderBan.png)  no-repeat 0 -435px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

#left .Account:hover:after {
	opacity: 1;
	filter: alpha(opacity=100);
}

#left article {
	border-right:1px solid #20201D;
	box-shadow:1px 1px 0px #020508;
	-ms-box-shadow:1px 1px 0px #020508;
	-o-box-shadow:1px 1px 0px #020508;
	-moz-box-shadow:1px 1px 0px #020508;
	-webkit-box-shadow:1px 1px 0px #020508;
	background-color:rgba(0,0,0,0.2);
	margin-top: 2px;
	background: url(../images/TopPatternLeft.jpg) no-repeat top,url(../images/patternLeft.jpg) repeat;
	
}

#left article:last-child {
	border-bottom:1px solid #20201D;
	border-bottom-right-radius:3px;
}

#left article .top {
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-weight: bold;
	height:40px;
	width:255px;
	padding-top:9px;
	text-align:center;
	color:#ffffff;
	font-size:15.5px;
	display: block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#left article .body {
	padding:15px;
}

#left #left_menu li a {
	display:block;
	padding:10px;
	font-size:14px;
	color:#ffffff;
	padding-left:45px;
}

#left #left_menu li {
	background-image: url(../images/MenuSide.png);
}

#left #left_menu a img {
	margin: 6px 0 0 -21px;
	position: absolute;
}

#left #left_menu li a:hover {
	color:#88745B;
	padding-left:40px;
	-webkit-box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.7);
	box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.7);
}

#left #left_menu li a:active {
	padding-left:45px;
	-webkit-box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.7);
	box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.7);
}


#left .side_divider {
	margin-left:auto;
	margin-right:auto;
	border-bottom: 1px dotted rgba(136, 116, 91, 0.5);
	width:220px;
	margin: 20px 0 5px 0;
}

/* =========== Right =========== */
#right {
	width:730px;
	float:right;
	margin-right:10px;
}

#right article {
	box-shadow:1px 1px 0px #020508;
	-webkit-box-shadow:1px 1px 0px #020508;
	-o-box-shadow:1px 1px 0px #020508;
	-ms-box-shadow:1px 1px 0px #020508;
	-moz-box-shadow:1px 1px 0px #020508;
	background-color:#141414;
}

#right article:last-child {
	border-bottom:1px solid #20201D;
	margin-bottom:20px;
}

#right article .top {
    background-image: url("../images/main_top.png?v=20260913-2");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 730px 46px;

    height: 46px;
    width: 734px;

    padding-top: 6px;

    text-align: center;

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

    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

    display: block;

    text-shadow:
        1px 1px 2px #000,
        0 0 5px rgba(255, 70, 0, 0.55);
}

#right article .body {
	padding:15px;
	margin-bottom: 20px;
}

#right article .divider {
	background-image:url(../images/divider.png);
	background-position:center;
	height:32px;
	margin-top:15px;
}

#right article .news_bottom {
	margin-top:15px;
}

#right article .news_bottom a {
	color:#a07332;
}

#right article .news_bottom a:hover {
	color:#fff;
}

#right article .comments_button {
	float:right;
	display:block;
}

.avatar {
	float:left;
	margin-right:15px;
	margin-top:3px;
	margin-bottom:5px;
	display: block;	
	width: 130px;
	height: 130px;
	background: #2E2A20;
	border: 1px solid black;
}

.avatar img{
	display: block;
	margin: 5px auto;
	border: 1px solid black;
}


/* =========== Footer =========== */
footer {clear: both;
	background-image:url(../images/footer.png);
	height:67px;
	color:#A07332;
	font-size:14px;
}

footer p {
	display:block;
	padding:24px;
}

footer #logo {
	float:right;
	display:block;
	background-image:url(../images/fusioncms.png);
	width:143px;
	height:20px;
	margin-top:24px;
	margin-right:24px;
}

footer #logo:hover {
	background-position:0px 20px;
}


footer #DjokxF {
	float:right;
	display:block;
	background:url(../images/DjokxF.png) bottom;
	width:50px;
	height:50px;
	position: absolute;	
	margin: 11px 0 0 750px;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

footer #DjokxF:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}


/* ===== SLIDER NDBO CROSSOVER - BLOCO CORRIGIDO =====
   Este bloco funciona tanto se #slider estiver DENTRO de #slider_frame
   quanto se #slider e #slider_frame forem irmãos dentro de #slider_bg.
   Não duplique regras de slider em outra parte do arquivo.
*/

/* Container externo, caso exista no HTML */
#slider_bg {
    position: relative;
    width: 100%;
    aspect-ratio: 2100 / 690;
    margin: 0 auto 20px;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}

/* Moldura do slider */
#slider_frame {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 2100 / 690;

    margin: 0;
    padding: 0;

    background: url("../images/BGSlider.png") no-repeat center center;
    background-size: 100% 100%;

    overflow: hidden;
    box-sizing: border-box;
    z-index: 1;
}

/* Se #slider_frame estiver dentro de #slider_bg, ocupa exatamente o container */
#slider_bg > #slider_frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
}

/* O slider pode estar dentro da moldura OU ser irmão dela dentro de #slider_bg */
#slider_frame #slider,
#slider_bg > #slider {
    position: absolute !important;

    top: 6.5% !important;
    left: 2% !important;

    width: 96% !important;
    height: 87% !important;

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

    overflow: hidden !important;
    box-sizing: border-box !important;

    z-index: 2 !important;
}

/* Slides */
#slider .slide {
    position: absolute !important;
    inset: 0 !important;

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

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

    opacity: 0;
    visibility: hidden;

    transform: none !important;
    transition: opacity 0.8s ease, visibility 0.8s ease;

    overflow: hidden;
    z-index: 1;
}

#slider .slide.active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2;
}

/* Links dentro de cada slide */
#slider .slide > a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Imagens: cobre toda a área interna sem sair da moldura */
#slider img,
#slider .slide img,
#slider img.slide {
    position: absolute !important;
    inset: 0 !important;

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

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

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

    display: block !important;
    border: 0 !important;
}

/* Zoom suave somente na imagem do slide ativo */
#slider .slide.active:hover img {
    transform: scale(1.03);
    transition: transform 0.5s ease;
}

/* Setas */
.slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    width: 42px;
    height: 42px;

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

    margin: 0;
    padding: 0;

    background: rgba(0, 0, 0, 0.72);
    color: #ffffff;

    border: 1px solid rgba(255, 80, 50, 0.75);
    border-radius: 50%;

    font-size: 22px;
    line-height: 1;

    cursor: pointer;
    pointer-events: auto !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 30 !important;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.slider-nav:hover {
    background: rgba(80, 0, 0, 0.9);
    border-color: #ff3b24;
    transform: translateY(-50%) scale(1.08);
}

.slider-nav.prev {
    left: 16px;
}

.slider-nav.next {
    right: 16px;
}

/* Indicadores */
.slider-indicators {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;

    z-index: 30 !important;
    pointer-events: none;
}

.indicator {
    width: 10px;
    height: 10px;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.55);

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);

    cursor: pointer;
    pointer-events: auto !important;

    opacity: 1 !important;
    visibility: visible !important;

    transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.indicator:hover {
    background: rgba(255, 255, 255, 0.9);
    transform: scale(1.2);
}

.indicator.active {
    background: #ff3b24;
    transform: scale(1.25);
    box-shadow: 0 0 8px rgba(255, 59, 36, 0.9);
}

/* Efeitos opcionais usados pelo JavaScript */
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slideInRight {
    from { transform: translateX(100%); }
    to   { transform: translateX(0); }
}

@keyframes slideInLeft {
    from { transform: translateX(-100%); }
    to   { transform: translateX(0); }
}

@keyframes zoomIn {
    from { transform: scale(0.96); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}

#slider .slide.fade-effect {
    animation: fadeIn 0.8s ease;
}

#slider .slide.slide-effect-right {
    animation: slideInRight 0.8s ease;
}

#slider .slide.slide-effect-left {
    animation: slideInLeft 0.8s ease;
}

#slider .slide.zoom-effect {
    animation: zoomIn 0.8s ease;
}

/* Responsividade: mantém a proporção da moldura.
   Não usar padding-bottom junto com aspect-ratio. */
@media (max-width: 768px) {
    #slider_bg {
        width: 100%;
        margin: 12px auto;
    }

    .slider-nav {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

    .slider-nav.prev {
        left: 10px;
    }

    .slider-nav.next {
        right: 10px;
    }

    .slider-indicators {
        bottom: 8px;
    }

    .indicator {
        width: 8px;
        height: 8px;
    }
}

@media (max-width: 480px) {
    .slider-nav {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .slider-nav.prev {
        left: 7px;
    }

    .slider-nav.next {
        right: 7px;
    }
}

/* ===== FIM DO SLIDER CORRIGIDO ===== */

/* =========== CMS: general =========== */

.nice_button, input[type="submit"] {
	font-size: 12px; 
	text-decoration: none!important; 
	font-family: MuseoSlab, Helvetica, Arial, sans serif;
	padding: 6px;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	box-shadow: inset 0px 0px 2px black;
	-o-box-shadow: inset 0px 0px 2px black;
	-webkit-box-shadow: inset 0px 0px 2px black;
	-moz-box-shadow: inset 0px 0px 2px black;
}
.nice_button:active, input[type="submit"]:hover {
	box-shadow: inset 0px 0px 3px black;
	-o-box-shadow: inset 0px 0px 3px black;
	-webkit-box-shadow: inset 0px 0px 3px black;
	-moz-box-shadow: inset 0px 0px 3px black;
}

.nice_button, input[type="submit"] {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	background: #3a2300;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292724', endColorstr='#191816',GradientType=0 );
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #cd9548;
	text-transform: uppercase;
	border: none;
	font-weight: bold;
	border-radius: 4px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2), 0 0 5px rgba(0,0,0,.2);
	box-shadow: inset 0 0 10px rgba(0,0,0,.15), inset 0 0 0 1px rgba(255,255,255,.02), inset 0 2px 0 rgba(255,255,255,.05), 0 0 6px rgba(0,0,0,.4);
	transition: all 500ms;
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
	-o-transition: all 500ms;
}

.nice_button:hover, input[type="submit"]:hover {
	background: #422800;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#2A2826',GradientType=0 );
	box-shadow: inset 0 0 10px rgba(255,204,0,.02),inset 0 0 10px rgba(0,0,0,.15), inset 0 0 0 1px rgba(255,255,255,.02), inset 0 2px 0 rgba(255,255,255,.05), 0 0 6px rgba(0,0,0,.4);
	color: #efa034;
}

.nice_button:active, input[type="submit"]:active {border: 1px inset #666;}

/* =========== CMS: general =========== */

input[type=checkbox] {
	display:none;
}

input[type=checkbox] {
	padding-left:20px;
	height:15px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
	-webkit-appearance: none;
	-ms-appearance: none;
	margin: -5px 0 0 -8px;
	outline: none;
}

input[type=checkbox]:checked {
	background-position: 0 -15px;
}

input[type=checkbox]{
	background-image:url(../images/dark-check-orange.png);
}
				
input:-webkit-autofill {
	background-color: #1D1D1D !important;
	-webkit-box-shadow: 0 0 0px 1000px #4e3400 inset;
	color: rgb(255, 255, 255);
}

.titulo-menus {
    background-image: url(../images/menus.png);
    width: 284px;
    height: 63px;
    position: center;
    margin-bottom: -4px;
}

.titulo-menus p {
    margin: 0;
    padding: 0;
    margin-top: -10px;
    top: 22px;
    left: 60px;
    font-family: MuseoSlab, Helvetica, Arial, sans serif;
    text-transform: uppercase;
    font-size: 14px !important;
    color: #FFF;
}

/* ==================================================
   NDBO CROSSOVER - HISTORICO DE ATUALIZACOES
   ================================================== */

#changelogTable {
    width: 100%;
    margin: 0 0 15px 0;
    border-collapse: collapse;
    border-spacing: 0;
    background: rgba(5, 5, 7, 0.92);
    border: 1px solid rgba(145, 20, 15, 0.85);
    box-shadow:
        0 0 12px rgba(0, 0, 0, 0.85),
        inset 0 0 18px rgba(110, 0, 0, 0.10);
}

#changelogTable .updates-header td {
    padding: 5px 10px;
    background: linear-gradient(180deg, #4b0906 0%, #260403 48%, #140202 100%);
    border-top: 1px solid #a31c12;
    border-bottom: 1px solid #751008;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000, 0 0 5px rgba(255,30,15,.45);
    box-shadow:
        inset 0 1px 0 rgba(255,90,50,.16),
        inset 0 -1px 8px rgba(0,0,0,.65);
}

#changelogTable .updates-header a {
    color: #00efff !important;
    font-weight: bold;
}

#changelogTable .updates-header a:hover {
    color: #ff533c !important;
}

#changelogTable .update-row td {
    padding: 10px 12px;
    border-right: 1px solid rgba(100,22,15,.50);
    border-bottom: 1px solid rgba(100,22,15,.35);
    background: linear-gradient(
        180deg,
        rgba(19,10,10,.96),
        rgba(8,7,8,.96)
    );
}

#changelogTable .update-row:hover td {
    background: linear-gradient(
        180deg,
        rgba(50,12,10,.96),
        rgba(18,5,5,.98)
    );
}

#changelogTable .update-date {
    width: 30%;
    text-align: center;
    color: #d8a86c;
    font-weight: bold;
    vertical-align: middle;
    background: radial-gradient(
        circle at center,
        rgba(80,20,12,.22),
        rgba(8,6,6,.96)
    ) !important;
}

#changelogTable .update-text {
    width: 70%;
    text-align: center;
    color: #d7c4aa;
    line-height: 1.45;
    vertical-align: middle;
}

#changelogTable .update-row:last-child td {
    border-bottom: none;
}

#changelogTable td:last-child {
    border-right: none;
}


/* =====================================================
   NDBO CROSSOVER - CHANGELOG VISUAL FINAL
   ===================================================== */

#changelogTable.padraotabela {
    width: 100% !important;
    margin: 0 0 15px 0 !important;

    border-collapse: collapse !important;
    border-spacing: 0 !important;

    background: rgba(6, 4, 5, 0.96) !important;

    border: 1px solid rgba(150, 25, 15, 0.80) !important;

    box-shadow:
        0 0 10px rgba(0, 0, 0, 0.85),
        inset 0 0 20px rgba(120, 0, 0, 0.08) !important;
}


/* BARRA "ATUALIZAÇÕES MAIS RECENTES" */
#changelogTable tr.yellow td {
    padding: 5px 10px !important;

    background:
        linear-gradient(
            180deg,
            #5e0e08 0%,
            #350604 48%,
            #1c0202 100%
        ) !important;

    color: #ffffff !important;

    border-top: 1px solid #b4291c !important;
    border-bottom: 1px solid #76130c !important;

    text-align: center !important;
    font-weight: bold !important;

    text-shadow:
        1px 1px 2px #000,
        0 0 5px rgba(255, 40, 20, 0.55) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 100, 60, 0.15),
        inset 0 -8px 15px rgba(0, 0, 0, 0.30) !important;
}


/* LINK "CLIQUE AQUI..." */
#changelogTable tr.yellow td a {
    color: #00f3ff !important;
    font-weight: bold !important;
}

#changelogTable tr.yellow td a:hover {
    color: #ff5a3d !important;
    text-shadow: 0 0 6px rgba(255, 50, 20, 0.75) !important;
}


/* CAIXAS DE CONTEÚDO */
#changelogTable tr:not(.yellow) td {
    padding: 10px 12px !important;

    background:
        linear-gradient(
            180deg,
            rgba(24, 10, 10, 0.96) 0%,
            rgba(9, 6, 7, 0.98) 100%
        ) !important;

    color: #d6c1a4 !important;

    border-right: 1px solid rgba(125, 28, 18, 0.45) !important;
    border-bottom: 1px solid rgba(125, 28, 18, 0.35) !important;

    vertical-align: middle !important;

    transition:
        background 0.25s ease,
        box-shadow 0.25s ease !important;
}


/* COLUNA DA DATA */
#changelogTable tr:not(.yellow) td:first-child {
    width: 30% !important;

    text-align: center !important;

    color: #dca765 !important;
    font-weight: bold !important;

    background:
        radial-gradient(
            circle at center,
            rgba(95, 18, 10, 0.25) 0%,
            rgba(12, 6, 6, 0.98) 75%
        ) !important;

    text-shadow:
        1px 1px 2px #000,
        0 0 4px rgba(180, 55, 20, 0.22) !important;
}


/* COLUNA DA DESCRIÇÃO */
#changelogTable tr:not(.yellow) td:nth-child(2) {
    width: 70% !important;

    text-align: center !important;

    color: #d9c8af !important;

    line-height: 1.5 !important;
}


/* HOVER */
#changelogTable tr:not(.yellow):hover td {
    background:
        linear-gradient(
            180deg,
            rgba(55, 13, 10, 0.97),
            rgba(20, 5, 5, 0.98)
        ) !important;

    box-shadow:
        inset 0 0 14px rgba(255, 40, 15, 0.08) !important;
}


/* SEM BORDA DIREITA NA ÚLTIMA COLUNA */
#changelogTable tr td:last-child {
    border-right: none !important;
}


/* =====================================================
   NDBO CROSSOVER - GUILDAS DOMINANTES
   ===================================================== */

/* somente a tableinicio que vem logo depois do título */
#right #title + table.tableinicio {
    width: 100% !important;

    margin: 0 0 15px 0 !important;
    padding: 8px 0 10px 0 !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background:
        radial-gradient(
            circle at center,
            rgba(80, 10, 8, 0.20) 0%,
            rgba(10, 7, 8, 0.95) 70%
        ) !important;

    border-left: 1px solid rgba(140, 22, 15, 0.65) !important;
    border-right: 1px solid rgba(140, 22, 15, 0.65) !important;
    border-bottom: 1px solid rgba(140, 22, 15, 0.65) !important;

    box-shadow:
        inset 0 0 25px rgba(180, 15, 10, 0.08),
        0 5px 12px rgba(0, 0, 0, 0.65) !important;
}


/* COLUNAS DAS GUILDAS */
#right #title + table.tableinicio td {
    padding: 8px 12px !important;

    background: transparent !important;

    color: #f1e5d0 !important;

    text-align: center !important;
    vertical-align: middle !important;

    text-shadow:
        1px 1px 2px #000,
        0 0 4px rgba(255, 40, 20, 0.25);
}


/* LINKS / NOMES DAS GUILDAS */
#right #title + table.tableinicio a {
    color: #ffffff !important;

    font-weight: bold !important;

    text-shadow:
        1px 1px 2px #000,
        0 0 5px rgba(255, 40, 15, 0.35);
}


#right #title + table.tableinicio a:hover {
    color: #ff694c !important;

    text-shadow:
        0 0 7px rgba(255, 50, 20, 0.75);
}


/* FRAGS */
#right #title + table.tableinicio td font,
#right #title + table.tableinicio td span {
    text-shadow:
        1px 1px 2px #000,
        0 0 5px currentColor;
}


/* IMAGEM/EMBLEMA DA GUILD */
#right #title + table.tableinicio img {
    opacity: 1 !important;

    filter:
        brightness(1.10)
        saturate(1.15);

    transition:
        transform 0.25s ease,
        filter 0.25s ease;
}


#right #title + table.tableinicio img:hover {
    transform: scale(1.07);

    filter:
        brightness(1.25)
        saturate(1.25)
        drop-shadow(0 0 6px rgba(255, 40, 15, 0.55));
}


/* =====================================================
   NDBO CROSSOVER - TABLEINICIO CORRIGIDA
   Guildas Dominantes / Graduação Shinobi
   ===================================================== */

#right table.tableinicio {
    width: 100% !important;

    margin: 0 0 15px 0 !important;
    padding: 8px 0 10px 0 !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background:
        radial-gradient(
            circle at center,
            rgba(95, 12, 8, 0.24) 0%,
            rgba(15, 7, 8, 0.96) 68%,
            rgba(5, 4, 5, 0.98) 100%
        ) !important;

    border-left: 1px solid rgba(155, 30, 18, 0.72) !important;
    border-right: 1px solid rgba(155, 30, 18, 0.72) !important;
    border-bottom: 1px solid rgba(155, 30, 18, 0.72) !important;

    box-shadow:
        inset 0 0 30px rgba(180, 15, 10, 0.10),
        0 4px 12px rgba(0, 0, 0, 0.75) !important;
}


/* TODAS AS CÉLULAS */
#right table.tableinicio td {
    padding: 8px 12px !important;

    background: transparent !important;

    color: #f3e4cf !important;

    text-align: center !important;
    vertical-align: middle !important;

    border: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-shadow:
        1px 1px 2px #000,
        0 0 4px rgba(255, 45, 20, 0.25) !important;
}


/* TEXTO DENTRO DAS CÉLULAS */
#right table.tableinicio td,
#right table.tableinicio td p,
#right table.tableinicio td b,
#right table.tableinicio td strong {
    color: #f3e4cf !important;
}


/* LINKS / NOMES DAS GUILDAS */
#right table.tableinicio a {
    color: #ffffff !important;
    opacity: 1 !important;

    font-weight: bold !important;

    text-shadow:
        1px 1px 2px #000,
        0 0 5px rgba(255, 45, 20, 0.45) !important;

    transition: color 0.25s ease, text-shadow 0.25s ease;
}


#right table.tableinicio a:hover {
    color: #ff684b !important;

    text-shadow:
        0 0 7px rgba(255, 45, 20, 0.85) !important;
}


/* FRAGS / TEXTOS COLORIDOS */
#right table.tableinicio font,
#right table.tableinicio span {
    opacity: 1 !important;
    visibility: visible !important;

    text-shadow:
        1px 1px 2px #000,
        0 0 5px currentColor !important;
}


/* EMBLEMAS DAS GUILDAS */
#right table.tableinicio img {
    opacity: 1 !important;
    visibility: visible !important;

    filter:
        brightness(1.15)
        contrast(1.05)
        saturate(1.20);

    transition:
        transform 0.25s ease,
        filter 0.25s ease;
}


#right table.tableinicio img:hover {
    transform: scale(1.08);

    filter:
        brightness(1.28)
        contrast(1.08)
        saturate(1.30)
        drop-shadow(0 0 6px rgba(255, 40, 20, 0.60));
}


/* LINHAS */
#right table.tableinicio tr {
    opacity: 1 !important;
    visibility: visible !important;
}


/* SE EXISTIR A CLASSE yellowinicio */
#right table.tableinicio .yellowinicio td {
    background:
        linear-gradient(
            180deg,
            rgba(90, 12, 7, 0.95),
            rgba(35, 4, 3, 0.97)
        ) !important;

    color: #ffffff !important;

    border-top: 1px solid rgba(190, 40, 22, 0.75) !important;
    border-bottom: 1px solid rgba(120, 20, 12, 0.75) !important;
}


/* ===== GRADUAÇÃO SHINOBI ===== */

#right .tableinicio {
    color: #f0d8c0;
}

#right .tableinicio td {
    color: #f0d8c0;
}

/* deixa mensagens vazias mais integradas ao tema */
#right .tableinicio td:only-child {
    color: #ff5a45 !important;

    text-shadow:
        1px 1px 2px #000,
        0 0 6px rgba(255, 45, 20, 0.55);

    font-weight: bold;
}


/* =====================================================
   NDBO CROSSOVER - CAIXAS DE NOTICIAS
   ===================================================== */

#right table#news.padraotabela {
    width: 100% !important;

    margin: 0 0 18px 0 !important;

    border-collapse: collapse !important;
    border-spacing: 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(20, 7, 7, 0.97) 0%,
            rgba(7, 5, 6, 0.98) 100%
        ) !important;

    border: 1px solid rgba(145, 24, 16, 0.80) !important;

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.70),
        inset 0 0 18px rgba(150, 10, 5, 0.08) !important;
}


/* ===== CABEÇALHO DA NOTÍCIA ===== */

#right table#news.padraotabela tr:first-child td {
    padding: 6px 10px !important;

    background:
        linear-gradient(
            180deg,
            #620d07 0%,
            #350503 52%,
            #190202 100%
        ) !important;

    color: #ffffff !important;

    border-top: 1px solid #b62b1a !important;
    border-bottom: 1px solid #7e140c !important;

    text-align: center !important;
    font-weight: bold !important;

    text-shadow:
        1px 1px 2px #000,
        0 0 5px rgba(255, 45, 20, 0.50) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 100, 70, 0.15),
        inset 0 -7px 12px rgba(0, 0, 0, 0.30) !important;
}


/* LINKS / DATA / DEV */

#right table#news.padraotabela tr:first-child td a {
    color: #00efff !important;

    font-weight: bold !important;

    text-shadow:
        1px 1px 2px #000,
        0 0 4px rgba(0, 230, 255, 0.35) !important;
}

#right table#news.padraotabela tr:first-child td a:hover {
    color: #ff6548 !important;

    text-shadow:
        0 0 7px rgba(255, 50, 20, 0.80) !important;
}


/* ===== CONTEÚDO DA NOTÍCIA ===== */

#right table#news.padraotabela tr:not(:first-child) td {
    padding: 12px 14px !important;

    background:
        radial-gradient(
            circle at center,
            rgba(70, 15, 10, 0.18) 0%,
            rgba(18, 9, 9, 0.96) 45%,
            rgba(7, 5, 6, 0.98) 100%
        ) !important;

    color: #d9c5aa !important;

    border: none !important;

    text-align: center !important;

    line-height: 1.5 !important;

    text-shadow:
        1px 1px 2px #000 !important;
}


/* PARÁGRAFOS */

#right table#news.padraotabela p {
    color: #d9c5aa !important;

    line-height: 1.5 !important;

    margin: 5px 0 !important;
}


/* TEXTO FORTE */

#right table#news.padraotabela strong,
#right table#news.padraotabela b {
    color: #f1dec3 !important;
}


/* LINKS DENTRO DA NOTÍCIA */

#right table#news.padraotabela tr:not(:first-child) a {
    color: #ff6a4c !important;

    font-weight: bold !important;
}

#right table#news.padraotabela tr:not(:first-child) a:hover {
    color: #ffffff !important;

    text-shadow:
        0 0 6px rgba(255, 50, 20, 0.75) !important;
}


/* IMAGENS DAS NOTÍCIAS */

#right table#news.padraotabela img {
    max-width: 100% !important;
    height: auto !important;

    filter:
        brightness(1.05)
        contrast(1.05)
        saturate(1.08);
}


/* EFEITO SUAVE AO PASSAR O MOUSE */

#right table#news.padraotabela:hover {
    border-color: rgba(205, 38, 20, 0.90) !important;

    box-shadow:
        0 5px 15px rgba(0, 0, 0, 0.80),
        0 0 7px rgba(180, 20, 10, 0.18),
        inset 0 0 20px rgba(160, 15, 8, 0.10) !important;
}


/* ===== CORREÇÃO DO ESPAÇO ANTES DO LOWER_BG ===== */

#rodape {
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

#footerdown {
    margin-top: 0 !important;
}


/* =====================================================
   NDBO CROSSOVER - RODAPE INTEGRADO FINAL
   ===================================================== */

/* O footer antigo está vazio e só exibia footer.png.
   Não precisamos mais dele com a nova lower_bg. */
footer {
    display: none !important;
}


/* LOWER_BG passa a ser todo o rodapé visual */
#footerdown {
    position: relative !important;

    width: 100% !important;

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

    min-height: 0 !important;
    height: auto !important;

    /* proporção real da imagem 1686x933 */
    aspect-ratio: 1686 / 933;

    background-image: url("../images/lower_bg.jpg?v=20260914-footer") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 100% 100% !important;

    overflow: hidden;

    z-index: 0 !important;
}


/* transição suave entre o conteúdo e a lower_bg */
#footerdown::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    height: 65px;

    background: linear-gradient(
        180deg,
        rgba(0,0,0,0.88) 0%,
        rgba(5,3,4,0.45) 35%,
        rgba(0,0,0,0) 100%
    );

    pointer-events: none;

    z-index: 1;
}


/* conteúdo textual do rodapé */
#rodape {
    position: relative !important;

    width: 100% !important;
    height: auto !important;

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

    color: #ffffff !important;

    font-size: 13px !important;
    line-height: 1.45;

    text-align: center;

    background: transparent !important;

    z-index: 2;
}


#rodape a {
    color: #00eaff;
    text-decoration: none;
}


#rodape a:hover {
    color: #ff543d;
}


/* APOIADORES */
#perceiria {
    width: 100%;

    margin: 3px auto 0 auto;
    padding: 0;

    text-align: center;
}


#perceiria p {
    margin: 0 0 6px 0 !important;
    padding: 0 !important;

    color: #00eaff;

    font-weight: bold;
}


/* tira o espaço criado pelo <br> antigo */
#perceiria br {
    display: none;
}


/* integra o banner NDBO com a lower_bg */
#perceiria img {
    display: block;

    width: 390px !important;
    max-width: 70% !important;
    height: auto !important;

    margin: 4px auto 0 auto !important;

    border: 0 !important;

    opacity: 0.86;

    filter:
        brightness(0.92)
        contrast(1.05)
        saturate(1.05);

    /* faz as bordas da imagem desaparecerem suavemente */
    -webkit-mask-image:
        radial-gradient(
            ellipse at center,
            #000 52%,
            rgba(0,0,0,.90) 65%,
            transparent 100%
        );

    mask-image:
        radial-gradient(
            ellipse at center,
            #000 52%,
            rgba(0,0,0,.90) 65%,
            transparent 100%
        );

    transition:
        opacity .25s ease,
        filter .25s ease;
}


#perceiria img:hover {
    opacity: 1;

    filter:
        brightness(1.05)
        contrast(1.08)
        saturate(1.12);
}


/* =====================================================
   NDBO CROSSOVER - RODAPÉ ÚNICO / SEM SEGUNDA IMAGEM
   ===================================================== */

/* Remove a barra footer.png antiga */
footer {
    display: none !important;
    height: 0 !important;
    background: none !important;
}


/* Remove completamente a segunda imagem lower_bg */
#footerdown {
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

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

    aspect-ratio: auto !important;

    background: none !important;
    background-image: none !important;

    overflow: visible !important;

    z-index: auto !important;
}


/* Rodapé textual integrado ao fundo principal */
#rodape {
    position: relative !important;

    width: 100% !important;
    height: auto !important;

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

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.15) 0%,
            rgba(0, 0, 0, 0.72) 35%,
            rgba(0, 0, 0, 0.92) 100%
        ) !important;

    color: #ffffff !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* Link NDBO CROSSOVER */
#rodape a {
    color: #00eaff !important;
    text-decoration: none !important;
}

#rodape a:hover {
    color: #ff4b32 !important;
}


/* Remove totalmente o bloco "Apoiadores" e a segunda logo */
#perceiria {
    display: none !important;
}


/* garante que imagens antigas do rodapé não apareçam */
#rodape img {
    display: none !important;
}


/* TESTE - remove textura intermediaria */
#topheader {
    background: none !important;
}


/* =====================================================
   NDBO CROSSOVER - CORRECAO FINAL DO RODAPE
   Mantem o clear dos floats sem mostrar footer.png
   ===================================================== */

/* Footer invisivel, mas continua limpando os floats */
footer {
    display: block !important;

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

    width: 100% !important;

    height: 0 !important;
    min-height: 0 !important;

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

    background: none !important;
    background-image: none !important;

    border: 0 !important;

    overflow: hidden !important;
}


/* O rodape real so pode começar depois de todo o site */
#footerdown {
    clear: both !important;
    float: none !important;

    position: relative !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

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

    background: none !important;
    background-image: none !important;

    aspect-ratio: auto !important;

    overflow: visible !important;
}


/* Informacoes finais */
#rodape {
    position: relative !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

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

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.05) 0%,
            rgba(0, 0, 0, 0.55) 55%,
            rgba(0, 0, 0, 0.82) 100%
        ) !important;

    color: #ffffff !important;

    font-size: 12px !important;
    line-height: 1.5 !important;

    text-align: center !important;
}


/* Continua sem a imagem/apoiadores antigos */
#perceiria {
    display: none !important;
}


/* =====================================================
   NDBO CROSSOVER - CORRECAO FINAL DO RODAPE
   Mantem o clear dos floats sem mostrar footer.png
   ===================================================== */

/* Footer invisivel, mas continua limpando os floats */
footer {
    display: block !important;

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

    width: 100% !important;

    height: 0 !important;
    min-height: 0 !important;

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

    background: none !important;
    background-image: none !important;

    border: 0 !important;

    overflow: hidden !important;
}


/* O rodape real so pode começar depois de todo o site */
#footerdown {
    clear: both !important;
    float: none !important;

    position: relative !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

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

    background: none !important;
    background-image: none !important;

    aspect-ratio: auto !important;

    overflow: visible !important;
}


/* Informacoes finais */
#rodape {
    position: relative !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

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

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.05) 0%,
            rgba(0, 0, 0, 0.55) 55%,
            rgba(0, 0, 0, 0.82) 100%
        ) !important;

    color: #ffffff !important;

    font-size: 12px !important;
    line-height: 1.5 !important;

    text-align: center !important;
}


/* Continua sem a imagem/apoiadores antigos */
#perceiria {
    display: none !important;
}


/* =====================================================
   NDBO CROSSOVER - RODAPE DEFINITIVO
   Uma unica BG + rodape no final da pagina
   ===================================================== */

/* Faz o container principal reconhecer as colunas float */
#main::after {
    content: "";
    display: block;
    clear: both;
}


/* Mantém o footer apenas como elemento estrutural */
footer {
    display: block !important;

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

    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;

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

    background: none !important;
    background-image: none !important;

    border: 0 !important;

    overflow: hidden !important;
}


/* Remove definitivamente a segunda imagem lower_bg */
#footerdown {
    display: block !important;

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

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

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

    aspect-ratio: auto !important;

    background: none !important;
    background-image: none !important;

    overflow: visible !important;

    z-index: auto !important;
}


/* Mata qualquer efeito antigo da lower_bg */
#footerdown::before,
#footerdown::after {
    content: none !important;
    display: none !important;
    background: none !important;
}


/* Rodapé textual somente no FINAL da página */
#rodape {
    position: relative !important;

    display: block !important;

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

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    padding: 14px 0 18px 0 !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.10) 0%,
            rgba(0, 0, 0, 0.65) 55%,
            rgba(0, 0, 0, 0.90) 100%
        ) !important;

    color: #ffffff !important;

    font-size: 12px !important;
    line-height: 1.5 !important;

    text-align: center !important;

    z-index: 1 !important;
}


/* Links */
#rodape a {
    color: #00eaff !important;
    text-decoration: none !important;
}

#rodape a:hover {
    color: #ff5138 !important;
}


/* Não queremos mais Apoiadores / imagem antiga */
#perceiria {
    display: none !important;
}


/* garante que nenhuma imagem antiga volte */
#rodape img {
    display: none !important;
}


/* não usar mais textura intermediária */
#topheader {
    background: none !important;
}


/* Esconde seletor antigo "Pagina 0" */
select[name="newspage"] {
    display: none !important;
}


/* =====================================================
   NDBO CROSSOVER - MENU LATERAL FINAL
   Preto / Carmesim / Vermelho
   ===================================================== */


/* CONTAINER PRINCIPAL DO MENU */
#left article {
    position: relative;

    width: 255px !important;

    margin-top: 2px !important;
    padding: 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(18, 6, 7, 0.96) 0%,
            rgba(8, 7, 8, 0.97) 45%,
            rgba(4, 4, 5, 0.98) 100%
        ) !important;

    border: 1px solid rgba(115, 18, 13, 0.70) !important;

    box-shadow:
        inset 0 0 22px rgba(130, 8, 5, 0.10),
        0 0 12px rgba(0, 0, 0, 0.75) !important;

    overflow: hidden;
}


/* =====================================================
   TITULOS
   Novidades / Conta / Comunidade / Informações
   ===================================================== */

#left article .top {
    position: relative;

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

    width: 255px !important;
    height: 38px !important;

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

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            #480906 0%,
            #210303 52%,
            #0d0101 100%
        ) !important;

    border-top: 1px solid rgba(210, 42, 22, 0.65);
    border-bottom: 1px solid rgba(125, 18, 10, 0.85);

    color: #ffffff !important;

    font-family: MuseoSlab, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;

    text-align: center !important;

    text-shadow:
        1px 1px 2px #000,
        0 0 6px rgba(255, 40, 20, 0.45);

    box-shadow:
        inset 0 1px 0 rgba(255, 100, 70, 0.10),
        inset 0 -8px 15px rgba(0, 0, 0, 0.30);
}


/* PEQUENOS DETALHES VERMELHOS NOS TITULOS */
#left article .top::before,
#left article .top::after {
    content: "";

    position: absolute;
    top: 50%;

    width: 34px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d52a18
        );

    box-shadow:
        0 0 5px rgba(255, 35, 15, 0.65);
}

#left article .top::before {
    left: 14px;
}

#left article .top::after {
    right: 14px;

    transform: rotate(180deg);
}


/* =====================================================
   ITENS DO MENU
   ===================================================== */

#left #left_menu {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


#left #left_menu li {
    position: relative;

    width: 100% !important;

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

    background: none !important;
    background-image: none !important;

    border-bottom:
        1px solid rgba(95, 25, 20, 0.28);

    box-sizing: border-box;
}


/* FUNDO ALTERNADO MUITO SUTIL */
#left #left_menu li:nth-child(odd) {
    background:
        rgba(255, 255, 255, 0.010) !important;
}


/* LINK */
#left #left_menu li a {
    position: relative;

    display: flex !important;
    align-items: center;

    min-height: 39px !important;

    padding: 0 12px 0 43px !important;

    box-sizing: border-box !important;

    color: #f2ece8 !important;

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

    background:
        linear-gradient(
            90deg,
            rgba(40, 5, 5, 0.18) 0%,
            rgba(8, 8, 9, 0.15) 60%,
            rgba(0, 0, 0, 0.15) 100%
        );

    text-shadow:
        1px 1px 2px #000;

    transition:
        color 0.20s ease,
        background 0.20s ease,
        padding-left 0.20s ease,
        box-shadow 0.20s ease !important;
}


/* LINHA VERMELHA DISCRETA À ESQUERDA */
#left #left_menu li a::before {
    content: "";

    position: absolute;

    left: 0;
    top: 7px;
    bottom: 7px;

    width: 2px;

    background: transparent;

    transition:
        background 0.20s ease,
        box-shadow 0.20s ease;
}


/* =====================================================
   ÍCONE VERMELHO
   ===================================================== */

#left #left_menu a img {
    position: absolute !important;

    left: 19px !important;
    top: 50% !important;

    margin: 0 !important;

    transform: translateY(-50%);

    opacity: 0.88;

    filter:
        brightness(1.10)
        saturate(1.35)
        drop-shadow(0 0 2px rgba(255, 20, 10, 0.45));

    transition:
        transform 0.20s ease,
        filter 0.20s ease,
        opacity 0.20s ease;
}


/* =====================================================
   HOVER
   ===================================================== */

#left #left_menu li a:hover {
    padding-left: 48px !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            90deg,
            rgba(120, 12, 8, 0.46) 0%,
            rgba(50, 5, 5, 0.36) 48%,
            rgba(8, 7, 8, 0.12) 100%
        ) !important;

    box-shadow:
        inset 10px 0 15px rgba(160, 15, 8, 0.11),
        inset 0 0 12px rgba(255, 30, 15, 0.05) !important;

    text-shadow:
        1px 1px 2px #000,
        0 0 6px rgba(255, 50, 25, 0.40);
}


#left #left_menu li a:hover::before {
    background: #e32b18;

    box-shadow:
        0 0 6px rgba(255, 35, 15, 0.85);
}


/* ÍCONE NO HOVER */
#left #left_menu li a:hover img {
    opacity: 1;

    transform:
        translateY(-50%)
        scale(1.10);

    filter:
        brightness(1.30)
        saturate(1.55)
        drop-shadow(0 0 5px rgba(255, 30, 15, 0.80));
}


/* =====================================================
   CLIQUE
   ===================================================== */

#left #left_menu li a:active {
    padding-left: 46px !important;

    background:
        linear-gradient(
            90deg,
            rgba(145, 15, 10, 0.55),
            rgba(42, 4, 4, 0.45)
        ) !important;

    box-shadow:
        inset 0 0 14px rgba(0, 0, 0, 0.75) !important;
}


/* =====================================================
   ÚLTIMO ITEM
   ===================================================== */

#left #left_menu li:last-child {
    border-bottom: 0 !important;
}


/* ANTIGOS DIVISORES */
#left .side_divider {
    width: calc(100% - 26px) !important;

    margin: 10px auto !important;

    border: 0 !important;
    border-bottom:
        1px solid rgba(155, 25, 16, 0.40) !important;

    box-shadow:
        0 1px 0 rgba(0, 0, 0, 0.80);
}


/* =====================================================
   NDBO CROSSOVER - LOGO SUPERIOR FIXA
   Mesmo tamanho em todas as páginas
   ===================================================== */

#wrapper #placas {
    overflow: visible !important;
}

/* Logo NDBO */
#wrapper #placas img[src*="logo"] {
    width: 165px !important;
    height: 115px !important;

    max-width: none !important;
    max-height: none !important;

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

    display: block !important;

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

    overflow: visible !important;

    transform: none !important;
}

/* caso a logo esteja dentro de link/div */
#wrapper #placas a,
#wrapper #placas div {
    overflow: visible;
}


/* =====================================================
   NDBO CROSSOVER - BOTÃO DISCORD COMPACTO
   ===================================================== */

#left .ndbo-discord-button {
    position: relative;

    display: flex !important;
    align-items: center;

    width: 255px !important;
    height: 52px !important;

    margin: 5px 0 0 0 !important;
    padding: 0 13px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            rgba(35, 5, 6, 0.98) 0%,
            rgba(13, 7, 8, 0.98) 52%,
            rgba(5, 5, 6, 0.99) 100%
        ) !important;

    border: 1px solid rgba(135, 22, 15, 0.85) !important;

    color: #ffffff !important;

    text-decoration: none !important;

    box-shadow:
        inset 0 0 18px rgba(160, 15, 8, 0.10),
        0 0 8px rgba(0, 0, 0, 0.75);

    overflow: hidden;

    transition: all 0.20s ease !important;
}


/* detalhe vermelho lateral */
#left .ndbo-discord-button::before {
    content: "";

    position: absolute;
    left: 0;
    top: 7px;
    bottom: 7px;

    width: 2px;

    background: #d72616;

    box-shadow:
        0 0 7px rgba(255, 35, 20, 0.75);
}


/* ícone */
#left .ndbo-discord-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    margin-right: 10px;

    border: 1px solid rgba(170, 30, 20, 0.65);
    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(125, 10, 8, 0.65),
            rgba(25, 4, 5, 0.95)
        );

    color: #ff3b28;

    font-size: 18px;

    text-shadow:
        0 0 7px rgba(255, 40, 25, 0.85);
}


/* texto */
#left .ndbo-discord-text {
    display: flex;
    flex-direction: column;

    line-height: 1.15 !important;
}


#left .ndbo-discord-text strong {
    color: #ffffff;

    font-size: 13px;
    font-weight: bold;

    letter-spacing: 0.7px;

    text-shadow:
        1px 1px 2px #000,
        0 0 4px rgba(255, 30, 20, 0.35);
}


#left .ndbo-discord-text small {
    margin-top: 3px;

    color: #9b9290;

    font-size: 10px;
}


/* hover */
#left .ndbo-discord-button:hover {
    background:
        linear-gradient(
            90deg,
            rgba(105, 10, 8, 0.70),
            rgba(30, 4, 5, 0.98)
        ) !important;

    border-color: rgba(220, 42, 25, 0.90) !important;

    box-shadow:
        inset 0 0 18px rgba(200, 25, 12, 0.13),
        0 0 10px rgba(150, 15, 8, 0.32);

    transform: translateX(2px);
}


#left .ndbo-discord-button:hover .ndbo-discord-icon {
    color: #ffffff;

    border-color: #e12d1c;

    box-shadow:
        0 0 9px rgba(255, 35, 20, 0.45);
}