# Lavagem e Detailing Automotivo

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

  /* Hero */
  .cw-hero { text-align: center; padding: 40px 0 24px; }
  .cw-hero__eyebrow { font-size: 13px; font-weight: 700; color: #c8102e; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 12px; }
  .cw-hero__title { font-size: 38px; font-weight: 700; margin: 0 0 14px; line-height: 1.15; text-transform: uppercase; letter-spacing: -0.5px; }
  .cw-hero__title span { color: #c8102e; }
  .cw-hero__subtitle { font-size: 18px; color: #555; margin: 0 auto; max-width: 680px; }

  /* Pricing tiers */
  .cw-tiers { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding: 32px 0 24px; align-items: stretch; }
  .cw-tier { background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.2s, box-shadow 0.2s; }
  .cw-tier:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); }
  .cw-tier--featured { border: 2px solid #c8102e; position: relative; }
  .cw-tier__badge { position: absolute; top: 14px; right: 14px; background: #c8102e; color: #fff; font-size: 11px; font-weight: 700; padding: 6px 12px; border-radius: 4px; letter-spacing: 1px; z-index: 1; }
  .cw-tier__image { width: 100%; height: 220px; object-fit: cover; display: block; }
  .cw-tier__body { padding: 20px 22px 20px; flex: 1; display: flex; flex-direction: column; }
  .cw-tier__name { font-size: 20px; font-weight: 700; margin: 0 0 4px; text-transform: uppercase; letter-spacing: 0.5px; }
  .cw-tier__price { font-size: 22px; font-weight: 700; color: #c8102e; margin: 0; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.3px; }
  .cw-tier__features { list-style: none; padding: 0; margin: 16px 0 0; }
  .cw-tier__features li { display: flex; align-items: flex-start; gap: 10px; padding: 3px 0; font-size: 14px; color: #333; line-height: 1.5; }
  .cw-tier__features svg { flex-shrink: 0; width: 16px; height: 16px; margin-top: 3px; }
  .cw-tier__divider { font-size: 11px; font-weight: 700; color: #c8102e; text-transform: uppercase; letter-spacing: 1.5px; margin: 12px 0 4px; padding-top: 12px; border-top: 1px solid #eee; }
  .cw-tier__cta { display: block; text-align: center; padding: 12px 24px; background: #c8102e; color: #fff; text-decoration: none; font-weight: 600; border-radius: 4px; transition: background 0.2s; letter-spacing: 0.5px; font-size: 14px; margin-top: auto; }
  .cw-tier__cta:hover { background: #a30d24; color: #fff; }
  .cw-tier__cta--outline { background: #fff; color: #c8102e; border: 2px solid #c8102e; padding: 10px 22px; }
  .cw-tier__cta--outline:hover { background: #c8102e; color: #fff; }
  .cw-tier__features + .cw-tier__cta { margin-top: 18px; }
  .cw-tier__features-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin: 16px 0 0; }
  .cw-tier__features-grid .cw-tier__features { margin: 0; }
  .cw-tier__features-grid .cw-tier__divider { border-top: none; padding-top: 0; margin: 0 0 6px; }

  /* Add-ons */
  .cw-addons { padding: 48px 0 32px; border-top: 1px solid #e8e8e8; margin-top: 24px; }
  .cw-addons__heading { text-align: center; font-size: 26px; font-weight: 700; text-transform: uppercase; margin: 0 0 8px; letter-spacing: -0.3px; }
  .cw-addons__sub { text-align: center; color: #666; margin: 0 0 32px; font-size: 15px; }
  .cw-addons__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .cw-addon { background: #f7f7f7; padding: 26px 20px; border-radius: 8px; text-align: center; border: 1px solid #ececec; }
  .cw-addon__title { font-size: 15px; font-weight: 700; margin: 0 0 8px; line-height: 1.35; min-height: 40px; display: flex; align-items: center; justify-content: center; }
  .cw-addon__price { font-size: 22px; font-weight: 700; color: #c8102e; margin: 0; }
  .cw-addon__note { font-size: 12px; color: #777; margin: 8px 0 0; font-style: italic; }

  /* Disclaimer */
  .cw-disclaimer { font-size: 11.5px; color: #888; text-align: center; line-height: 1.6; margin: 32px auto 56px; max-width: 900px; padding: 0 20px; text-transform: uppercase; letter-spacing: 0.3px; }

  /* Responsive */
  @media (max-width: 900px) {
    .cw-hero { padding: 36px 0 24px; }
    .cw-hero__title { font-size: 28px; }
    .cw-tiers { grid-template-columns: 1fr; gap: 24px; }
    .cw-addons__grid { grid-template-columns: 1fr; gap: 16px; }
    .cw-addon__title { min-height: 0; }
    .cw-tier__features-grid { grid-template-columns: 1fr; gap: 12px; }
    .cw-tier__features-grid .cw-tier__divider { margin-top: 12px; padding-top: 12px; border-top: 1px solid #eee; }
  }
</style>
<style>
  /* ── OUR-SIDE OVERRIDES — not part of production's paste ────────────────────────────────────
     .cms-body ships TAG-scoped rules (p/ul/a/h2/h3) at specificity (0,1,1); production's sheet
     above is single-class (0,1,0), so on our side the platform won and the page did NOT render
     like production: both card headings and every add-on title turned --navy and changed size,
     each <p> picked up a 0.8rem margin it does not have on production, the feature lists picked
     up a 1.4rem bullet indent, and BOTH "Schedule Service" buttons drew --link light blue text
     (#28b1ff on the #c8102e filled button - a ~2:1 contrast failure, the exact trap global.css
     documents at `.cms-body a.btn-primary`). Every value below is copied from the rules above;
     nothing here is new design. Scoped to .cw-wrap (0,2,0) so it wins and reaches nothing else. */
  .cw-wrap .cw-hero__eyebrow { margin: 0 0 12px; }
  .cw-wrap .cw-hero__subtitle { margin: 0 auto; }
  .cw-wrap .cw-tier__name { color: #111; font-size: 20px; margin: 0 0 4px; }
  .cw-wrap .cw-tier__price { margin: 0; }
  .cw-wrap .cw-tier__features { padding: 0; margin: 16px 0 0; }
  .cw-wrap .cw-tier__features-grid .cw-tier__features { margin: 0; }
  .cw-wrap .cw-tier__cta { color: #fff; font-weight: 600; }
  .cw-wrap .cw-tier__cta:hover { color: #fff; }
  .cw-wrap .cw-tier__cta--outline { color: #c8102e; }
  .cw-wrap .cw-tier__cta--outline:hover { color: #fff; }
  .cw-wrap .cw-addons__heading { color: #111; font-size: 26px; margin: 0 0 8px; }
  .cw-wrap .cw-addons__sub { margin: 0 0 32px; }
  .cw-wrap .cw-addon__title { color: #111; font-size: 15px; margin: 0 0 8px; }
  .cw-wrap .cw-addon__price { margin: 0; }
  .cw-wrap .cw-addon__note { margin: 8px 0 0; }
  .cw-wrap .cw-disclaimer { margin: 32px auto 56px; }
</style>

<div class="cw-wrap">

  
  <section class="cw-hero">
    <p class="cw-hero__eyebrow">Coleman Motors</p>
    <h1 class="cw-hero__title">Lavagem &amp; <span>Serviço de Detailing</span></h1>
    <p class="cw-hero__subtitle">Dois pacotes de lavagem e um cardápio completo de serviços de detailing — desde uma rápida limpeza externa até um detailing completo por dentro e por fora. Confie seu veículo à mesma equipe que realiza a manutenção dele.</p>
  </section>

  
  <section class="cw-tiers">

    <div class="cw-tier">
      <img alt="Coleman Motors Ultimate Wash" class="cw-tier__image" style="object-position: center top;" src="https://storage.googleapis.com/savvy-platform-media/content/colemanmotors/service/basic-wash.jpg">
      <div class="cw-tier__body">
        <h2 class="cw-tier__name">Ultimate Wash</h2>
        <p class="cw-tier__price">A partir de $34.95*</p>
        <ul class="cw-tier__features">
          <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Pré-limpeza de insetos e rodas</li>
          <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Uma passagem pelo lava-rápido</li>
          <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Aspiração do interior</li>
          <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Limpeza dos vidros</li>
          <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Limpeza do painel</li>
          <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Limpeza dos porta-copos</li>
        </ul>
        <a href="/content/service" class="cw-tier__cta cw-tier__cta--outline">Agendar Serviço</a>
      </div>
    </div>

    <div class="cw-tier cw-tier--featured">
      <span class="cw-tier__badge">MELHOR VALOR</span>
      <img alt="Coleman Motors Platinum Wash" class="cw-tier__image" src="https://storage.googleapis.com/savvy-platform-media/content/colemanmotors/service/ultimate-wash.jpg">
      <div class="cw-tier__body">
        <h2 class="cw-tier__name">Platinum Wash</h2>
        <p class="cw-tier__price">A partir de $79.95*</p>
        <div class="cw-tier__features-grid">
          <ul class="cw-tier__features">
            <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Pré-limpeza de insetos e rodas</li>
            <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Uma passagem pelo lava-rápido</li>
            <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Aspiração do interior</li>
            <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Limpeza dos vidros</li>
            <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Limpeza do painel</li>
            <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Limpeza dos porta-copos</li>
          </ul>
          <div>
            <p class="cw-tier__divider">Mais os Extras Platinum</p>
            <ul class="cw-tier__features">
              <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Brilho nos pneus</li>
              <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Brilho de showroom</li>
              <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Limpeza detalhada do painel, painéis das portas e consoles</li>
              <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Tratamento de para-brisa VIZI Shield</li>
            </ul>
          </div>
        </div>
        <a href="/content/service" class="cw-tier__cta">Agendar Serviço</a>
      </div>
    </div>

  </section>

  
  <section class="cw-addons">
    <h2 class="cw-addons__heading">Serviços Adicionais de Detailing</h2>
    <p class="cw-addons__sub">Adicione qualquer um destes ao Ultimate Wash e ganhe $10 de desconto.</p>
    <div class="cw-addons__grid">
      <div class="cw-addon">
        <h3 class="cw-addon__title">Higienização de Bancos e Carpete</h3>
        <p class="cw-addon__price">$169.99</p>
      </div>
      <div class="cw-addon">
        <h3 class="cw-addon__title">Enceramento Manual</h3>
        <p class="cw-addon__price">$179.99</p>
        <p class="cw-addon__note">Recomendado a cada 3 meses</p>
      </div>
      <div class="cw-addon">
        <h3 class="cw-addon__title">Coleman Full Detail</h3>
        <p class="cw-addon__price">A partir de $279.99</p>
      </div>
    </div>
  </section>

  <p class="cw-disclaimer">*Os preços estão sujeitos a alterações sem aviso prévio. Podem ser aplicadas taxas adicionais para veículos elevados, veículos com rodas traseiras duplas ou outros automóveis de grande porte. Também podem ser aplicadas taxas adicionais para veículos muito sujos. Consulte o departamento de serviços para mais detalhes.</p>

</div>
</div>
:::