
.ew-root{--gold:#d4aa4d;--gold2:#f1d27c;--ink:#0b0d11;--panel:#11151b;--line:#242a33;--muted:#8d98a8;max-width:1180px;margin:42px auto 70px;padding:0 18px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:24px;font-family:Arial,Helvetica,sans-serif;color:#e9edf3;text-align:left}
.ew-root *{box-sizing:border-box}.ew-side{align-self:start;position:sticky;top:18px;background:#0e1116;border:1px solid #202630;border-radius:14px;overflow:hidden;box-shadow:0 16px 45px rgba(0,0,0,.18)}
.ew-side-head{padding:21px 20px;border-bottom:1px solid #202630;background:linear-gradient(135deg,#151a22,#0b0e12)}.ew-side-head span{display:block;color:var(--gold);font-size:10px;letter-spacing:2px;font-weight:800}.ew-side-head strong{display:block;margin-top:5px;color:#fff;font-size:17px;letter-spacing:.4px}
.ew-side-label{padding:18px 18px 8px;color:#606b7b;font-size:10px;font-weight:800;letter-spacing:1.6px}.ew-nav{display:flex!important;align-items:center;gap:11px;margin:3px 9px;padding:11px 12px!important;border-radius:8px;color:#aab3c0!important;text-decoration:none!important;font-size:13px;transition:.18s}.ew-nav i{width:18px;text-align:center;color:#697586}.ew-nav:hover,.ew-nav.active{background:rgba(212,170,77,.11);color:#f1d27c!important}.ew-nav:hover i,.ew-nav.active i{color:var(--gold)}
.ew-side-box{margin:18px 12px 14px;padding:14px;border:1px solid #242a33;border-radius:9px;background:#12161d}.ew-side-box small{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:1.3px}.ew-side-box p{margin:7px 0 0!important;color:#7f8a99!important;font-size:11px!important;line-height:1.55!important}
.ew-main{min-width:0}.ew-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:31px 32px;border-radius:16px;border:1px solid #202630;background:radial-gradient(circle at 85% 20%,rgba(212,170,77,.14),transparent 30%),linear-gradient(135deg,#151a22,#0c0f14);box-shadow:0 18px 45px rgba(0,0,0,.16)}
.ew-kicker,.ew-title-row>div>span{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:2px}.ew-hero h1{margin:7px 0 8px!important;color:#fff!important;font-size:32px!important;font-weight:800!important;line-height:1.05!important}.ew-hero p{margin:0!important;color:#929dac!important;font-size:13px!important;line-height:1.6!important}
.ew-search{display:flex;align-items:center;width:285px;height:46px;margin:0!important;padding:0 14px;border:1px solid #303744;border-radius:9px;background:#0b0e13}.ew-search i{color:var(--gold)}.ew-search input{width:100%!important;height:44px!important;margin:0!important;padding:0 10px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#fff!important;font-size:12px!important}
.ew-feature{display:flex;gap:18px;align-items:center;margin-top:18px;padding:22px 24px;border:1px solid rgba(212,170,77,.3);border-radius:14px;background:linear-gradient(90deg,rgba(212,170,77,.14),rgba(212,170,77,.035))}.ew-feature-icon{flex:0 0 50px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--gold);color:#111;font-size:21px}.ew-feature small{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:1.5px}.ew-feature h2{margin:3px 0 4px!important;color:#fff!important;font-size:18px!important;font-weight:700!important}.ew-feature p{margin:0!important;color:#9ba5b3!important;font-size:12px!important}
.ew-title-row{display:flex;justify-content:space-between;align-items:end;padding:29px 2px 13px}.ew-title-row h2{margin:4px 0 0!important;color:#171a20!important;font-size:23px!important;font-weight:800!important}.ew-title-row>span{color:#8791a0;font-size:11px}
.ew-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ew-card{scroll-margin-top:25px;min-height:280px;padding:21px;border:1px solid #202630;border-radius:13px;background:linear-gradient(145deg,#131820,#0d1015);box-shadow:0 10px 28px rgba(0,0,0,.14);transition:.18s}.ew-card:hover{transform:translateY(-2px);border-color:rgba(212,170,77,.45)}
.ew-card-top{display:flex;justify-content:space-between;align-items:center}.ew-card-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(212,170,77,.12);color:var(--gold);font-size:17px}.ew-tag{padding:5px 8px;border:1px solid rgba(212,170,77,.24);border-radius:20px;background:rgba(212,170,77,.06);color:#d8b760;font-size:8px;font-weight:800;letter-spacing:1px}
.ew-card h3{margin:16px 0 7px!important;color:#fff!important;font-size:17px!important;font-weight:700!important}.ew-card p{min-height:55px;margin:0 0 12px!important;color:#8994a3!important;font-size:12px!important;line-height:1.55!important}.ew-card ul{margin:0 0 15px!important;padding:0!important;list-style:none!important}.ew-card li{padding:3px 0!important;color:#b1bac6!important;font-size:11px!important;list-style:none!important}.ew-card li i{width:15px;color:var(--gold)}.ew-more{display:inline-flex!important;gap:8px;align-items:center;color:#e0bc66!important;text-decoration:none!important;font-size:9px;font-weight:800;letter-spacing:.8px}.ew-empty{display:none;padding:35px;text-align:center;color:#7f8997;border:1px dashed #c9cdd3;border-radius:12px}
@media(max-width:900px){.ew-root{grid-template-columns:1fr}.ew-side{position:static}.ew-side-label,.ew-side-box{display:none}.ew-side{display:flex;overflow:auto;padding:7px}.ew-side-head{display:none}.ew-nav{white-space:nowrap}.ew-hero{align-items:stretch;flex-direction:column}.ew-search{width:100%}}
@media(max-width:650px){.ew-grid{grid-template-columns:1fr}.ew-root{padding:0 10px;margin-top:24px}.ew-hero{padding:23px}.ew-hero h1{font-size:27px!important}}
/* ==========================================
   WIKI EVOQUE - FUNDO ESCURO
   ========================================== */

body:has(.ew-root) {
    background: #050608 !important;
}

body:has(.ew-root) #content,
body:has(.ew-root) .content,
body:has(.ew-root) .container,
body:has(.ew-root) .wrapper,
body:has(.ew-root) main {
    background-color: #050608 !important;
}

.ew-root {
    background: #050608 !important;
}

.ew-main {
    background: #050608 !important;
}

/* Título da área de conteúdo */
.ew-title-row h2 {
    color: #ffffff !important;
}

.ew-title-row > span {
    color: #9ca6b5 !important;
}

/* Mantém os cards escuros */
.ew-card {
    background: linear-gradient(
        145deg,
        #131820,
        #0d1015
    ) !important;
}

/* Área de boas-vindas */
.ew-feature {
    background: linear-gradient(
        90deg,
        rgba(212,170,77,.14),
        rgba(212,170,77,.035)
    ) !important;
}
/* ==========================================
   WIKI EVOQUE - QUADROS DE INFORMAÇÕES
   ========================================== */

.ew-root .ew-main #ewInfoInline .ew-info-wrap {
    display: block !important;
    width: 100% !important;
    color: #d5dce6 !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: 25px 0 !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-box {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 135px !important;
    padding: 22px !important;
    background: #171b21 !important;
    border: 1px solid #80632f !important;
    border-radius: 12px !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-box small {
    display: block !important;
    margin-bottom: 12px !important;
    color: #d8b35f !important;
    font-size: 11px !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-box strong {
    display: block !important;
    color: #f7d27b !important;
    font-size: 22px !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-mechanics {
    display: block !important;
    margin: 20px 0 !important;
    padding: 22px !important;
    background: #1d1b17 !important;
    border: 1px solid #9c7732 !important;
    border-radius: 12px !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-mechanics small {
    display: block !important;
    color: #d8b35f !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-mechanics strong {
    display: block !important;
    margin-top: 10px !important;
    color: #f7d27b !important;
    font-size: 24px !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-drop-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    margin-top: 25px !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-panel {
    display: block !important;
    padding: 25px !important;
    background: #171b21 !important;
    border: 1px solid #80632f !important;
    border-radius: 12px !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-panel h3 {
    margin: 0 0 18px !important;
    padding-bottom: 12px !important;
    color: #f7d27b !important;
    font-size: 17px !important;
    border-bottom: 1px solid #504329 !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #30343b !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-row span {
    color: #cbd2dc !important;
    font-size: 14px !important;
}

.ew-root .ew-main #ewInfoInline .ew-info-row strong {
    color: #f7d27b !important;
    font-size: 14px !important;
}

@media (max-width: 950px) {
    .ew-root .ew-main #ewInfoInline .ew-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 650px) {
    .ew-root .ew-main #ewInfoInline .ew-info-grid,
    .ew-root .ew-main #ewInfoInline .ew-info-drop-grid {
        grid-template-columns: 1fr !important;
    }
}