/* =========================================================
   interna.css — ExperConsult site novo (Task 7: 13 paginas internas)
   SOMENTE o que o template das internas precisa alem de tokens/base/
   home/motion.css (linkados nesta ordem, mesmo padrao de metodo.html):
   hero curto (.subhero, copiado do padrao ja usado em metodo.css pra
   nao precisar linkar aquele arquivo especifico da pagina Metodo),
   checklist generico (disciplinas/entregaveis/equipe), CTA inline,
   grid de cases, grid+form de contato. Reveals/anti-FOUC/reduced-
   motion e a faixa .stats vem de motion.css. Cards .braco-*/.seg-*/
   .sec-head/.cta-*: home.css. Mobile-first 360, toque >=44px, texto
   >=16px, contraste text-safe conforme tokens.css.
   ========================================================= */

/* ---------- 1. HERO CURTO (identico ao padrao .subhero de metodo.css) ---------- */
.subhero .wrap{ padding-block: var(--s4) 0; }
.subhero h1{ margin-top: var(--s2); font-size: clamp(2rem, 6.5vw, 3.6rem); }
.subhero .sub{ margin-top: var(--s2); max-width: 62ch; color: var(--muted-inv); }
@media (min-width: 768px){
  .subhero .wrap{ padding-block: var(--s3) 0; }
}

/* ---------- 2. CHECKLIST generico (disciplinas / o que voce recebe / equipe) ---------- */
.check-list{
  list-style: none;
  padding: 0;
  margin-top: var(--s4);
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 62ch;
}
.check-list li{
  position: relative;
  padding-left: 24px;
}
.check-list li::before{
  content: "";
  position: absolute; left: 0; top: 8px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--acc, var(--teal));
}

/* ---------- 3. CTA inline (link curto no corpo — solucoes/segmentos) ---------- */
.cta-inline{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  margin-top: var(--s3);
  font-family: var(--sans);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bg-dark .cta-inline:hover, .bg-dark .cta-inline:focus-visible{ color: var(--verde); }
.bg-off .cta-inline:hover, .bg-off .cta-inline:focus-visible{ color: var(--verde-txt); }

/* ---------- 4. CASES — link de saida do card (reusa .seg-grid/.seg-card) ---------- */
.case-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  margin-top: var(--s2);
  font-family: var(--sans);
  font-weight: 700;
  font-size: .95rem;
  color: var(--teal-txt);
  text-decoration: none;
}
.case-link:hover, .case-link:focus-visible{ text-decoration: underline; }
.seg-card--wide .case-link{ color: var(--teal); }

/* ---------- 5. SOBRE — braços resumo (reusa .braco-card; grid proprio) ---------- */
.bracos-mini{
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--s3);
  margin-top: var(--s5);
}
@media (min-width: 768px){ .bracos-mini{ grid-template-columns: repeat(3, 1fr); } }
.bracos-mini .braco-card{ display: flex; flex-direction: column; }
.bracos-mini .cta-inline{
  margin-top: auto;
  padding-top: var(--s2);
  /* .braco-card e sempre um cartao BRANCO (mesmo dentro de secao
     bg-dark, como .fundador.bg-dark em sobre.html) — sem este
     override, o link herdaria --txt-inv (quase branco) da secao
     escura e ficaria branco-sobre-branco, ilegivel. Mesmo padrao
     ja usado por .braco-label (home.css) pro mesmo cartao. */
  color: var(--acc-txt);
}
.bracos-mini .cta-inline:hover, .bracos-mini .cta-inline:focus-visible{ color: var(--acc-txt); text-decoration-thickness: 2px; }

/* ---------- 6. CONTATO — grid de info + formulario qualificador ---------- */
.contato-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--s4);
  margin-top: var(--s5);
}
@media (min-width: 900px){
  .contato-grid{ grid-template-columns: 1fr 1.3fr; gap: var(--s6); align-items: start; }
}
.contato-info{ display: flex; flex-direction: column; gap: var(--s2); }
.contato-info .contato-link{
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-weight: 700;
  text-decoration: none;
}
.contato-info .contato-link:hover, .contato-info .contato-link:focus-visible{ color: var(--verde); }
.contato-info p{ color: var(--muted-inv); }
.contato-horario{
  font-family: var(--mono);
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--muted-inv);
  margin-top: var(--s1);
}

.contato-form-card{
  background: var(--branco);
  color: var(--txt);
  border-radius: var(--radius);
  padding: var(--s3);
}
@media (min-width: 768px){ .contato-form-card{ padding: var(--s4); } }

.form-contato{ display: flex; flex-direction: column; gap: var(--s3); }
.form-contato label{
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: var(--sans);
  font-weight: 600;
  font-size: .95rem;
}
.form-contato input,
.form-contato select,
.form-contato textarea{
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #DCD8CE;
  border-radius: var(--radius);
  background: var(--branco);
  color: var(--txt);
  font-size: 1rem;
  font-family: var(--sans);
  font-weight: 400;
}
.form-contato textarea{ min-height: 110px; resize: vertical; padding-top: 12px; }
.form-contato .form-nota{
  font-family: var(--mono);
  font-size: 12px;
  color: var(--muted);
  letter-spacing: .02em;
}
.form-contato .btn{ align-self: flex-start; margin-top: var(--s1); }

/* ---------- 7. FAIXA DE PROVA COMPACTA -- override AA sobre fundo claro (mesma solucao de metodo.css, secao 4; ver QA_FINAL_2026-07-13.md Achado 0) ---------- */
.prova-compacta .stat-n{ color: var(--txt); }
.prova-compacta .stat-l{ color: var(--muted); }