/* /segmentos — dores por tipo de negócio */
.seg-topo { padding: clamp(40px, 6vw, 72px) 0 24px; }
.seg-topo h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); margin: 0 0 14px; }
.seg-sub { max-width: 620px; color: var(--text-2); font-size: 1.12rem; margin: 0 0 28px; }

.seg-filtro { display: flex; flex-wrap: wrap; gap: 8px; }
.chip {
  min-height: 44px; padding: 0 16px; border-radius: 999px; cursor: pointer;
  background: transparent; border: 1.5px solid var(--line-2); color: var(--text);
  font: 500 0.95rem var(--font-body);
  transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
.chip:hover { border-color: var(--accent); }
.chip[aria-pressed='true'] { background: var(--primary-bg); border-color: var(--primary-bg); color: var(--primary-fg); font-weight: 600; }
@media (max-width: 600px) {
  /* no celular os chips viram uma faixa que rola de lado, sem empurrar a página */
  .seg-filtro { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--gutter)); padding: 2px var(--gutter) 8px; scrollbar-width: none; }
  .seg-filtro::-webkit-scrollbar { display: none; }
  .chip { flex: none; }
}

.seg-lista { display: grid; gap: 20px; padding-bottom: clamp(64px, 9vw, 104px); }
.seg { padding: clamp(22px, 3vw, 32px); scroll-margin-top: 90px; }
.seg h2 { font-size: clamp(1.6rem, 3vw, 2.1rem); margin: 0 0 18px; }
.seg h3 { font-size: 0.8rem; font-family: var(--font-body); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin: 0 0 12px; }
.seg-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 40px; margin-bottom: 24px; }
@media (max-width: 760px) { .seg-cols { grid-template-columns: 1fr; } }
.dores, .desatado { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.dores li, .desatado li { position: relative; padding-left: 26px; color: var(--text-2); }
.dores li::before { content: ''; position: absolute; left: 4px; top: 0.6em; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--coral); }
.desatado li { color: var(--text); }
.desatado li::before {
  content: ''; position: absolute; left: 0; top: 0.3em; width: 18px; height: 18px;
  background: var(--accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4.5 4.5L19 7'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4.5 4.5L19 7'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (max-width: 560px) { .seg .btn { width: 100%; } }

.seg-outro { padding: clamp(28px, 4vw, 40px); border-radius: var(--radius); background: var(--amber); color: var(--on-amber); }
.seg-outro h2 { margin: 0 0 10px; font-size: clamp(1.6rem, 3vw, 2.1rem); }
.seg-outro p { max-width: 620px; color: #2A2410; margin: 0 0 22px; }
.seg-outro .btn-primary { background: #0E1525; border-color: #0E1525; color: #FFFFFF; }
@media (max-width: 560px) { .seg-outro .btn { width: 100%; } }