/* =========================================================
   MU HOWL - TEMPLATE NOVO 2026
   VERSÃO LIMPA / CONSOLIDADA
   - sem override.css
   - sem regras duplicadas
   - hero wide
   - layout full width
   - sidebar-new.php
   ========================================================= */


/* =========================================================
   BASE
   ========================================================= */

.howl-new-body {
    margin: 0;
    min-width: 0 !important;

    background:
        linear-gradient(rgba(3,4,5,.58), rgba(3,4,5,.90)),
        url("../img/background.jpg") top center / cover fixed no-repeat !important;

    color: #d8cfbf;
    font-family: "Roboto", Arial, sans-serif;
}

.howl-new-body * {
    box-sizing: border-box;
}

.howl-shell {
    width: calc(100% - 40px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   TOPBAR
   ========================================================= */

.howl-topbar {
    min-height: 38px;

    background: rgba(3,4,5,.97);

    border-bottom:
        1px solid rgba(190,130,40,.28);
}

.howl-topbar-inner {
    min-height: 38px;

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

    gap: 20px;

    font-size: 12px;
}

.howl-welcome {
    color: #b8afa1;
}

.howl-welcome strong {
    color: #efb74e;
}

.howl-top-actions {
    display: flex;
    align-items: center;

    gap: 10px;
}

.howl-top-link,
.howl-top-button {
    text-decoration: none !important;
}

.howl-top-link {
    color: #dbc59e !important;
}

.howl-top-link:hover {
    color: #f4ce78 !important;
}

.howl-top-button {
    padding: 8px 16px;

    border-radius: 4px;

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

.howl-top-button-gold {
    color: #f5d58d !important;

    border: 1px solid #9f6c21;

    background:
        linear-gradient(#4b3112,#23170b);
}

.howl-top-button-red {
    color: #ff9a84 !important;

    border: 1px solid #8d281c;

    background:
        rgba(60,8,7,.46);
}


/* =========================================================
   HEADER / NAV
   ========================================================= */

.howl-main-header {
    position: relative;
    z-index: 10;

    background: rgba(4,5,6,.96);

    border-bottom:
        1px solid rgba(190,130,40,.34);
}

.howl-nav-shell {
    min-height: 92px;

    position: relative;

    display: flex;
    align-items: flex-end;
}

.howl-logo-wrap {
    position: absolute;

    left: 50%;
    top: -24px;

    transform: translateX(-50%);

    z-index: 20;

    width: 210px;

    text-align: center;
}

.howl-main-logo {
    width: 188px;
    max-height: 136px;

    object-fit: contain;

    filter:
        drop-shadow(0 8px 18px rgba(0,0,0,.92))
        drop-shadow(0 0 13px rgba(214,145,38,.24));
}

.howl-main-nav {
    width: 100%;
}

.howl-main-nav > ul {
    width: 100% !important;

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

    list-style: none !important;

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

.howl-main-nav > ul > li {
    flex: 1 1 0 !important;

    display: block !important;

    float: none !important;

    list-style: none !important;

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

    text-align: center !important;

    border-right:
        1px solid rgba(255,255,255,.03);
}

.howl-main-nav > ul > li::marker {
    content: "";
}

.howl-main-nav > ul > li > a {
    width: 100% !important;
    min-height: 78px !important;

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

    gap: 4px;

    padding: 11px 8px !important;

    color: #c9bdab !important;

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

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

    background: transparent !important;

    border: 0 !important;

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

.howl-main-nav > ul > li > a i,
.howl-main-nav > ul > li > a svg {
    margin-bottom: 4px !important;

    font-size: 18px !important;

    color: #d0a34d !important;
}

.howl-main-nav > ul > li > a:hover {
    color: #f5d58f !important;

    background:
        linear-gradient(
            rgba(177,111,21,.12),
            transparent
        ) !important;

    box-shadow:
        inset 0 -2px 0 #d99a33 !important;
}


/* espaço para o logo central */
@media (min-width: 901px) {

    .howl-main-nav > ul > li:nth-child(4) {
        margin-right: 105px !important;
    }

    .howl-main-nav > ul > li:nth-child(5) {
        margin-left: 105px !important;
    }
}


/* =========================================================
   PAGE
   ========================================================= */

.howl-page {
    padding-top: 10px !important;
    padding-bottom: 26px;
}


/* =========================================================
   HOME LAYOUT
   ========================================================= */

.howl-home-layout {
    width: 100% !important;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        360px !important;

    gap: 14px !important;

    align-items: start;
}

.howl-home-main {
    width: 100% !important;

    min-width: 0 !important;
}

.howl-home-sidebar {
    width: 360px !important;
    max-width: 360px !important;

    min-width: 0;

    display: block !important;
}


/* =========================================================
   HERO
   ========================================================= */

.howl-hero {
    position: relative !important;

    width: 100% !important;

    aspect-ratio: 21 / 9 !important;

    max-height: none !important;

    overflow: hidden !important;

    border:
        1px solid rgba(205,148,50,.48) !important;

    background: #050505 !important;

    box-shadow:
        0 14px 35px rgba(0,0,0,.55),
        inset 0 0 30px rgba(0,0,0,.25) !important;
}

.howl-hero-art {
    position: absolute !important;

    inset: 0 !important;

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

.howl-hero-art img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    /* preserva melhor as cabeças dos personagens */
    object-position: center 30% !important;

    display: block !important;

    filter:
        brightness(.96)
        saturate(1.04)
        contrast(1.03) !important;
}

.howl-hero-overlay {
    position: absolute !important;

    inset: 0 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.06),
            transparent 25%,
            transparent 75%,
            rgba(0,0,0,.06)
        ) !important;
}

/* texto HTML do hero fica oculto porque a arte atual já possui texto */
.howl-hero-copy {
    display: none !important;
}


/* =========================================================
   STATUS CARDS
   ========================================================= */

.howl-stats {
    width: 100% !important;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 8px;

    margin: 10px 0 14px;

    padding: 9px;

    border:
        1px solid rgba(181,121,32,.34);

    background:
        rgba(7,8,9,.96);
}

.howl-stat-card {
    min-width: 0;
    min-height: 92px;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 11px;

    border:
        1px solid rgba(255,255,255,.08);

    background:
        linear-gradient(
            180deg,
            rgba(29,27,23,.96),
            rgba(12,12,12,.99)
        );
}

.howl-stat-icon {
    min-width: 48px;

    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(197,145,54,.30);

    border-radius: 50%;

    color: #d5a84f;

    font-size: 20px;
}

.howl-stat-card span,
.howl-stat-card small {
    display: block;
}

.howl-stat-card span {
    color: #d8d0c3;

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

.howl-stat-card strong {
    display: block;

    margin: 2px 0;

    color: #efc36e;

    font-size: 20px;
    line-height: 1;
}

.howl-stat-card small {
    color: #91897e;

    font-size: 10px;
}

.is-online {
    color: #8edc52 !important;
}

.is-offline {
    color: #e06058 !important;
}


/* =========================================================
   SECTION TITLE / MODULE FRAME
   ========================================================= */

.howl-section-title {
    min-height: 42px;

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

    padding: 0 14px;

    border:
        1px solid rgba(178,119,31,.34);

    background:
        linear-gradient(
            180deg,
            rgba(32,28,22,.97),
            rgba(12,12,12,.99)
        );

    color: #e7bb65;

    font-family: "Cinzel", serif;

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

.howl-section-more {
    padding: 5px 11px;

    border:
        1px solid rgba(205,147,47,.50);

    background:
        rgba(91,56,14,.18);

    color: #e4b45c !important;

    font-family: "Roboto",sans-serif;

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

    text-decoration: none !important;
}

.howl-section-more:hover {
    color: #ffe09a !important;

    background:
        rgba(156,97,21,.24);
}

.howl-news-area,
.howl-module-frame {
    width: 100% !important;
}

.howl-module-frame {
    padding: 12px;

    border:
        1px solid rgba(178,119,31,.25);

    border-top: 0;

    background:
        rgba(7,8,9,.96);
}

.howl-internal-module {
    border-top:
        1px solid rgba(178,119,31,.25);
}


/* =========================================================
   WEBENGINE MODULE HARMONIZATION
   ========================================================= */

.howl-module-frame .panel-news,
.howl-module-frame .card {
    background:
        linear-gradient(
            180deg,
            rgba(24,22,19,.98),
            rgba(10,10,10,.99)
        ) !important;

    color: #cec5b8 !important;

    border:
        1px solid rgba(183,125,39,.28) !important;
}

.howl-module-frame .panel-news .panel-heading,
.howl-module-frame .card-header {
    background:
        linear-gradient(
            180deg,
            #4c3213,
            #23170b
        ) !important;

    color: #efc36b !important;

    border-bottom:
        1px solid rgba(213,157,61,.30) !important;
}

.howl-module-frame .panel-news .panel-body,
.howl-module-frame .panel-news .panel-footer,
.howl-module-frame .card-body,
.howl-module-frame .card-footer {
    background:
        rgba(11,11,11,.98) !important;

    color: #c9c0b3 !important;

    border-color:
        rgba(183,125,39,.18) !important;
}


/* =========================================================
   SIDEBAR NOVA
   ========================================================= */

.howl-sidebar-new {
    width: 100%;
}

.howl-sidebox {
    position: relative;

    margin-bottom: 14px;

    background:
        linear-gradient(
            180deg,
            rgba(20,19,17,.98),
            rgba(8,8,8,.99)
        );

    border:
        1px solid rgba(196,137,43,.42);

    box-shadow:
        0 10px 28px rgba(0,0,0,.42);

    overflow: hidden;
}

.howl-sidebox::before {
    content: "";

    position: absolute;

    top: 0;
    left: 12%;
    right: 12%;

    height: 1px;

    z-index: 3;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(245,190,83,.18),
            rgba(245,190,83,.75),
            rgba(245,190,83,.18),
            transparent
        );
}


/* títulos */
.howl-sidebox-title {
    min-height: 43px;

    display: flex;
    align-items: center;

    padding: 0 14px;

    color: #efc36b;

    font-family: "Cinzel", serif;

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

    background:
        linear-gradient(
            180deg,
            rgba(79,51,18,.98),
            rgba(31,20,9,.99)
        );

    border-bottom:
        1px solid rgba(211,154,53,.34);

    text-shadow:
        0 2px 2px rgba(0,0,0,.9);
}

.howl-sidebox-title i {
    width: 22px;

    color: #e0a63d;
}

.howl-sidebox-body {
    padding: 14px;

    background:
        linear-gradient(
            180deg,
            rgba(13,13,13,.99),
            rgba(7,7,7,.99)
        );
}


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

.howl-login-field {
    width: 100%;

    display: flex;

    margin-bottom: 11px;
}

.howl-login-icon {
    width: 44px;
    min-width: 44px;

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

    color: #e4a942;

    background:
        linear-gradient(
            #302414,
            #16110b
        );

    border:
        1px solid rgba(201,142,43,.38);

    border-right: 0;
}

.howl-login-field input {
    width: 100%;
    height: 42px;

    padding: 0 12px;

    color: #ddd3c4;

    background: #0c0c0c;

    border:
        1px solid rgba(201,142,43,.30);

    outline: none;
}

.howl-login-field input::placeholder {
    color: #746d63;
}

.howl-login-field input:focus {
    border-color:
        rgba(231,171,67,.72);

    box-shadow:
        inset 0 0 10px rgba(0,0,0,.7),
        0 0 8px rgba(205,142,42,.08);
}

.howl-login-actions {
    display: flex;

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

    gap: 10px;
}

.howl-gold-button,
.howl-panel-button {
    display: inline-flex;

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

    min-height: 36px;

    padding: 7px 16px;

    color: #100a03 !important;

    font-weight: 700;

    text-decoration: none !important;

    background:
        linear-gradient(
            180deg,
            #d49a3d,
            #9b661e 55%,
            #67410f
        );

    border:
        1px solid #e0ad54;

    box-shadow:
        inset 0 1px rgba(255,255,255,.25),
        0 3px 10px rgba(0,0,0,.38);

    cursor: pointer;

    transition:
        filter .18s ease,
        transform .18s ease;
}

.howl-gold-button:hover,
.howl-panel-button:hover {
    filter: brightness(1.12);

    transform:
        translateY(-1px);
}

.howl-text-button {
    color: #d3b981 !important;

    font-size: 11px;

    text-decoration: none !important;
}

.howl-text-button:hover {
    color: #f3cf79 !important;
}


/* =========================================================
   SIDEBAR PROMO BANNERS
   ========================================================= */

.howl-promo-banner {
    position: relative;

    display: block;

    width: 100%;

    margin-bottom: 14px;

    overflow: hidden;

    border:
        1px solid rgba(196,137,43,.42);

    background: #070707;

    box-shadow:
        0 10px 24px rgba(0,0,0,.38);
}

.howl-promo-banner img {
    display: block;

    width: 100%;
    height: auto;

    filter:
        brightness(.88)
        saturate(.90);

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

.howl-promo-banner:hover img {
    transform:
        scale(1.02);

    filter:
        brightness(1)
        saturate(1.05);
}

.howl-promo-banner::after {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            110deg,
            transparent 35%,
            rgba(255,200,99,.055) 50%,
            transparent 65%
        );

    transform:
        translateX(-80%);

    transition:
        transform .45s ease;
}

.howl-promo-banner:hover::after {
    transform:
        translateX(80%);
}


/* =========================================================
   SIDEBAR QUICK LINKS
   ========================================================= */

.howl-quick-links {
    padding: 10px;

    background: #090909;
}

.howl-quick-link {
    min-height: 52px;

    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 8px;

    padding: 8px 12px;

    text-decoration: none !important;

    border:
        1px solid rgba(255,255,255,.08);

    background:
        rgba(255,255,255,.025);

    transition:
        transform .18s ease,
        filter .18s ease;
}

.howl-quick-link:last-child {
    margin-bottom: 0;
}

.howl-quick-link:hover {
    transform:
        translateX(3px);

    filter:
        brightness(1.12);
}

.howl-quick-link > i {
    width: 28px;

    font-size: 22px;

    text-align: center;
}

.howl-quick-link div {
    display: flex;
    flex-direction: column;
}

.howl-quick-link strong {
    font-size: 12px;
}

.howl-quick-link span {
    margin-top: 1px;

    color: #aaa196;

    font-size: 10px;
}

.howl-quick-green {
    color: #85e66b !important;

    border-color:
        rgba(80,180,69,.30);

    background:
        linear-gradient(
            90deg,
            rgba(35,105,32,.25),
            rgba(8,8,8,.80)
        );
}

.howl-quick-red {
    color: #ef7770 !important;

    border-color:
        rgba(190,63,56,.30);

    background:
        linear-gradient(
            90deg,
            rgba(120,31,28,.26),
            rgba(8,8,8,.80)
        );
}

.howl-quick-gold {
    color: #f0bf54 !important;

    border-color:
        rgba(199,143,45,.34);

    background:
        linear-gradient(
            90deg,
            rgba(119,76,18,.28),
            rgba(8,8,8,.80)
        );
}

.howl-quick-purple {
    color: #c47bff !important;

    border-color:
        rgba(150,77,205,.32);

    background:
        linear-gradient(
            90deg,
            rgba(84,35,125,.28),
            rgba(8,8,8,.80)
        );
}

.howl-quick-blue {
    color: #63bfff !important;

    border-color:
        rgba(44,128,197,.34);

    background:
        linear-gradient(
            90deg,
            rgba(25,76,126,.30),
            rgba(8,8,8,.80)
        );
}


/* =========================================================
   SIDEBAR SERVER INFO
   ========================================================= */

.howl-server-list {
    background: #090909;
}

.howl-server-row {
    min-height: 35px;

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

    padding: 7px 12px;

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

.howl-server-row span {
    color: #aaa195;

    font-size: 11px;
}

.howl-server-row strong {
    color: #e7d4aa;

    font-size: 11px;
}

.howl-server-online {
    color: #6bdd82 !important;
}

.howl-server-offline {
    color: #e55b55 !important;
}

.howl-server-online i,
.howl-server-offline i {
    margin-right: 4px;

    font-size: 7px;
}

.howl-server-more {
    min-height: 38px;

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

    gap: 7px;

    color: #e9bd63 !important;

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

    text-decoration: none !important;

    background:
        linear-gradient(
            180deg,
            #271b0d,
            #100c07
        );

    border-top:
        1px solid rgba(196,137,43,.30);
}

.howl-server-more:hover {
    color: #ffe09a !important;

    background:
        linear-gradient(
            180deg,
            #3c2810,
            #171008
        );
}


/* =========================================================
   SIDEBAR USER LOGGED
   ========================================================= */

.howl-user-welcome {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 12px;

    padding-bottom: 12px;

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

.howl-user-avatar {
    width: 46px;
    height: 46px;

    display: grid;
    place-items: center;

    color: #e0a644;

    font-size: 20px;

    border:
        1px solid rgba(206,147,49,.45);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            #322311,
            #0c0c0c
        );
}

.howl-user-welcome span,
.howl-user-welcome strong {
    display: block;
}

.howl-user-welcome span {
    color: #9f968a;

    font-size: 10px;
}

.howl-user-welcome strong {
    color: #e7dcc9;

    font-size: 12px;
}

.howl-user-menu ul {
    margin: 0 0 12px !important;

    padding: 0 !important;

    list-style: none !important;
}

.howl-user-menu li {
    list-style: none !important;

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

.howl-user-menu li a {
    min-height: 34px;

    display: flex;
    align-items: center;

    padding: 5px 8px;

    color: #bab1a5 !important;

    font-size: 11px;

    text-decoration: none !important;
}

.howl-user-menu li a:hover {
    color: #edbd62 !important;

    background:
        rgba(194,130,34,.07);
}

.howl-user-menu li a i {
    width: 24px !important;

    padding: 0 !important;

    color: #d59c3d !important;

    background: transparent !important;

    border: 0 !important;
}

.howl-panel-button {
    width: 100%;

    margin-top: 6px;
}

.howl-logout-link {
    display: block;

    margin-top: 9px;

    color: #9c9285 !important;

    font-size: 10px;

    text-align: center;

    text-decoration: none !important;
}

.howl-logout-link:hover {
    color: #dc7568 !important;
}

.howl-bottom-banner {
    margin-top: 0;
}


/* =========================================================
   INNER PAGES
   ========================================================= */

.howl-inner-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        360px;

    gap: 14px;
}

.howl-side-column {
    min-width: 0;
}

.howl-no-sidebar {
    grid-template-columns: 1fr;
}


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

.howl-footer {
    border-top:
        1px solid rgba(180,121,34,.28);

    background:
        rgba(4,5,6,.97);

    color: #8f877c;
}


/* =========================================================
   RESPONSIVE - LARGE DESKTOP
   ========================================================= */

@media (min-width: 1600px) {

    .howl-shell {
        width:
            calc(100% - 60px) !important;
    }
}

@media (min-width: 1800px) {

    .howl-home-layout,
    .howl-inner-grid {
        grid-template-columns:
            minmax(0, 1fr)
            380px !important;
    }

    .howl-home-sidebar {
        width: 380px !important;
        max-width: 380px !important;
    }
}


/* =========================================================
   RESPONSIVE - NOTEBOOK
   ========================================================= */

@media (max-width: 1150px) {

    .howl-shell {
        width:
            calc(100% - 24px) !important;
    }

    .howl-home-layout,
    .howl-inner-grid {
        grid-template-columns:
            minmax(0, 1fr)
            300px !important;
    }

    .howl-home-sidebar {
        width: 300px !important;
        max-width: 300px !important;
    }

    .howl-stats {
        grid-template-columns:
            repeat(2, 1fr) !important;
    }
}


/* =========================================================
   RESPONSIVE - TABLET / MOBILE
   ========================================================= */

@media (max-width: 900px) {

    .howl-shell {
        width:
            calc(100% - 16px) !important;
    }

    .howl-topbar-inner {
        flex-direction: column;

        justify-content: center;

        padding: 7px 0;
    }

    .howl-nav-shell {
        padding-top: 88px;
    }

    .howl-logo-wrap {
        top: 4px;
    }

    .howl-main-nav > ul {
        flex-wrap: wrap !important;
    }

    .howl-main-nav > ul > li {
        flex:
            1 1 33.333% !important;

        margin: 0 !important;
    }

    .howl-home-layout,
    .howl-inner-grid {
        grid-template-columns:
            1fr !important;
    }

    .howl-home-sidebar {
        width: 100% !important;
        max-width: none !important;

        margin-top: 14px;
    }

    .howl-side-column {
        margin-top: 14px;
    }

    .howl-hero {
        aspect-ratio:
            16 / 9 !important;
    }
}


/* =========================================================
   RESPONSIVE - SMALL MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .howl-stats {
        grid-template-columns:
            1fr !important;
    }

    .howl-login-actions {
        flex-direction: column;

        align-items: stretch;
    }

    .howl-text-button {
        text-align: center;
    }
}
/* =========================================================
   MU HOWL - PÁGINAS INTERNAS / CONTRASTE V2
   Ranking, Registro, UserCP e módulos antigos
   ========================================================= */


/* =========================================================
   FUNDO DOS MÓDULOS INTERNOS
   ========================================================= */

.howl-internal-module {
    color: #d8d0c2 !important;

    background:
        linear-gradient(
            180deg,
            rgba(18,18,18,.98),
            rgba(9,9,9,.99)
        ) !important;
}


/* =========================================================
   TÍTULOS PRINCIPAIS
   ========================================================= */

.howl-internal-module h1,
.howl-internal-module h2,
.howl-internal-module h3,
.howl-internal-module .page-header {

    color: #e6b95d !important;

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

    text-shadow:
        0 2px 3px rgba(0,0,0,.85) !important;
}


/* remove vermelho muito forte dos títulos antigos */
.howl-internal-module .text-danger,
.howl-internal-module h1.text-danger,
.howl-internal-module h2.text-danger {

    color: #d9a347 !important;
}


/* =========================================================
   TEXTO GERAL
   ========================================================= */

.howl-internal-module,
.howl-internal-module p,
.howl-internal-module span,
.howl-internal-module label,
.howl-internal-module small {

    color: #cfc6b8;
}


/* =========================================================
   RANKINGS
   ========================================================= */

.howl-internal-module table {

    color: #d5cdbf !important;

    background:
        rgba(8,8,8,.92) !important;
}


.howl-internal-module table thead th {

    color: #fff4df !important;

    background:
        linear-gradient(
            180deg,
            #9d210f,
            #681307
        ) !important;

    border-color:
        rgba(255,255,255,.10) !important;
}


/* linhas */
.howl-internal-module table tbody td {

    color: #d5cdbf !important;

    background:
        rgba(15,15,15,.92) !important;

    border-color:
        rgba(255,255,255,.08) !important;
}


/* linha alternada */
.howl-internal-module
.table-striped
tbody tr:nth-of-type(odd) td {

    background:
        rgba(26,23,20,.95) !important;
}


/* hover */
.howl-internal-module
table tbody tr:hover td {

    background:
        rgba(76,49,18,.32) !important;
}


/* nomes */
.howl-internal-module table a {

    color: #e7a542 !important;

    font-weight: 600;
}


/* level / reset / números */
.howl-internal-module
table td.text-primary,
.howl-internal-module
table .text-primary {

    color: #f2c568 !important;
}


/* textos escuros herdados do módulo */
.howl-internal-module
table td.text-dark,
.howl-internal-module
table .text-dark {

    color: #d5cdbf !important;
}


/* localização */
.howl-internal-module
table td {

    opacity: 1 !important;
}


/* =========================================================
   BOTÕES DE RANKING / TABS
   ========================================================= */

.howl-internal-module .nav-tabs,
.howl-internal-module .btn-group {

    border: 0 !important;
}


.howl-internal-module .nav-tabs .nav-link,
.howl-internal-module .btn-outline-primary {

    color: #d8aa52 !important;

    background:
        rgba(25,18,11,.95) !important;

    border:
        1px solid rgba(175,49,31,.72) !important;
}


.howl-internal-module .nav-tabs .nav-link:hover,
.howl-internal-module .btn-outline-primary:hover {

    color: #ffe0a0 !important;

    background:
        rgba(121,28,15,.75) !important;
}


.howl-internal-module .nav-tabs .active,
.howl-internal-module .btn-primary {

    color: #fff0d0 !important;

    background:
        linear-gradient(
            180deg,
            #b32612,
            #79180b
        ) !important;

    border-color:
        #c63621 !important;
}


/* =========================================================
   CADASTRO / FORMULÁRIOS
   ========================================================= */

.howl-internal-module form {

    color: #d8d0c2 !important;
}


.howl-internal-module .form-control,
.howl-internal-module input[type="text"],
.howl-internal-module input[type="password"],
.howl-internal-module input[type="email"],
.howl-internal-module select {

    min-height: 40px;

    color: #e7dfd2 !important;

    background:
        #101010 !important;

    border:
        1px solid rgba(195,137,42,.35) !important;

    box-shadow:
        inset 0 2px 5px rgba(0,0,0,.55) !important;
}


.howl-internal-module .form-control::placeholder,
.howl-internal-module input::placeholder {

    color: #81796e !important;
}


.howl-internal-module .form-control:focus,
.howl-internal-module input:focus,
.howl-internal-module select:focus {

    color: #fff2df !important;

    background:
        #141414 !important;

    border-color:
        rgba(226,163,57,.75) !important;

    box-shadow:
        0 0 0 2px rgba(206,143,39,.10),
        inset 0 2px 5px rgba(0,0,0,.55) !important;
}


/* caixas com ícone */
.howl-internal-module .input-group-text {

    color: #daa03f !important;

    background:
        linear-gradient(
            180deg,
            #302516,
            #17110b
        ) !important;

    border:
        1px solid rgba(195,137,42,.35) !important;
}


/* =========================================================
   LABELS / TEXTOS DE AJUDA
   ========================================================= */

.howl-internal-module .form-text,
.howl-internal-module .help-block,
.howl-internal-module small {

    color: #aaa094 !important;
}


/* =========================================================
   ALERTAS
   ========================================================= */

.howl-internal-module .alert-info {

    color: #d8e9ef !important;

    background:
        rgba(22,64,78,.78) !important;

    border:
        1px solid rgba(68,151,179,.45) !important;
}


.howl-internal-module .alert-success {

    color: #cbe9c8 !important;

    background:
        rgba(31,76,38,.74) !important;

    border:
        1px solid rgba(78,156,88,.42) !important;
}


.howl-internal-module .alert-danger {

    color: #f0cbc5 !important;

    background:
        rgba(89,31,24,.78) !important;

    border:
        1px solid rgba(180,72,58,.45) !important;
}


/* =========================================================
   BOTÕES DOS FORMULÁRIOS
   ========================================================= */

.howl-internal-module
button[type="submit"],
.howl-internal-module
input[type="submit"],
.howl-internal-module
.btn-danger {

    color: #160a03 !important;

    background:
        linear-gradient(
            180deg,
            #d69a3d,
            #95611c
        ) !important;

    border:
        1px solid #dda74d !important;

    font-weight: 700 !important;
}


.howl-internal-module
button[type="submit"]:hover,
.howl-internal-module
input[type="submit"]:hover {

    filter: brightness(1.12);
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.howl-internal-module input[type="checkbox"] {

    accent-color: #c78b2d;
}


/* =========================================================
   SEPARADORES
   ========================================================= */

.howl-internal-module hr {

    border: 0 !important;

    height: 1px;

    opacity: 1;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(204,145,47,.30),
            transparent
        );
}
.howl-hero {
    position: relative;
}

.howl-hero-image-button {
    position: absolute;
    z-index: 10;

    left: 35%;
    top: 76%;

    width: 30%;
    height: 12%;

    display: block;
    cursor: pointer;
}

.howl-hero-image-button:hover {
    background: rgba(255, 180, 40, 0.06);
}