/* ============================================================
   FAQ (/faq/) - estilos escopados (prefixo mdv-)
   Carregado por css.php quando $pag == "faq/detalhes".
   Escopo: nao conflita com bootstrap.min.css / style.css / lightblue.css
   ============================================================ */
.mdv-faq{
  --mdv-navy:#013766;
  --mdv-navy-deep:#012647;
  --mdv-blue:#1466b8;
  --mdv-gold:#ff9205;
  --mdv-ink:#3b4249;
  --mdv-muted:#767b7f;
  --mdv-line:#e3e8ee;
  --mdv-radius:8px;
  color:var(--mdv-ink);
  line-height:1.7;
  /* mesma fonte do restante do site (style.css aplica Lato em p/a/span/ul/input);
     details, summary e div NAO estao naquela lista e cairiam no Helvetica do bootstrap */
  font-family:Lato,sans-serif;
}
.mdv-faq *,.mdv-faq *::before,.mdv-faq *::after{box-sizing:border-box}
/* h1-h6 do style.css sao Merriweather/serif (fonte nem carregada no head) */
.mdv-faq h2,.mdv-faq h3,.mdv-faq h4,.mdv-faq summary,.mdv-search input{font-family:Lato,sans-serif}

/* ---- Busca ---- */
.mdv-search{position:relative;margin:0 0 22px}
.mdv-search input{
  width:100%;padding:14px 18px 14px 46px;font-size:15px;border:1px solid var(--mdv-line);
  border-radius:var(--mdv-radius);box-shadow:0 2px 10px rgba(1,55,102,.06);outline:none;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23767b7f' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 16px center;
}
.mdv-search input:focus{border-color:var(--mdv-navy);box-shadow:0 2px 12px rgba(1,55,102,.16)}
.mdv-search-empty{display:none;text-align:center;color:var(--mdv-muted);padding:26px 0}

/* ---- Navegação por categoria ---- */
.mdv-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:0;list-style:none}
.mdv-cats a{
  display:inline-block;padding:7px 15px;border-radius:999px;border:1px solid var(--mdv-line);
  background:#fff;color:var(--mdv-navy);font-size:13px;font-weight:700;text-decoration:none;
}
.mdv-cats a:hover,.mdv-cats a:focus{border-color:var(--mdv-navy);background:var(--mdv-navy);color:#fff;text-decoration:none}

/* ---- Seções e accordion ---- */
.mdv-section{margin:34px 0}
.mdv-section h2{
  font-size:20px;color:var(--mdv-navy);margin:0 0 14px;font-weight:700;
  display:flex;align-items:center;gap:10px;
}
.mdv-section h2::before{content:'';width:22px;height:3px;background:var(--mdv-gold);border-radius:2px;flex:none}
.mdv-item{
  background:#fff;border:1px solid var(--mdv-line);border-radius:var(--mdv-radius);
  margin-bottom:10px;overflow:hidden;transition:box-shadow .2s;
}
.mdv-item[open]{box-shadow:0 4px 16px rgba(1,55,102,.08);border-color:#c9d7e5}
.mdv-item summary{
  list-style:none;cursor:pointer;padding:16px 50px 16px 18px;font-weight:700;
  color:var(--mdv-navy);font-size:16px;position:relative;user-select:none;
}
.mdv-item summary::-webkit-details-marker{display:none}
.mdv-item summary::after{
  content:'';position:absolute;right:20px;top:50%;width:11px;height:11px;
  border-right:2.5px solid var(--mdv-navy);border-bottom:2.5px solid var(--mdv-navy);
  transform:translateY(-70%) rotate(45deg);transition:transform .25s;
}
.mdv-item[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.mdv-item summary:focus-visible{outline:3px solid var(--mdv-gold);outline-offset:-3px}
.mdv-answer{padding:0 18px 18px;font-size:15px}
.mdv-answer p{margin:0 0 12px}
.mdv-answer p:last-child{margin-bottom:0}
.mdv-answer ul,.mdv-answer ol{margin:0 0 12px;padding-left:22px}
.mdv-answer li{margin-bottom:6px}
.mdv-answer a{color:var(--mdv-navy);font-weight:700;text-decoration:underline}
.mdv-answer strong{color:var(--mdv-navy)}

/* ---- Indicadores (dados de /jsonNumeros.json) ---- */
.mdv-stats{margin:44px 0 0;padding:28px 24px;background:#f7f9fc;border:1px solid var(--mdv-line);border-radius:var(--mdv-radius)}
.mdv-stats h2{
  font-size:18px;color:var(--mdv-navy);font-weight:700;margin:0 0 22px;text-align:center;
}
.mdv-stats-grid{display:flex;flex-wrap:wrap}
.mdv-stat{
  flex:0 0 33.333%;max-width:33.333%;text-align:center;padding:12px 8px;
  display:flex;flex-direction:column;align-items:center;
}
.mdv-stat-ic{color:var(--mdv-gold);font-size:20px;margin-bottom:6px;line-height:1}
.mdv-stat-num{font-size:28px;font-weight:700;color:var(--mdv-navy);line-height:1.2}
.mdv-stat-label{font-size:13px;color:var(--mdv-muted);margin-top:4px;line-height:1.4}
.mdv-stats-periodo{text-align:center;font-size:12px;color:var(--mdv-muted);margin:18px 0 0}
.mdv-stats-periodo a{color:var(--mdv-navy);font-weight:700}
@media (max-width:640px){
  .mdv-stat{flex:0 0 50%;max-width:50%}
  .mdv-stat-num{font-size:24px}
}

/* ---- CTA final ---- */
.mdv-cta{
  background:linear-gradient(135deg,var(--mdv-navy-deep) 0%,var(--mdv-navy) 100%);
  border-radius:var(--mdv-radius);color:#fff;padding:30px 28px;margin:44px 0 10px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;
}
.mdv-cta h2{margin:0 0 6px;font-size:21px;font-weight:700;color:#fff}
.mdv-cta p{margin:0;color:#d6e2f0;font-size:15px}
.mdv-cta .mdv-cta-btn{
  display:inline-block;background:var(--mdv-gold);color:#fff;
  font-weight:700;padding:13px 26px;border-radius:999px;text-decoration:none;white-space:nowrap;
}
.mdv-cta .mdv-cta-btn:hover,.mdv-cta .mdv-cta-btn:focus{filter:brightness(1.06);color:#fff;text-decoration:none}
.mdv-updated{text-align:center;color:var(--mdv-muted);font-size:13px;margin:22px 0 0}

@media (max-width:640px){
  .mdv-cta{padding:24px 20px}
  .mdv-cta .mdv-cta-btn{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .mdv-faq *{transition:none!important}
}