/* ============================================================================
   FacilitaPJ — dissolucao-societaria.css
   Blocos próprios da landing de Dissolução Societária (B2B).
   Prefixo .ds__  —  usa os tokens do style.css. Sem colisão.
   ========================================================================== */

/* ── Aviso de elegibilidade (B2B / não-MEI) ─────────────────────────────── */
.ds__eleg {
  background: #FFFBEB;
  border: 1px solid #FCD34D;
  border-left: 5px solid #D97706;
  border-radius: var(--radius-md);
  padding: 22px 24px;
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.ds__eleg-ico {
  flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px;
  background: #FEF3C7; display: flex; align-items: center; justify-content: center;
}
.ds__eleg-ico svg { width: 22px; height: 22px; stroke: #B45309; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ds__eleg-tit {
  font-family: 'Sora', sans-serif; font-size: 1.05rem; font-weight: 700;
  color: #92400E; margin: 0 0 6px;
}
.ds__eleg p { font-size: .92rem; line-height: 1.65; color: #713F12; margin: 0; }
.ds__eleg strong { color: #78350F; }

@media (max-width: 560px) { .ds__eleg { flex-direction: column; } }

/* ── Tipos de sociedade atendidos ───────────────────────────────────────── */
.ds__tipos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin-top: 8px;
}
.ds__tipo {
  background: var(--white);
  border: 1px solid var(--gray-line);
  border-top: 3px solid var(--blue);
  border-radius: var(--radius-md);
  padding: 20px 22px;
}
.ds__tipo-sigla {
  font-family: 'Sora', sans-serif; font-size: 1.35rem; font-weight: 700;
  color: var(--blue); line-height: 1; margin-bottom: 6px;
}
.ds__tipo-nome {
  font-family: 'Sora', sans-serif; font-size: 1rem; font-weight: 600; color: var(--navy); margin-bottom: 6px;
}
.ds__tipo p { font-size: .88rem; line-height: 1.6; color: var(--text-soft); margin: 0; }

.ds__tipo--nao {
  background: var(--gray-bg);
  border-color: var(--gray-line);
  border-top-color: var(--gray-mid);
}
.ds__tipo--nao .ds__tipo-sigla { color: var(--gray-mid); }

/* ── Etapas do processo ─────────────────────────────────────────────────── */
.ds__etapas { max-width: 820px; margin: 0 auto; counter-reset: dse; }
.ds__etapa {
  display: flex; gap: 18px; align-items: flex-start;
  padding: 20px 0; border-bottom: 1px solid var(--gray-line); counter-increment: dse;
}
.ds__etapa:last-child { border-bottom: none; }
.ds__etapa-num {
  flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%;
  background: var(--navy); color: #fff;
  font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.05rem;
  display: flex; align-items: center; justify-content: center;
}
.ds__etapa-num::before { content: counter(dse); }
.ds__etapa-tit {
  font-family: 'Sora', sans-serif; font-size: 1.12rem; font-weight: 600; color: var(--navy); margin: 4px 0 6px;
}
.ds__etapa p { font-size: .95rem; line-height: 1.7; color: var(--text-soft); margin: 0; }