/* ============================================================
   Validador de Chassi (decoderx.com.br/validador/)
   Complementa o decoderx1.css, que já traz o hero, o campo do
   chassi e os blocos de validação.
   ============================================================ */

.dxv-pagina { display: flex; flex-direction: column; min-height: 100vh; }
.dxv-pagina main { flex: 1; }

.site-header .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; }
.dxv-nav { display: flex; flex-wrap: wrap; gap: .35rem; }
.dxv-nav a {
    color: #c7d4e0; text-decoration: none; font-weight: 600; font-size: .88rem;
    padding: .4rem .8rem; border-radius: 6px;
    transition: background .15s, color .15s;
}
.dxv-nav a:hover { color: #fff; background: rgba(255,255,255,.08); }
.dxv-nav a.ativo { color: #fff; background: var(--secondary); }

.dxv-migalha { font-size: .82rem; color: #8aa5bf; margin-bottom: .8rem; }
.dxv-migalha a { color: #cbd5e1; text-decoration: none; }
.dxv-migalha span { margin: 0 .3rem; }

.dxv-sep { color: #8aa5bf; margin: 0 .2rem; }
.dxv-nota { font-size: .82rem; color: var(--text-muted); border-top: 1px solid #eef2f6; padding-top: .8rem; margin-top: .4rem; }

/* Terceiro estado do bloco de validação: a regra não se aplica à região */
.validation-block.is-aviso { background: #fff7ed; border-color: #fdba74; }
.validation-block.is-aviso .validation-icon { background: var(--secondary); }
.validation-block.is-aviso h3 { color: #9a3412; }
.validation-block h3 { font-size: 1rem; font-weight: 700; margin: 0 0 .15rem; }

/* ── Conteúdo ─────────────────────────────────────────────── */
.dxv-texto {
    background: #fff;
    border-radius: var(--radius);
    box-shadow: 0 4px 20px rgba(13,31,51,.08);
    padding: 1.8rem;
}
.dxv-texto h2 { font-size: 1.3rem; font-weight: 700; color: var(--primary); margin: 1.8rem 0 .7rem; }
.dxv-texto p, .dxv-texto li { line-height: 1.7; }
.dxv-texto a { color: var(--primary); font-weight: 600; }
.dxv-resposta {
    background: #fff7ed;
    border-left: 4px solid var(--secondary);
    border-radius: 8px;
    padding: 1rem 1.2rem;
    line-height: 1.65;
    color: #1f2937;
}
.dxv-autoria { font-size: .82rem; color: var(--text-muted); margin: .6rem 0 1.5rem; }
.dxv-tabela { font-size: .93rem; }
.dxv-tabela thead th { background: #eef2f6; color: var(--primary); font-weight: 700; }
.dxv-tabela td:first-child { font-weight: 600; white-space: nowrap; }
.dxv-faq details { border-bottom: 1px solid #e2e8f0; padding: .8rem 0; }
.dxv-faq summary { font-weight: 600; cursor: pointer; color: var(--primary); }
.dxv-faq details p { margin: .6rem 0 0; color: #475569; }

@media (max-width: 575.98px) {
    .dxv-texto { padding: 1.2rem; }
    .dxv-nav { width: 100%; }
    .dxv-nav a { font-size: .8rem; padding: .35rem .6rem; }
}