// Segments.jsx — Two-segment focus block (revenda veículos + transportadoras)
function Segments() {
  return (
    <section className="rs-section rs-section-tinted" id="segmentos">
      <div className="rs-container">
        <header className="rs-section-head">
          <span className="rs-eyebrow">Segmentos que atendemos com profundidade</span>
          <h2 className="rs-section-title">Conhecemos a operação — não só os tributos.</h2>
        </header>
        <div className="rs-segments">
          <article className="rs-segment">
            <div className="rs-segment-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M5 17h14M5 17a2 2 0 1 1-4 0 2 2 0 0 1 4 0M19 17a2 2 0 1 0 4 0 2 2 0 0 0-4 0M3 17V11l2-5h10l4 5v6"/><path d="M7 11h12"/></svg>
            </div>
            <h3 className="rs-segment-title">Revenda de veículos usados</h3>
            <p className="rs-segment-body">Redução base de cálculo, regime de margem, controle de estoque por chassi, emissão de NFe, comissionamento de vendedores. Você vende, a gente cuida do resto.</p>
            <ul className="rs-segment-list">
              <li>Impostos por Veículo</li>
              <li>Emissão correta de NFe</li>
              <li>Regime tributário ideal</li>
            </ul>
            <a className="rs-btn rs-btn-primary rs-segment-cta" href="setor-revendas.html">Conhecer atendimento para revendas →</a>
          </article>
          <article className="rs-segment">
            <div className="rs-segment-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><rect x="1" y="3" width="15" height="13" rx="2"/><path d="M16 8h4l3 3v5h-7"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg>
            </div>
            <h3 className="rs-segment-title">Transportadoras rodoviárias</h3>
            <p className="rs-segment-body">CT-e, MDF-e, crédito de ICMS sobre combustível e pneus, INSS sobre frete, autônomos. Mantemos sua frota fiscalmente legal e seu caixa otimizado.</p>
            <ul className="rs-segment-list">
              <li>CT-e e MDF-e em volume</li>
              <li>Crédito de ICMS sobre insumos</li>
              <li>Apuração Correta dos Tributos</li>
            </ul>
            <a className="rs-btn rs-btn-primary rs-segment-cta" href="setor-transportadoras.html">Conhecer atendimento para transportadoras →</a>
          </article>
          <article className="rs-segment">
            <div className="rs-segment-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
            </div>
            <h3 className="rs-segment-title">Oficinas mecânicas e autopeças</h3>
            <p className="rs-segment-body">Controle de estoque de peças, ordens de serviço, garantias e substituição tributária. Gestão fiscal e financeira sob medida para o giro do balcão e da oficina.</p>
            <ul className="rs-segment-list">
              <li>Tributação Correta</li>
              <li>Controle de ordens de serviço</li>
              <li>Gestão de estoque e garantias</li>
            </ul>
            <a className="rs-btn rs-btn-primary rs-segment-cta" href="setor-oficinas.html">Conhecer atendimento para oficinas →</a>
          </article>
        </div>
      </div>
    </section>
  );
}
window.Segments = Segments;
