# Sobre a Coleman Motors

:::raw
<div class="cms-fullwidth">
<style>
  .ab-wrap { max-width: 1140px; margin: 0 auto; padding: 0 20px; color: #222; line-height: 1.6; }
  .ab-hero__title, .ab-section__heading, .ab-dept__title { color: #111; }

  /* Hero */
  .ab-hero { display: grid; grid-template-columns: 1fr 1.1fr; gap: 36px; align-items: center; padding: 32px 0 24px; }
  .ab-hero__eyebrow { font-size: 12px; font-weight: 700; color: #c8102e; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 8px; }
  .ab-hero__title { font-size: 34px; font-weight: 700; margin: 0 0 12px; line-height: 1.15; text-transform: uppercase; letter-spacing: -0.5px; }
  .ab-hero__title span { color: #c8102e; }
  .ab-hero__subtitle { font-size: 16px; color: #555; margin: 0; line-height: 1.6; }
  .ab-hero__image { width: 100%; height: auto; border-radius: 10px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); display: block; }

  /* Stats strip */
  .ab-stats { background: #1a1a1a; color: #fff; border-radius: 10px; padding: 22px 24px; margin: 8px 0 32px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .ab-stat { text-align: center; padding: 0 12px; }
  .ab-stat + .ab-stat { border-left: 1px solid #2a2a2a; }
  .ab-stat__number { font-size: 28px; font-weight: 700; color: #c8102e; margin: 0 0 2px; line-height: 1; }
  .ab-stat__label { font-size: 12px; color: #bbb; text-transform: uppercase; letter-spacing: 1px; margin: 0; font-weight: 600; }

  /* Section */
  .ab-section { padding: 0 0 32px; }
  .ab-section__heading { font-size: 22px; font-weight: 700; text-transform: uppercase; margin: 0 0 12px; letter-spacing: -0.2px; }
  .ab-section p { font-size: 15px; color: #444; margin: 0 0 12px; line-height: 1.65; }
  .ab-section p:last-child { margin-bottom: 0; }
  .ab-section p a { color: #c8102e; font-weight: 600; }

  /* Brands inline pills */
  .ab-brands-line { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 16px 20px; background: #f7f7f7; border-radius: 8px; margin-top: 14px; }
  .ab-brands-line__label { font-size: 12px; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-right: 4px; }
  .ab-brand-pill { background: #fff; border: 1px solid #e5e5e5; border-radius: 20px; padding: 6px 14px; font-size: 13px; font-weight: 700; color: #111; text-transform: uppercase; letter-spacing: 0.5px; }

  /* Department cards */
  .ab-depts { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
  .ab-dept { background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; padding: 24px; transition: transform 0.2s, box-shadow 0.2s; display: flex; flex-direction: column; }
  .ab-dept:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06); }
  .ab-dept__icon { width: 36px; height: 36px; color: #c8102e; margin-bottom: 12px; }
  .ab-dept__title { font-size: 19px; font-weight: 700; margin: 0 0 8px; text-transform: uppercase; letter-spacing: 0.3px; }
  .ab-dept__text { font-size: 14.5px; color: #555; margin: 0 0 18px; line-height: 1.6; flex: 1; }
  .ab-dept__cta { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 10px 22px; background: #c8102e; color: #fff; text-decoration: none; font-weight: 600; border-radius: 4px; font-size: 14px; transition: background 0.2s; }
  .ab-dept__cta:hover { background: #a30d24; color: #fff; }

  /* Bottom spacer */
  .ab-spacer { height: 40px; }

  /* Responsive */
  @media (max-width: 900px) {
    .ab-hero { grid-template-columns: 1fr; padding: 24px 0; gap: 24px; }
    .ab-hero__title { font-size: 26px; }
    .ab-stats { grid-template-columns: repeat(2, 1fr); gap: 18px 12px; padding: 20px; }
    .ab-stat + .ab-stat { border-left: none; }
    .ab-stat:nth-child(odd) { border-right: 1px solid #2a2a2a; }
    .ab-depts { grid-template-columns: 1fr; }
  }
  @media (max-width: 500px) {
    .ab-stats { grid-template-columns: 1fr; gap: 14px; }
    .ab-stat + .ab-stat { border-top: 1px solid #2a2a2a; padding-top: 14px; }
    .ab-stat:nth-child(odd) { border-right: none; }
  }
</style>

<div class="ab-wrap">

  <!-- Hero -->
  <section class="ab-hero">
    <div>
      <p class="ab-hero__eyebrow">Sobre Nós</p>
      <h1 class="ab-hero__title">Uma Concessionária Local <span>Família</span></h1>
      <p class="ab-hero__subtitle">Na Coleman Motors, nossos clientes são parte da nossa família. Desde 1996, ajudamos famílias de New Boston, Texarkana, Magnolia e comunidades vizinhas a encontrar o veículo certo.</p>
    </div>
    <div>
      <img class="ab-hero__image" src="https://storage.googleapis.com/savvy-platform-media/content/colemanmotors/about-dealership.webp" alt="Concessionária Coleman Motors">
    </div>
  </section>

  <!-- Stats -->
  <section class="ab-stats">
    <div class="ab-stat">
      <p class="ab-stat__number">1996</p>
      <p class="ab-stat__label">Atendendo Desde</p>
    </div>
    <div class="ab-stat">
      <p class="ab-stat__number">25+</p>
      <p class="ab-stat__label">Anos</p>
    </div>
    <div class="ab-stat">
      <p class="ab-stat__number">5</p>
      <p class="ab-stat__label">Marcas</p>
    </div>
    <div class="ab-stat">
      <p class="ab-stat__number">2</p>
      <p class="ab-stat__label">Concessionárias</p>
    </div>
  </section>

  <!-- Story + brands inline -->
  <section class="ab-section">
    <h2 class="ab-section__heading">Conectando Clientes ao Veículo Certo</h2>
    <p>Há mais de 25 anos, ajudamos nossos vizinhos a encontrar o veículo ideal para cada necessidade — desde as robustas picapes Chevy Silverado e Ram, até SUVs familiares como a Chevrolet Suburban e o Jeep Wrangler pronto para o off-road, além de carros econômicos para quem dirige até Tyler, Shreveport ou Dallas. Seja comprando um veículo <a href="/new">novo</a>, <a href="/used">usado</a> ou seminovo certificado — teríamos orgulho de ter você como parte da família Coleman Motors.</p>
    <div class="ab-brands-line">
      <span class="ab-brands-line__label">Marcas que Trabalhamos:</span>
      <span class="ab-brand-pill">Chevrolet</span>
      <span class="ab-brand-pill">Chrysler</span>
      <span class="ab-brand-pill">Dodge</span>
      <span class="ab-brand-pill">Jeep</span>
      <span class="ab-brand-pill">Ram</span>
    </div>
  </section>

  <!-- Departments -->
  <section class="ab-section">
    <h2 class="ab-section__heading">Departamentos Feitos para Ajudar</h2>
    <div class="ab-depts">
      <div class="ab-dept">
        <svg class="ab-dept__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="6" width="20" height="12" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 10v4M18 10v4"/></svg>
        <h3 class="ab-dept__title">Departamento Financeiro</h3>
        <p class="ab-dept__text">Mesmo que você tenha tido dificuldades com financiamento em outros lugares, deixe nossa equipe apresentar suas opções. Estamos comprometidos em encontrar as melhores condições para você.</p>
        <a href="/finance" class="ab-dept__cta">Solicitação de Financiamento</a>
      </div>
      <div class="ab-dept">
        <svg class="ab-dept__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="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>
        <h3 class="ab-dept__title">Departamento de Serviços</h3>
        <p class="ab-dept__text">Manutenção e reparos eficientes e profissionais realizados por técnicos certificados Chevrolet e Dodge. Fazemos a manutenção de todas as marcas — independentemente de você ter comprado conosco ou não.</p>
        <a href="/content/service" class="ab-dept__cta">Agendar Serviço</a>
      </div>
    </div>
  </section>

  <div class="ab-spacer"></div>

</div>

<!-- =============================================================
     END OF CMS-PASTE SECTION
     ============================================================= -->
</div>
:::