PERSONAL

				
					<!--
  BTA Auto Peças | Fragmento enxuto para Elementor
  1. Envie bta-logo.png e bta-fachada.png para a Biblioteca de Mídia.
  2. Substitua os dois src abaixo pelas URLs geradas pelo WordPress.
  3. Cole este arquivo em um widget HTML do Elementor.
-->
<style>
  .bta-site,
  .bta-site * {
    box-sizing: border-box;
  }

  .bta-site {
    --bta-blue: #123c72;
    --bta-blue-dark: #071d39;
    --bta-yellow: #f4d21b;
    --bta-ink: #16263b;
    --bta-muted: #5d7085;
    --bta-line: #dce5ee;
    color: var(--bta-ink);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
    overflow: hidden;
  }

  .bta-site a {
    color: inherit;
    text-decoration: none;
  }

  .bta-shell {
    margin: 0 auto;
    max-width: 1180px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .bta-header {
    align-items: center;
    background: var(--bta-blue-dark);
    color: #fff;
    display: flex;
    justify-content: space-between;
    min-height: 76px;
    padding: 12px max(24px, calc((100% - 1180px) / 2));
  }

  .bta-brand {
    align-items: center;
    display: inline-flex;
    gap: 12px;
  }

  .bta-brand img {
    background: #fff;
    height: 48px;
    object-fit: contain;
    width: 80px;
  }

  .bta-brand span {
    border-left: 1px solid rgba(255, 255, 255, .3);
    color: var(--bta-yellow);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1.2;
    padding-left: 12px;
    text-transform: uppercase;
  }

  .bta-nav {
    align-items: center;
    display: flex;
    gap: 26px;
  }

  .bta-nav a,
  .bta-menu summary {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .bta-nav a:hover,
  .bta-menu summary:hover {
    color: var(--bta-yellow);
  }

  .bta-menu {
    display: none;
    position: relative;
  }

  .bta-menu summary {
    border: 1px solid rgba(255, 255, 255, .35);
    cursor: pointer;
    list-style: none;
    padding: 9px 12px;
  }

  .bta-menu summary::-webkit-details-marker {
    display: none;
  }

  .bta-menu ul {
    background: var(--bta-blue-dark);
    border: 1px solid rgba(255, 255, 255, .15);
    list-style: none;
    margin: 10px 0 0;
    min-width: 190px;
    padding: 8px;
    position: absolute;
    right: 0;
    z-index: 5;
  }

  .bta-menu li + li {
    border-top: 1px solid rgba(255, 255, 255, .12);
  }

  .bta-menu a {
    display: block;
    padding: 10px;
  }

  .bta-button {
    align-items: center;
    background: var(--bta-yellow);
    color: var(--bta-blue-dark) !important;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    justify-content: center;
    letter-spacing: .08em;
    min-height: 46px;
    padding: 12px 20px;
    text-transform: uppercase;
    transition: transform .2s ease, filter .2s ease;
  }

  .bta-button:hover {
    filter: brightness(1.08);
    transform: translateY(-2px);
  }

  .bta-button--outline {
    background: transparent;
    border: 2px solid var(--bta-yellow);
    color: #fff !important;
  }

  .bta-hero {
    background: linear-gradient(90deg, rgba(7, 29, 57, .96) 0%, rgba(18, 60, 114, .84) 52%, rgba(7, 29, 57, .62) 100%), url("bta-fachada.png") center / cover;
    color: #fff;
    min-height: 590px;
  }

  .bta-hero__inner {
    align-items: center;
    display: grid;
    gap: 48px;
    grid-template-columns: 1fr .72fr;
    min-height: 590px;
  }

  .bta-kicker {
    align-items: center;
    color: var(--bta-yellow);
    display: flex;
    font-size: 12px;
    font-weight: 900;
    gap: 12px;
    letter-spacing: .18em;
    text-transform: uppercase;
  }

  .bta-kicker::before {
    background: var(--bta-yellow);
    content: "";
    height: 4px;
    width: 40px;
  }

  .bta-hero h1 {
    font-size: clamp(48px, 8vw, 90px);
    letter-spacing: -.06em;
    line-height: .86;
    margin: 28px 0 20px;
    text-transform: uppercase;
  }

  .bta-hero h1 strong {
    color: var(--bta-yellow);
    display: block;
  }

  .bta-hero h2 {
    border-left: 4px solid var(--bta-yellow);
    font-size: 20px;
    letter-spacing: .08em;
    margin: 0 0 16px;
    padding-left: 18px;
    text-transform: uppercase;
  }

  .bta-hero p {
    color: rgba(255, 255, 255, .78);
    font-size: 18px;
    margin: 0 0 28px;
    max-width: 560px;
  }

  .bta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .bta-hero__image {
    border: 8px solid rgba(255, 255, 255, .8);
    box-shadow: 16px 16px 0 rgba(244, 210, 27, .6);
    display: block;
    max-height: 470px;
    object-fit: cover;
    width: 100%;
  }

  .bta-trust {
    background: #fff;
    border-bottom: 1px solid var(--bta-line);
    border-top: 4px solid var(--bta-yellow);
  }

  .bta-trust__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .bta-trust__item {
    border-right: 1px solid var(--bta-line);
    padding: 22px 18px;
  }

  .bta-trust__item:last-child {
    border-right: 0;
  }

  .bta-trust__item strong {
    color: var(--bta-blue);
    display: block;
    font-size: 13px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .bta-trust__item span {
    color: var(--bta-muted);
    font-size: 13px;
  }

  .bta-section {
    padding: 86px 0;
  }

  .bta-section--light {
    background: #f4f7fb;
  }

  .bta-section--dark {
    background: var(--bta-blue-dark);
    color: #fff;
  }

  .bta-heading {
    margin-bottom: 34px;
  }

  .bta-heading h2 {
    color: var(--bta-blue);
    font-size: clamp(34px, 5vw, 58px);
    letter-spacing: -.05em;
    line-height: .95;
    margin: 12px 0 0;
    text-transform: uppercase;
  }

  .bta-section--dark .bta-heading h2 {
    color: #fff;
  }

  .bta-services {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(5, 1fr);
  }

  .bta-service {
    background: #fff;
    border-top: 4px solid var(--bta-yellow);
    min-height: 142px;
    padding: 20px;
  }

  .bta-service strong {
    color: var(--bta-blue);
    display: block;
    font-size: 16px;
    margin-top: 28px;
  }

  .bta-service span {
    color: var(--bta-muted);
    display: block;
    font-size: 13px;
    margin-top: 6px;
  }

  .bta-parts {
    align-items: center;
    display: grid;
    gap: 54px;
    grid-template-columns: .8fr 1fr;
  }

  .bta-parts__image {
    background: #fff;
    display: block;
    max-height: 330px;
    object-fit: contain;
    padding: 22px;
    width: 100%;
  }

  .bta-parts h2,
  .bta-contact h2 {
    color: var(--bta-blue);
    font-size: clamp(36px, 5vw, 62px);
    letter-spacing: -.05em;
    line-height: .95;
    margin: 12px 0 18px;
    text-transform: uppercase;
  }

  .bta-parts p,
  .bta-contact p {
    color: var(--bta-muted);
    font-size: 17px;
    margin: 0;
    max-width: 580px;
  }

  .bta-reasons {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
  }

  .bta-reason {
    border-left: 4px solid var(--bta-yellow);
    padding: 6px 18px;
  }

  .bta-reason strong {
    color: var(--bta-blue);
    display: block;
    font-size: 17px;
    margin-bottom: 8px;
  }

  .bta-reason span {
    color: var(--bta-muted);
    font-size: 14px;
  }

  .bta-gallery {
    display: grid;
    gap: 16px;
    grid-template-columns: 1.4fr .8fr;
  }

  .bta-gallery img {
    display: block;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
    width: 100%;
  }

  .bta-gallery__main {
    grid-row: span 2;
  }

  .bta-gallery__main img {
    min-height: 540px;
  }

  .bta-contact {
    background: var(--bta-yellow);
  }

  .bta-contact__grid {
    align-items: stretch;
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .bta-contact__card {
    background: #fff;
    padding: 28px;
  }

  .bta-contact__card strong {
    color: var(--bta-blue);
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
  }

  .bta-contact__card p {
    color: var(--bta-ink);
    font-size: 16px;
  }

  .bta-footer {
    background: var(--bta-blue-dark);
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
    padding: 24px 0;
  }

  .bta-footer__inner {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
  }

  .bta-footer img {
    background: #fff;
    height: 38px;
    object-fit: contain;
    width: 64px;
  }

  @media (max-width: 900px) {
    .bta-nav,
    .bta-header > .bta-button {
      display: none;
    }

    .bta-menu {
      display: block;
    }

    .bta-hero__inner,
    .bta-parts,
    .bta-contact__grid {
      grid-template-columns: 1fr;
    }

    .bta-hero__inner {
      padding-bottom: 72px;
      padding-top: 72px;
    }

    .bta-hero__image {
      max-height: 430px;
    }

    .bta-trust__grid,
    .bta-reasons {
      grid-template-columns: repeat(2, 1fr);
    }

    .bta-trust__item:nth-child(2) {
      border-right: 0;
    }

    .bta-services {
      grid-template-columns: repeat(2, 1fr);
    }

    .bta-gallery {
      grid-template-columns: 1fr;
    }

    .bta-gallery__main {
      grid-row: auto;
    }
  }

  @media (max-width: 560px) {
    .bta-shell {
      padding-left: 16px;
      padding-right: 16px;
    }

    .bta-header {
      padding-left: 16px;
      padding-right: 16px;
    }

    .bta-brand span {
      display: none;
    }

    .bta-hero h1 {
      font-size: 56px;
    }

    .bta-hero p {
      font-size: 16px;
    }

    .bta-actions,
    .bta-actions .bta-button {
      width: 100%;
    }

    .bta-trust__grid,
    .bta-services,
    .bta-reasons {
      grid-template-columns: 1fr;
    }

    .bta-trust__item {
      border-bottom: 1px solid var(--bta-line);
      border-right: 0;
    }

    .bta-section {
      padding: 58px 0;
    }

    .bta-gallery__main img {
      min-height: 360px;
    }

    .bta-footer__inner {
      align-items: flex-start;
      flex-direction: column;
    }
  }
</style>

<div class="bta-site" id="bta-inicio">
  <header class="bta-header">
    <a class="bta-brand" href="#bta-inicio" aria-label="BTA Auto Peças - início">
      <img decoding="async" src="bta-logo.png" alt="BTA Auto Peças - Oficina Multimarcas">
      <span>Oficina<br>Multimarcas</span>
    </a>

    <nav class="bta-nav" aria-label="Navegação principal">
      <a href="#bta-inicio">Início</a>
      <a href="#bta-servicos">Serviços</a>
      <a href="#bta-pecas">Auto Peças</a>
      <a href="#bta-sobre">Sobre</a>
      <a href="#bta-contato">Contato</a>
    </nav>

    <a class="bta-button" href="https://wa.me/55429999999?text=Ol%C3%A1%2C%20BTA%20Auto%20Pe%C3%A7as%21%20Gostaria%20de%20agendar%20um%20servi%C3%A7o." target="_blank" rel="noopener">Agendar serviço</a>

    <details class="bta-menu">
      <summary>Menu</summary>
      <ul>
        <li><a href="#bta-inicio">Início</a></li>
        <li><a href="#bta-servicos">Serviços</a></li>
        <li><a href="#bta-pecas">Auto Peças</a></li>
        <li><a href="#bta-sobre">Sobre</a></li>
        <li><a href="#bta-contato">Contato</a></li>
      </ul>
    </details>
  </header>

  <main>
    <section class="bta-hero" aria-labelledby="bta-hero-title">
      <div class="bta-shell bta-hero__inner">
        <div>
          <div class="bta-kicker">Telêmaco Borba · Paraná</div>
          <h1 id="bta-hero-title">BTA <strong>Auto Peças</strong></h1>
          <h2>Oficina Multimarcas</h2>
          <p>Manutenção e soluções para o seu veículo em Telêmaco Borba.</p>
          <div class="bta-actions">
            <a class="bta-button" href="https://wa.me/55429999999?text=Ol%C3%A1%2C%20BTA%20Auto%20Pe%C3%A7as%21%20Gostaria%20de%20agendar%20um%20servi%C3%A7o." target="_blank" rel="noopener">Agendar serviço</a>
            <a class="bta-button bta-button--outline" href="https://wa.me/55429999999?text=Ol%C3%A1%2C%20BTA%20Auto%20Pe%C3%A7as%21%20Gostaria%20de%20falar%20com%20a%20equipe." target="_blank" rel="noopener">Falar no WhatsApp</a>
          </div>
        </div>
        <img decoding="async" class="bta-hero__image" src="bta-fachada.png" alt="Fachada e oficina da BTA Auto Peças" fetchpriority="high">
      </div>
    </section>

    <section class="bta-trust" aria-label="Especialidades da BTA">
      <div class="bta-shell bta-trust__grid">
        <div class="bta-trust__item"><strong>Multimarcas</strong><span>Atendimento para diferentes veículos</span></div>
        <div class="bta-trust__item"><strong>Manutenção</strong><span>Cuidado técnico para o seu carro</span></div>
        <div class="bta-trust__item"><strong>Soluções automotivas</strong><span>Peças e serviços em um só lugar</span></div>
        <div class="bta-trust__item"><strong>Localização central</strong><span>Centro de Telêmaco Borba</span></div>
      </div>
    </section>

    <section class="bta-section bta-section--light" id="bta-servicos" aria-labelledby="bta-servicos-title">
      <div class="bta-shell">
        <div class="bta-heading">
          <div class="bta-kicker">Serviços automotivos</div>
          <h2 id="bta-servicos-title">Cuidado técnico<br>para o seu veículo.</h2>
        </div>
        <div class="bta-services">
          <article class="bta-service"><strong>Injeção eletrônica</strong><span>Diagnóstico preciso para o funcionamento do motor.</span></article>
          <article class="bta-service"><strong>Troca de óleo</strong><span>Cuidado essencial para preservar seu veículo.</span></article>
          <article class="bta-service"><strong>Suspensão</strong><span>Mais estabilidade, conforto e segurança ao dirigir.</span></article>
          <article class="bta-service"><strong>Freios</strong><span>Revisão dos componentes que protegem seu caminho.</span></article>
          <article class="bta-service"><strong>Escapamento</strong><span>Avaliação e manutenção do sistema de exaustão.</span></article>
          <article class="bta-service"><strong>Alinhamento</strong><span>Direção mais firme e desgaste uniforme dos pneus.</span></article>
          <article class="bta-service"><strong>Balanceamento</strong><span>Rodagem equilibrada e sem vibrações.</span></article>
          <article class="bta-service"><strong>Câmbio</strong><span>Manutenção para trocas mais suaves e seguras.</span></article>
          <article class="bta-service"><strong>Elétrica automotiva</strong><span>Soluções para os sistemas elétricos.</span></article>
          <article class="bta-service"><strong>Revisão e manutenção</strong><span>Seu carro preparado para a rotina e a estrada.</span></article>
        </div>
      </div>
    </section>

    <section class="bta-section" id="bta-pecas" aria-labelledby="bta-pecas-title">
      <div class="bta-shell bta-parts">
        <img decoding="async" class="bta-parts__image" src="bta-logo.png" alt="Logo BTA Auto Peças">
        <div>
          <div class="bta-kicker">Peças para o seu carro</div>
          <h2 id="bta-pecas-title">Precisa de<br>uma peça?</h2>
          <p>A BTA Auto Peças também trabalha com peças e soluções para ajudar você a encontrar o que o seu veículo precisa.</p>
          <a class="bta-button" href="https://wa.me/55429999999?text=Ol%C3%A1%2C%20BTA%21%20Preciso%20consultar%20uma%20pe%C3%A7a%20e%20gostaria%20de%20saber%20a%20disponibilidade." target="_blank" rel="noopener">Consultar peça pelo WhatsApp</a>
        </div>
      </div>
    </section>

    <section class="bta-section bta-section--dark" aria-labelledby="bta-escolha-title">
      <div class="bta-shell">
        <div class="bta-heading">
          <div class="bta-kicker">Por que escolher a BTA?</div>
          <h2 id="bta-escolha-title">Atendimento direto<br>e solução prática.</h2>
        </div>
        <div class="bta-reasons">
          <div class="bta-reason"><strong>Atendimento profissional</strong><span>Converse diretamente com a equipe.</span></div>
          <div class="bta-reason"><strong>Oficina multimarcas</strong><span>Serviços para diferentes veículos.</span></div>
          <div class="bta-reason"><strong>Peças e manutenção</strong><span>Mais praticidade para a sua rotina.</span></div>
          <div class="bta-reason"><strong>Localização fácil</strong><span>No Centro de Telêmaco Borba.</span></div>
        </div>
      </div>
    </section>

    <section class="bta-section bta-section--dark" aria-labelledby="bta-galeria-title">
      <div class="bta-shell">
        <div class="bta-heading">
          <div class="bta-kicker">Galeria</div>
          <h2 id="bta-galeria-title">A BTA por perto.</h2>
        </div>
        <div class="bta-gallery">
          <div class="bta-gallery__main"><img decoding="async" src="bta-fachada.png" alt="Fachada e ambiente da BTA Auto Peças" loading="lazy"></div>
          <div><img decoding="async" src="bta-logo.png" alt="Identidade visual da BTA Auto Peças" loading="lazy"></div>
          <div><img decoding="async" src="bta-fachada.png" alt="Oficina multimarcas BTA Auto Peças" loading="lazy"></div>
        </div>
      </div>
    </section>

    <section class="bta-section" id="bta-sobre" aria-labelledby="bta-sobre-title">
      <div class="bta-shell">
        <div class="bta-heading">
          <div class="bta-kicker">Sobre a BTA</div>
          <h2 id="bta-sobre-title">BTA Auto Peças<br>Oficina Multimarcas.</h2>
        </div>
        <p style="color: #5d7085; font-size: 18px; max-width: 680px;">A BTA Auto Peças é uma oficina multimarcas em Telêmaco Borba, Paraná. Oferecemos manutenção, soluções automotivas e atendimento direto para ajudar você a seguir em frente.</p>
      </div>
    </section>

    <section class="bta-section bta-contact" id="bta-contato" aria-labelledby="bta-contato-title">
      <div class="bta-shell bta-contact__grid">
        <div>
          <div class="bta-kicker">Contato</div>
          <h2 id="bta-contato-title">Vamos cuidar<br>do seu carro?</h2>
          <p>Agende um serviço, consulte uma peça ou tire sua dúvida com a equipe BTA.</p>
        </div>
        <div class="bta-contact__card">
          <strong>Fale com a BTA</strong>
          <p><a href="https://wa.me/55429999999" target="_blank" rel="noopener">WhatsApp: 42 9999-9999</a></p>
          <p><a href="https://www.google.com/maps/search/?api=1&query=Av.+Chanceler+Horácio+Laffer,+1058,+Centro,+Telêmaco+Borba+-+PR" target="_blank" rel="noopener">Av. Chanceler Horácio Laffer, 1058<br>Centro, Telêmaco Borba - PR<br>CEP 84261-350</a></p>
          <a class="bta-button" href="https://wa.me/55429999999?text=Ol%C3%A1%2C%20BTA%20Auto%20Pe%C3%A7as%21%20Gostaria%20de%20falar%20com%20a%20equipe." target="_blank" rel="noopener">Falar no WhatsApp</a>
        </div>
      </div>
    </section>
  </main>

  <footer class="bta-footer">
    <div class="bta-shell bta-footer__inner">
      <img decoding="async" src="bta-logo.png" alt="BTA Auto Peças">
      <span>Oficina Multimarcas · Telêmaco Borba - PR</span>
      <a href="#bta-inicio">Voltar ao início</a>
    </div>
  </footer>
</div>