/* ══════════════════════════════════════════════════════════════════
   PÁGINAS POR SEGMENTO

   As páginas reusam o design system inteiro (hero-dor, pain-sec,
   cust-sec, notis-sec, trust-sec, final-sec). O que é próprio delas é
   só a faixa de segmentos cruzados no fim: sem ela cada página de
   segmento vira um beco sem saída para quem chegou pela busca.
   ══════════════════════════════════════════════════════════════════ */

/* ── Grade de setores · só a página coringa (outros.html) ──
   É o que impede a página coringa de virar uma cópia da index: em vez de
   repetir a promessa genérica, ela mostra a pergunta concreta que se
   repete em cada setor que não tem página própria. */
.setor-sec {
  padding:var(--sec-y-md) 0;
  background: var(--surface);
  border-top: 1px solid var(--border);
}
.setor-grid {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.setor-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 13px;
  padding: 20px 22px;
  transition: border-color .2s cubic-bezier(.7,0,.3,1), background-color .2s cubic-bezier(.7,0,.3,1);
}
.setor-card:hover { border-color: var(--border3); background: var(--card2); }
.setor-n {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: var(--text-strong);
  letter-spacing: var(--ls-tight);
  margin-bottom: 7px;
}
.setor-q {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: var(--dim);
  font-style: italic;
}

@media (max-width: 1100px) {
  .setor-grid { grid-template-columns: repeat(2, 1fr); padding: 0 24px; }
}
@media (max-width: 720px) {
  .setor-grid { grid-template-columns: 1fr; padding: 0 20px; }
}

.segx-sec {
  background: var(--card);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 30px 0;
}
.segx-in {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.segx-lbl {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing:var(--ls-caps);
  text-transform: uppercase;
  color: var(--muted);
}
.segx-list { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.segx-item {
  display: inline-flex;
  align-items: center;
  padding: 9px 18px;
  border: 1px solid var(--border2);
  border-radius: 999px;
  background: var(--bg);
  transition: border-color .2s cubic-bezier(.7,0,.3,1), background-color .2s cubic-bezier(.7,0,.3,1);
}
.segx-item:hover {
  border-color: var(--accent-border);
  background: var(--card2);
}
.segx-n { font-size: 14px; font-weight: 500; color: var(--text); letter-spacing: var(--ls-body); white-space: nowrap; }
.segx-item.alt { background: transparent; border-style: dashed; }
.segx-item.alt .segx-n { color: var(--accent-text, var(--accent-bright)); }

@media (max-width: 700px) {
  .segx-sec { padding: 24px 0; }
  .segx-in { flex-direction: column; gap: 14px; padding: 0 20px; }
  .segx-n { font-size: 13.5px; }
}