{"id":13,"date":"2025-10-16T15:34:53","date_gmt":"2025-10-16T18:34:53","guid":{"rendered":"http:\/\/barretoautopecas.com.br\/?page_id=13"},"modified":"2025-10-22T09:56:05","modified_gmt":"2025-10-22T12:56:05","slug":"elementor-13","status":"publish","type":"page","link":"https:\/\/barretoautopecas.com.br\/","title":{"rendered":"Elementor #13"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Barreto Auto Pe\u00e7as | Centro Automotivo Completo | Passo Fundo - RS<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n *{margin:0;padding:0;box-sizing:border-box}\r\n :root{\r\n --amarelo:#FFB933;\r\n --amarelo-claro:#FFC85C;\r\n --amarelo-escuro:#E6A02E;\r\n --preto:#000000;\r\n --preto-suave:#1a1a1a;\r\n --cinza:#333333;\r\n --branco:#ffffff;\r\n --sombra-amarela:rgba(255,185,51,.3);\r\n }\r\n body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--branco);color:var(--preto);line-height:1.6;overflow-x:hidden}\r\n\r\n \/* Header - CORRIGIDO *\/\r\n header{position:fixed;top:0;left:0;right:0;background:var(--preto);backdrop-filter:blur(10px);z-index:1000;padding:12px 0;border-bottom:3px solid var(--amarelo);transition:all .3s}\r\n header.scrolled{background:rgba(0,0,0,.98);box-shadow:0 4px 20px rgba(0,0,0,.5)}\r\n .header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px}\r\n .logo{display:flex;align-items:center;gap:12px;transition:.3s}\r\n .logo:hover{transform:scale(1.05)}\r\n \/* Logo por imagem no header *\/\r\n .logo-link{display:inline-flex;align-items:center}\r\n .logo-img{\r\n max-height:42px; \/* altura segura dentro do header (desktop) *\/\r\n width:auto;\r\n object-fit:contain;\r\n display:block;\r\n transition:transform .3s ease;\r\n }\r\n .logo:hover .logo-img{transform:scale(1.05)}\r\n\r\n .nav-menu{display:flex;gap:28px;list-style:none}\r\n .nav-menu a{color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid transparent;padding:6px 0;transition:.25s;position:relative}\r\n .nav-menu a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--amarelo);transition:.3s}\r\n .nav-menu a:hover::after{width:100%}\r\n .nav-menu a:hover{color:var(--amarelo)}\r\n\r\n \/* Mobile *\/\r\n .mobile-toggle{display:none;flex-direction:column;gap:5px;width:36px;height:28px;justify-content:center;background:transparent;border:0;cursor:pointer}\r\n .mobile-toggle span{display:block;width:24px;height:2px;background:#fff;transition:.25s}\r\n .mobile-menu{position:fixed;top:73px;right:16px;left:16px;background:var(--preto);border:2px solid var(--amarelo);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.5);padding:12px;display:none;z-index:1100}\r\n .mobile-menu.open{display:block;animation:slideDown .3s}\r\n @keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}\r\n .mobile-menu ul{list-style:none}\r\n .mobile-menu a{display:block;padding:14px 12px;color:#fff;text-decoration:none;font-weight:700;border-radius:10px;transition:.3s}\r\n .mobile-menu a:hover{background:rgba(255,185,51,.1);color:var(--amarelo);transform:translateX(5px)}\r\n\r\n \/* Hero - CORRIGIDO SEM MARGIN-TOP *\/\r\n .hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:80px 20px 60px;background:linear-gradient(135deg,rgba(255,185,51,0.95) 0%,rgba(230,160,46,0.95) 100%),url('http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-08-at-07.00.22-2.jpeg') center\/cover no-repeat;overflow:hidden}\r\n .hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"rgba(0,0,0,0.05)\" stroke-width=\"0.5\"\/><\/svg>');background-size:100px 100px;opacity:.3}\r\n \r\n .particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}\r\n .particle{position:absolute;width:6px;height:6px;background:var(--preto);border-radius:50%;opacity:0;animation:float-up 12s infinite}\r\n .particle:nth-child(odd){background:var(--branco)}\r\n .particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:11s}\r\n .particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:13s}\r\n .particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:15s}\r\n .particle:nth-child(4){left:40%;animation-delay:1s;animation-duration:12s}\r\n .particle:nth-child(5){left:50%;animation-delay:3s;animation-duration:14s}\r\n .particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:10s}\r\n .particle:nth-child(7){left:70%;animation-delay:2.5s;animation-duration:13s}\r\n .particle:nth-child(8){left:80%;animation-delay:4.5s;animation-duration:11s}\r\n @keyframes float-up{0%{bottom:-10%;opacity:0;transform:translateX(0)}25%{opacity:.6}50%{transform:translateX(30px)}75%{transform:translateX(-30px)}100%{bottom:110%;opacity:0;transform:translateX(0)}}\r\n\r\n .hero-content{max-width:1200px;margin:0 auto;width:100%;text-align:center;position:relative;z-index:2;animation:fadeInUp 1s ease-out}\r\n @keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}\r\n \r\n .hero-badge{display:inline-block;background:var(--preto);color:var(--amarelo);padding:10px 28px;border-radius:30px;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;animation:bounceIn 1s ease-out .3s both;box-shadow:0 4px 15px rgba(0,0,0,.2)}\r\n @keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}\r\n \r\n .hero h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:24px;letter-spacing:-1px;color:var(--preto)}\r\n .hero h1 .highlight{color:var(--branco);display:block;font-size:.9em;margin-top:12px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}\r\n \r\n .hero-promo{background:var(--preto);color:var(--amarelo);padding:20px 30px;border-radius:20px;display:inline-block;margin:20px 0;box-shadow:0 8px 25px rgba(0,0,0,.3)}\r\n .hero-promo .big-text{font-size:3rem;font-weight:900;line-height:1}\r\n .hero-promo .small-text{font-size:1.2rem;color:var(--branco);margin-top:5px}\r\n \r\n .hero p{font-size:1.25rem;margin:0 auto 32px;color:var(--preto);max-width:700px;line-height:1.7;font-weight:500;animation:fadeInUp 1s ease-out .6s both}\r\n \r\n .hero-services{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}\r\n .hero-service{background:rgba(0,0,0,.1);border:2px solid var(--preto);border-radius:12px;padding:12px 20px;font-weight:700;color:var(--preto);animation:slideInUp .8s ease-out both;transition:.3s}\r\n .hero-service:nth-child(1){animation-delay:.8s}\r\n .hero-service:nth-child(2){animation-delay:.9s}\r\n .hero-service:nth-child(3){animation-delay:1s}\r\n .hero-service:nth-child(4){animation-delay:1.1s}\r\n @keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}\r\n .hero-service:hover{background:var(--preto);color:var(--amarelo);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.3)}\r\n \r\n .btn{background:var(--preto);color:var(--amarelo);padding:16px 40px;border:none;border-radius:999px;font-weight:800;font-size:1.1rem;text-decoration:none;display:inline-block;transition:.3s;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;position:relative;overflow:hidden;animation:fadeInUp 1s ease-out 1.2s both;box-shadow:0 6px 20px rgba(0,0,0,.3)}\r\n .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,185,51,.4),transparent);transition:.6s}\r\n .btn:hover::before{left:100%}\r\n .btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 30px rgba(0,0,0,.4)}\r\n .btn:active{transform:translateY(0) scale(.98)}\r\n\r\n .hero-stats{display:flex;gap:48px;justify-content:center;margin:40px 0 32px;flex-wrap:wrap}\r\n .stat-item{text-align:center;animation:fadeInUp 1s ease-out 1.4s both}\r\n .stat-number{font-size:3rem;font-weight:900;color:var(--preto);display:block;line-height:1;text-shadow:2px 2px 0 rgba(255,255,255,.3)}\r\n .stat-label{font-size:.9rem;color:var(--preto);text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-weight:700}\r\n\r\n section{padding:96px 20px}\r\n \r\n .section-title{text-align:center;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px;position:relative;display:block;color:var(--preto);width:100%;margin-left:auto;margin-right:auto}\r\n .section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,var(--amarelo),transparent);border-radius:2px}\r\n .section-subtitle{text-align:center;font-size:1.2rem;opacity:.85;margin-bottom:56px;max-width:700px;margin-left:auto;margin-right:auto}\r\n\r\n \/* Marcas *\/\r\n .brands-section{background:#1a1a1a;overflow:hidden;text-align:center}\r\n .brands-container{position:relative;padding:20px 0;max-width:1400px;margin:0 auto}\r\n .brands-scroll{display:flex;gap:24px;overflow-x:auto;scroll-behavior:smooth;padding:20px 20px 40px;scrollbar-width:thin;scrollbar-color:var(--amarelo) #1a1a1a;justify-content:flex-start;flex-wrap:nowrap}\r\n .brands-scroll::-webkit-scrollbar{height:8px}\r\n .brands-scroll::-webkit-scrollbar-track{background:#1a1a1a;border-radius:10px}\r\n .brands-scroll::-webkit-scrollbar-thumb{background:var(--amarelo);border-radius:10px}\r\n .brand-card{background:#111;border:2px solid var(--amarelo);border-radius:16px;padding:20px;transition:.4s;text-align:center;min-width:160px;max-width:160px;height:140px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}\r\n .brand-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,185,51,.12),transparent);transform:rotate(45deg);transition:.6s;opacity:0}\r\n .brand-card:hover::before{opacity:1;animation:shine 1.5s infinite}\r\n .brand-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 40px var(--sombra-amarela);border-color:var(--amarelo)}\r\n .brand-card img{max-width:110px;max-height:80px;width:auto;height:auto;object-fit:contain;filter:brightness(1);transition:.4s;opacity:.95}\r\n .brand-card:hover img{opacity:1;transform:scale(1.06)}\r\n @keyframes shine{0%{left:-100%}100%{left:100%}}\r\n\r\n \/* Promo\u00e7\u00e3o *\/\r\n .promocao-section{background:var(--preto);color:var(--branco);text-align:center;padding:60px 20px}\r\n .promocao-content{max-width:1000px;margin:0 auto}\r\n .promocao-box{background:linear-gradient(135deg,var(--amarelo) 0%,var(--amarelo-escuro) 100%);border-radius:30px;padding:40px;box-shadow:0 15px 40px rgba(0,0,0,.3)}\r\n .promocao-title{font-size:2.5rem;font-weight:900;color:var(--preto);margin-bottom:20px;text-transform:uppercase}\r\n .promocao-title .destaque{font-size:4rem;display:block;margin:10px 0;text-shadow:2px 2px 0 rgba(255,255,255,.3)}\r\n .promocao-subtitle{font-size:1.3rem;color:var(--preto);font-weight:600;margin-bottom:30px}\r\n .cartoes-aceitos{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:30px;padding-top:30px;border-top:2px solid rgba(0,0,0,.1)}\r\n .cartao-item{background:var(--branco);padding:10px 20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);font-weight:700;color:var(--preto)}\r\n\r\n \/* Servi\u00e7os *\/\r\n .servicos-section{background:var(--preto);padding:5.8rem 20px}\r\n .servicos-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}\r\n .servico-card{background:#0c0e11;border:1px solid rgba(255,185,51,.08);border-radius:18px;padding:1.6rem 1.4rem;box-shadow:0 16px 40px rgba(0,0,0,.35);color:#E6ECF2;position:relative;overflow:hidden;transition:all 0.3s ease;min-height:300px}\r\n .servico-card-photo{background-size:cover;background-position:center;border:1px solid rgba(255,185,51,.12)}\r\n .servico-card-photo::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,185,51,0.12) 0%,rgba(12,14,17,0.88) 40%,rgba(10,10,10,0.96) 100%);z-index:1;transition:all 0.3s ease}\r\n .servico-card-photo:hover::before{background:linear-gradient(135deg,rgba(255,185,51,0.20) 0%,rgba(12,14,17,0.80) 40%,rgba(10,10,10,0.92) 100%)}\r\n .servico-card-photo:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(0,0,0,.45);border-color:rgba(255,185,51,0.3)}\r\n .servico-content{position:relative;z-index:2}\r\n .servico-card-photo h3{text-shadow:0 1px 3px rgba(0,0,0,0.3)}\r\n .servico-card-photo .servico-desc{text-shadow:0 1px 2px rgba(0,0,0,0.3)}\r\n .servico-card h3{font-size:1.25rem;font-weight:900;letter-spacing:.02em;margin:0 0 .6rem;color:var(--amarelo)}\r\n .servico-desc{color:#C9D3DC;margin:0 0 .6rem;font-size:1rem;line-height:1.65}\r\n .servico-features{list-style:none;margin:0;padding:0}\r\n .servico-features li{padding:.55rem 0 .55rem 1.15rem;position:relative;border-top:1px dashed rgba(255,255,255,.06)}\r\n .servico-features li:first-child{border-top:none}\r\n .servico-features li::before{content:\"\u25b8\";position:absolute;left:0;top:.6rem;color:var(--amarelo);font-weight:900;font-size:.95rem}\r\n\r\n \/* Diferenciais *\/\r\n .diferenciais-section{background:var(--amarelo);color:var(--preto)}\r\n .diferenciais-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}\r\n .anos-destaque{text-align:center;margin-bottom:32px}\r\n .anos-destaque .number{font-size:5rem;font-weight:900;color:var(--preto);line-height:1;text-shadow:3px 3px 0 rgba(255,255,255,.3)}\r\n .anos-destaque .label{font-size:1.2rem;margin-top:8px;text-transform:uppercase;letter-spacing:1px;font-weight:700}\r\n .features-list{list-style:none}\r\n .features-list li{display:flex;align-items:flex-start;gap:12px;margin:20px 0;font-size:1.1rem;line-height:1.6;padding:16px;background:rgba(0,0,0,.05);border-radius:12px;border-left:4px solid var(--preto);transition:.3s;font-weight:600}\r\n .features-list li:hover{background:rgba(0,0,0,.1);transform:translateX(5px)}\r\n .features-list li::before{content:\"\u25c6\";color:var(--preto);font-weight:900;margin-top:2px;font-size:1.2rem}\r\n .cta-box{background:linear-gradient(135deg,var(--preto) 0%,rgba(0,0,0,0.9) 100%),url('http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-08-at-07.00.21.jpeg') center\/cover no-repeat;color:var(--amarelo);border-radius:20px;padding:40px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}\r\n .cta-box h3{font-size:2rem;font-weight:900;margin-bottom:20px;text-transform:uppercase}\r\n .cta-box p{font-size:1.15rem;margin-bottom:28px;line-height:1.7;color:var(--branco)}\r\n\r\n \/* Localiza\u00e7\u00e3o *\/\r\n .location-section{background:var(--branco);color:var(--preto)}\r\n .location-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}\r\n .location-info{background:var(--amarelo);padding:36px;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.15)}\r\n .location-info h3{font-size:2rem;font-weight:900;margin-bottom:24px;color:var(--preto)}\r\n .info-item{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid rgba(0,0,0,.1);transition:.3s}\r\n .info-item:hover{transform:translateX(5px)}\r\n .info-item:last-child{border-bottom:none}\r\n .info-icon{width:50px;height:50px;background:var(--preto);color:var(--amarelo);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}\r\n .info-item strong{display:block;font-size:1.1rem;margin-bottom:6px;color:var(--preto)}\r\n .info-item span{color:var(--preto);line-height:1.6;opacity:.8}\r\n .map-container{background:#fff;border-radius:20px;overflow:hidden;border:3px solid var(--amarelo);box-shadow:0 15px 40px rgba(0,0,0,.1);height:100%}\r\n .map-container iframe{width:100%;height:500px;border:0}\r\n\r\n \/* Galeria *\/\r\n .gallery-section{background:#f5f5f5}\r\n .gallery-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}\r\n .gallery-item{aspect-ratio:4\/3;border:3px solid var(--amarelo);border-radius:16px;overflow:hidden;position:relative;cursor:pointer;transition:.3s;background:#e0e0e0}\r\n .gallery-item:hover{transform:scale(1.03);box-shadow:0 12px 30px var(--sombra-amarela)}\r\n .gallery-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffe3a9,#ffd074);color:var(--preto);font-size:1.2rem;font-weight:700}\r\n .gallery-item::after{content:'\ud83d\udd0d';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:3rem;opacity:0;transition:.3s;text-shadow:0 0 20px rgba(0,0,0,.8)}\r\n .gallery-item:hover::after{transform:translate(-50%,-50%) scale(1);opacity:1}\r\n\r\n \/* Lightbox *\/\r\n .lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:9999;align-items:center;justify-content:center;animation:fadeIn .3s}\r\n .lightbox.active{display:flex}\r\n .lightbox-content{max-width:90%;max-height:90%;position:relative}\r\n .lightbox-content img{width:100%;height:100%;object-fit:contain;border:3px solid var(--amarelo);border-radius:8px}\r\n .lightbox-close{position:absolute;top:-40px;right:0;background:var(--amarelo);color:#000;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;font-weight:900;transition:.3s}\r\n .lightbox-close:hover{transform:rotate(90deg);background:var(--amarelo-escuro)}\r\n @keyframes fadeIn{from{opacity:0}to{opacity:1}}\r\n\r\n \/* Avalia\u00e7\u00f5es *\/\r\n .avaliacoes-section{background:#f5f5f5;position:relative}\r\n .avaliacoes-container{max-width:1200px;margin:0 auto;position:relative;overflow:hidden}\r\n .avaliacoes-wrapper{display:flex;transition:transform .5s ease-in-out}\r\n .avaliacoes-slide{min-width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:0 10px}\r\n .avaliacao-card{background:var(--branco);border:2px solid var(--amarelo);border-radius:20px;padding:32px;transition:.3s;height:100%}\r\n .avaliacao-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(255,185,51,.3)}\r\n .avaliacao-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}\r\n .avaliacao-avatar{width:50px;height:50px;border-radius:50%;background:var(--amarelo);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.3rem;color:var(--preto)}\r\n .avaliacao-info h4{color:var(--preto);font-size:1.1rem;font-weight:800;margin-bottom:4px}\r\n .avaliacao-meta{font-size:.85rem;opacity:.7}\r\n .avaliacao-stars{color:var(--amarelo);font-size:1.2rem;margin-bottom:16px}\r\n .avaliacao-text{line-height:1.7;color:var(--cinza)}\r\n .carousel-dots{display:flex;justify-content:center;gap:12px;margin-top:32px}\r\n .dot{width:12px;height:12px;border-radius:50%;background:rgba(255,185,51,.3);cursor:pointer;transition:.3s;border:2px solid transparent}\r\n .dot.active{background:var(--amarelo);transform:scale(1.3);border-color:var(--amarelo-escuro)}\r\n .dot:hover{background:var(--amarelo-escuro)}\r\n\r\n \/* Contato *\/\r\n .contact-section{background:var(--preto);color:var(--branco);text-align:center;padding:80px 20px}\r\n .contact-content{max-width:800px;margin:0 auto}\r\n .contact-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;margin-bottom:12px;text-transform:uppercase;color:var(--amarelo)}\r\n .contact-subtitle{font-size:1.2rem;margin-bottom:24px;opacity:.9}\r\n .contact-hours{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin:28px 0;font-size:1.05rem;font-weight:700}\r\n .contact-hours div{background:rgba(255,185,51,.1);padding:12px 24px;border-radius:12px;transition:.3s;border:1px solid var(--amarelo)}\r\n .contact-hours div:hover{background:rgba(255,185,51,.2);transform:translateY(-2px)}\r\n .contact-btn{background:var(--amarelo);color:var(--preto)}\r\n\r\n \/* Footer *\/\r\n footer{background:var(--preto);padding:60px 20px 32px;border-top:3px solid var(--amarelo);color:var(--branco)}\r\n .footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}\r\n .footer-section h3{color:var(--amarelo);font-size:1.2rem;font-weight:800;margin-bottom:16px}\r\n .footer-section p,.footer-section a{color:var(--branco);opacity:.9;margin:8px 0;line-height:1.8}\r\n .footer-section a{display:block;text-decoration:none;transition:.3s}\r\n .footer-section a:hover{color:var(--amarelo);transform:translateX(5px)}\r\n .footer-bottom{text-align:center;margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,185,51,.2);opacity:.7}\r\n\r\n \/* WhatsApp Float *\/\r\n .whatsapp-float{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:var(--amarelo);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 6px 20px rgba(0,0,0,.4);z-index:999;transition:.3s;text-decoration:none;animation:pulse 2s infinite}\r\n .whatsapp-float:hover{transform:scale(1.1);box-shadow:0 8px 25px rgba(0,0,0,.5)}\r\n @keyframes pulse{0%,100%{box-shadow:0 6px 20px rgba(0,0,0,.4)}50%{box-shadow:0 6px 30px rgba(255,185,51,.6)}}\r\n\r\n \/* Anima\u00e7\u00f5es para observador *\/\r\n .fade-in{opacity:0;transform:translateY(30px);transition:all .8s ease-out}\r\n .fade-in.visible{opacity:1;transform:translateY(0)}\r\n .scale-in{opacity:0;transform:scale(.8);transition:all .6s ease-out}\r\n .scale-in.visible{opacity:1;transform:scale(1)}\r\n .slide-left{opacity:0;transform:translateX(-30px);transition:all .6s ease-out}\r\n .slide-left.visible{opacity:1;transform:translateX(0)}\r\n\r\n \/* RESPONSIVO MOBILE *\/\r\n @media (max-width: 768px) {\r\n \/* Header Mobile *\/\r\n .nav-menu{display:none}\r\n .mobile-toggle{display:flex}\r\n .logo-img{max-height:34px}\r\n\r\n \/* Hero Mobile - CORRIGIDO *\/\r\n .hero{padding:100px 16px 40px;min-height:auto}\r\n .hero-content{padding:20px 0}\r\n .hero-badge{font-size:.75rem;padding:8px 20px}\r\n .hero h1{font-size:2rem;margin-bottom:16px}\r\n .hero h1 .highlight{font-size:.85em;margin-top:8px}\r\n .hero-promo{padding:16px 24px;margin:16px 0}\r\n .hero-promo .big-text{font-size:2.2rem}\r\n .hero-promo .small-text{font-size:1rem}\r\n .hero p{font-size:1rem;margin-bottom:24px;padding:0 8px}\r\n .hero-services{gap:10px;margin-bottom:24px}\r\n .hero-service{padding:10px 16px;font-size:.85rem}\r\n .hero-stats{gap:24px;margin:24px 0}\r\n .stat-number{font-size:2rem}\r\n .stat-label{font-size:.75rem}\r\n .btn{padding:14px 32px;font-size:1rem}\r\n \r\n \/* Sections Mobile *\/\r\n section{padding:48px 16px}\r\n .section-title{font-size:1.8rem;margin-bottom:12px}\r\n .section-subtitle{font-size:1rem;margin-bottom:32px;padding:0 8px}\r\n \r\n \/* Marcas Mobile *\/\r\n .brands-section{padding:48px 0}\r\n .brands-container{padding:0}\r\n .brands-scroll{\r\n padding:20px 16px 30px;\r\n gap:16px;\r\n justify-content:flex-start;\r\n scroll-snap-type:x mandatory;\r\n -webkit-overflow-scrolling:touch;\r\n }\r\n .brand-card{\r\n min-width:130px;\r\n max-width:130px;\r\n height:120px;\r\n padding:16px;\r\n scroll-snap-align:center;\r\n }\r\n .brand-card img{max-width:90px;max-height:70px}\r\n \r\n \/* Promo\u00e7\u00e3o Mobile *\/\r\n .promocao-section{padding:48px 16px}\r\n .promocao-box{padding:32px 20px;border-radius:20px}\r\n .promocao-title{font-size:1.8rem}\r\n .promocao-title .destaque{font-size:3rem}\r\n .promocao-subtitle{font-size:1.1rem}\r\n .cartoes-aceitos{gap:12px;margin-top:24px;padding-top:24px}\r\n .cartao-item{padding:8px 16px;font-size:.9rem}\r\n \r\n \/* Servi\u00e7os Mobile - 1 Coluna *\/\r\n .servicos-section{padding:48px 16px}\r\n .servicos-grid{\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n }\r\n .servico-card{\r\n padding:1.4rem 1.2rem;\r\n min-height:280px;\r\n }\r\n .servico-card h3{font-size:1.1rem}\r\n .servico-desc{font-size:.95rem}\r\n .servico-features li{padding:.5rem 0 .5rem 1rem;font-size:.9rem}\r\n .servico-features li::before{top:.55rem;font-size:.85rem}\r\n \r\n \/* Diferenciais Mobile *\/\r\n .diferenciais-content{grid-template-columns:1fr;gap:32px}\r\n .anos-destaque .number{font-size:3.5rem}\r\n .anos-destaque .label{font-size:1rem}\r\n .features-list li{font-size:1rem;padding:12px;margin:12px 0}\r\n .features-list li::before{font-size:1rem}\r\n .cta-box{padding:28px 20px}\r\n .cta-box h3{font-size:1.5rem}\r\n .cta-box p{font-size:1rem}\r\n \r\n \/* Localiza\u00e7\u00e3o Mobile *\/\r\n .location-content{grid-template-columns:1fr;gap:32px}\r\n .location-info{padding:28px 20px}\r\n .location-info h3{font-size:1.6rem;margin-bottom:20px}\r\n .info-item{padding:16px 0;flex-direction:row;gap:12px}\r\n .info-icon{width:45px;height:45px;font-size:1.1rem}\r\n .info-item strong{font-size:1rem}\r\n .info-item span{font-size:.9rem}\r\n .map-container iframe{height:350px}\r\n \r\n \/* Galeria Mobile *\/\r\n .gallery-grid{grid-template-columns:1fr;gap:16px}\r\n .gallery-item{border-radius:12px}\r\n \r\n \/* Avalia\u00e7\u00f5es Mobile *\/\r\n .avaliacoes-slide{grid-template-columns:1fr;gap:16px;padding:0 8px}\r\n .avaliacao-card{padding:24px;border-radius:16px}\r\n .avaliacao-header{gap:12px}\r\n .avaliacao-avatar{width:45px;height:45px;font-size:1.1rem}\r\n .avaliacao-info h4{font-size:1rem}\r\n .avaliacao-meta{font-size:.8rem}\r\n .avaliacao-stars{font-size:1rem}\r\n .avaliacao-text{font-size:.95rem}\r\n \r\n \/* Contato Mobile *\/\r\n .contact-section{padding:48px 16px}\r\n .contact-title{font-size:1.8rem}\r\n .contact-subtitle{font-size:1rem}\r\n .contact-hours{flex-direction:column;gap:12px;font-size:.95rem}\r\n .contact-hours div{padding:10px 20px}\r\n \r\n \/* Footer Mobile *\/\r\n .footer-content{grid-template-columns:1fr;gap:32px;text-align:center}\r\n .footer-section a{transform:none !important}\r\n .footer-section h3{font-size:1.1rem}\r\n .footer-section p,.footer-section a{font-size:.9rem}\r\n \r\n \/* WhatsApp Float Mobile *\/\r\n .whatsapp-float{width:56px;height:56px;font-size:1.8rem;bottom:20px;right:20px}\r\n }\r\n\r\n \/* Tablet *\/\r\n @media (min-width: 769px) and (max-width: 1024px) {\r\n .servicos-grid{grid-template-columns:repeat(2,1fr);gap:1rem}\r\n .servico-card{padding:1.5rem 1.3rem;min-height:280px}\r\n .diferenciais-content{gap:48px}\r\n .location-content{gap:32px}\r\n .avaliacoes-slide{grid-template-columns:repeat(2,1fr)}\r\n .footer-content{grid-template-columns:1fr 1fr}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Header -->\r\n <header>\r\n <div class=\"header-container\">\r\n <div class=\"logo\">\r\n <a href=\"#inicio\" class=\"logo-link\" aria-label=\"In\u00edcio\">\r\n <img\r\n class=\"logo-img\"\r\n src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/Design-sem-nome-38.png\"\r\n alt=\"Barreto Auto Pe\u00e7as\"\r\n width=\"180\"\r\n height=\"48\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n \/>\r\n <\/a>\r\n <\/div>\r\n <nav>\r\n <ul class=\"nav-menu\">\r\n <li><a href=\"#inicio\">In\u00edcio<\/a><\/li>\r\n <li><a href=\"#marcas\">Marcas<\/a><\/li>\r\n <li><a href=\"#promocao\">Promo\u00e7\u00e3o<\/a><\/li>\r\n <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\r\n <li><a href=\"#galeria\">Galeria<\/a><\/li>\r\n <li><a href=\"#sobre\">Sobre<\/a><\/li>\r\n <li><a href=\"#contato\">Contato<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <button class=\"mobile-toggle\" aria-label=\"Menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/div>\r\n <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <ul>\r\n <li><a href=\"#inicio\">In\u00edcio<\/a><\/li>\r\n <li><a href=\"#marcas\">Marcas<\/a><\/li>\r\n <li><a href=\"#promocao\">Promo\u00e7\u00e3o<\/a><\/li>\r\n <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\r\n <li><a href=\"#galeria\">Galeria<\/a><\/li>\r\n <li><a href=\"#sobre\">Sobre<\/a><\/li>\r\n <li><a href=\"#contato\">Contato<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Hero -->\r\n <section id=\"inicio\" class=\"hero\">\r\n <div class=\"particles\">\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">O Melhor Para Seu Carro<\/div>\r\n <h1>Centro Automotivo <span class=\"highlight\">Barreto Auto Pe\u00e7as<\/span><\/h1>\r\n \r\n <div class=\"hero-promo\">\r\n <div class=\"big-text\">AT\u00c9 10X<\/div>\r\n <div class=\"small-text\">SEM JUROS NO CART\u00c3O<\/div>\r\n <\/div>\r\n\r\n <p>Pe\u00e7as, servi\u00e7os e mec\u00e2nica completa com a qualidade e confian\u00e7a que voc\u00ea procura. Atendimento especializado em Passo Fundo.<\/p>\r\n \r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\" data-target=\"5000\">0<\/span>\r\n <span class=\"stat-label\">Clientes Atendidos<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\" data-target=\"10000\">0<\/span>\r\n <span class=\"stat-label\">Servi\u00e7os Realizados<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\" data-target=\"100\">0<\/span>\r\n <span class=\"stat-label\">Satisfa\u00e7\u00e3o<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-services\">\r\n <div class=\"hero-service\">\ud83d\udd27 Mec\u00e2nica Geral<\/div>\r\n <div class=\"hero-service\">\u26a1 El\u00e9trica<\/div>\r\n <div class=\"hero-service\">\ud83d\ude97 Suspens\u00e3o<\/div>\r\n <div class=\"hero-service\">\ud83d\udee0\ufe0f Manuten\u00e7\u00e3o<\/div>\r\n <\/div>\r\n <a class=\"btn\" href=\"https:\/\/wa.me\/555433143222?text=Ol\u00e1,%20vim%20do%20site%20e%20gostaria%20de%20mais%20informa\u00e7\u00f5es\" target=\"_blank\">Solicitar Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Marcas -->\r\n <section id=\"marcas\" class=\"brands-section\">\r\n <h2 class=\"section-title\" style=\"color:#fff\">Marcas que Atendemos<\/h2>\r\n <p class=\"section-subtitle\" style=\"color:#fff\">Trabalhamos com as principais marcas nacionais e importadas<\/p>\r\n <div class=\"brands-container\">\r\n <div class=\"brands-scroll\">\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/3.png\" alt=\"Volkswagen\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/4.png\" alt=\"Fiat\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/14.png\" alt=\"Chevrolet\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/5.png\" alt=\"Ford\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/2.png\" alt=\"Renault\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/1.png\" alt=\"Peugeot\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/12.png\" alt=\"Citro\u00ebn\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/20927075-toyota-marca-logotipo-carro-simbolo-branco-projeto-japao-automovel-ilustracao-com-preto-fundo-gratis-vetor.jpg\" alt=\"Toyota\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/9.png\" alt=\"Porsche\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/8.png\" alt=\"Mercedes\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/6.png\" alt=\"BMW\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/7.png\" alt=\"Audi\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/13.png\" alt=\"Land Rover\"><\/div>\r\n <div class=\"brand-card\"><img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/10.png\" alt=\"Jeep\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Promo\u00e7\u00e3o -->\r\n <section id=\"promocao\" class=\"promocao-section\">\r\n <div class=\"promocao-content\">\r\n <div class=\"promocao-box\">\r\n <h2 class=\"promocao-title\">Produtos e Servi\u00e7os <span class=\"destaque\">EM AT\u00c9 10X<\/span><\/h2>\r\n <p class=\"promocao-subtitle\">Parcele suas compras e servi\u00e7os em at\u00e9 10x sem juros no cart\u00e3o de cr\u00e9dito!<\/p>\r\n <a class=\"btn\" href=\"https:\/\/wa.me\/555433143222?text=Ol\u00e1,%20quero%20saber%20mais%20sobre%20o%20parcelamento\" target=\"_blank\">Aproveitar Promo\u00e7\u00e3o<\/a>\r\n <div class=\"cartoes-aceitos\">\r\n <div class=\"cartao-item\">\ud83d\udcb3 Visa<\/div>\r\n <div class=\"cartao-item\">\ud83d\udcb3 Mastercard<\/div>\r\n <div class=\"cartao-item\">\ud83d\udcb3 Elo<\/div>\r\n <div class=\"cartao-item\">\ud83d\udcb3 American Express<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Servi\u00e7os -->\r\n <section id=\"servicos\" class=\"servicos-section\">\r\n <h2 class=\"section-title\" style=\"color:#fff\">Servi\u00e7os Automotivos<\/h2>\r\n <p class=\"section-subtitle\" style=\"color:#fff\">Mec\u00e2nica completa e servi\u00e7os especializados para seu ve\u00edculo<\/p>\r\n <div class=\"servicos-grid\">\r\n <div class=\"servico-card servico-card-photo\" style=\"background-image:url('http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/Mecanica-Geral.png');\">\r\n <div class=\"servico-content\">\r\n <h3>Mec\u00e2nica Geral<\/h3>\r\n <p class=\"servico-desc\">Manuten\u00e7\u00e3o completa do motor e sistemas mec\u00e2nicos do seu ve\u00edculo.<\/p>\r\n <ul class=\"servico-features\">\r\n <li>Troca de \u00f3leo e filtros<\/li>\r\n <li>Revis\u00e3o do motor<\/li>\r\n <li>Correias e tensores<\/li>\r\n <li>Sistema de arrefecimento<\/li>\r\n <li>Diagn\u00f3stico computadorizado<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"servico-card servico-card-photo\" style=\"background-image:url('http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/Mecanica-e-Eletrica.png');\">\r\n <div class=\"servico-content\">\r\n <h3>El\u00e9trica Automotiva<\/h3>\r\n <p class=\"servico-desc\">Servi\u00e7os completos em el\u00e9trica e eletr\u00f4nica automotiva.<\/p>\r\n <ul class=\"servico-features\">\r\n <li>Bateria e alternador<\/li>\r\n <li>Motor de partida<\/li>\r\n <li>Sistema de ilumina\u00e7\u00e3o<\/li>\r\n <li>Inje\u00e7\u00e3o eletr\u00f4nica<\/li>\r\n <li>Ar condicionado<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"servico-card servico-card-photo\" style=\"background-image:url('http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/suspensao.png');\">\r\n <div class=\"servico-content\">\r\n <h3>Suspens\u00e3o e Freios<\/h3>\r\n <p class=\"servico-desc\">Manuten\u00e7\u00e3o e reparo completo de suspens\u00e3o e sistema de frenagem.<\/p>\r\n <ul class=\"servico-features\">\r\n <li>Amortecedores e molas<\/li>\r\n <li>Pastilhas e discos de freio<\/li>\r\n <li>Alinhamento e balanceamento<\/li>\r\n <li>Buchas e piv\u00f4s<\/li>\r\n <li>Fluido de freio<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"servico-card servico-card-photo\" style=\"background-image:url('http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/Troca-de-Oleo-de-Transmissao-300x163-1.jpg');\">\r\n <div class=\"servico-content\">\r\n <h3>Transmiss\u00e3o<\/h3>\r\n <p class=\"servico-desc\">Especialistas em c\u00e2mbio manual e autom\u00e1tico.<\/p>\r\n <ul class=\"servico-features\">\r\n <li>Embreagem completa<\/li>\r\n <li>Revis\u00e3o de c\u00e2mbio<\/li>\r\n <li>Troca de \u00f3leo de c\u00e2mbio<\/li>\r\n <li>Homocin\u00e9ticas<\/li>\r\n <li>Diferencial<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"servico-card servico-card-photo\" style=\"background-image:url('http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/Revisoes.webp');\">\r\n <div class=\"servico-content\">\r\n <h3>Manuten\u00e7\u00e3o Preventiva<\/h3>\r\n <p class=\"servico-desc\">Revis\u00f5es programadas para manter seu carro sempre em dia.<\/p>\r\n <ul class=\"servico-features\">\r\n <li>Revis\u00e3o dos 10.000 km<\/li>\r\n <li>Check-up completo<\/li>\r\n <li>An\u00e1lise de fluidos<\/li>\r\n <li>Inspe\u00e7\u00e3o de seguran\u00e7a<\/li>\r\n <li>Hist\u00f3rico de manuten\u00e7\u00e3o<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"servico-card servico-card-photo\" style=\"background-image:url('http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/Design-sem-nome-37.png');\">\r\n <div class=\"servico-content\">\r\n <h3>Escapamento<\/h3>\r\n <p class=\"servico-desc\">Sistema de escape completo e catalisadores.<\/p>\r\n <ul class=\"servico-features\">\r\n <li>Silenciadores<\/li>\r\n <li>Catalisador<\/li>\r\n <li>Canos e conex\u00f5es<\/li>\r\n <li>Sonda lambda<\/li>\r\n <li>Reparo de vazamentos<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Diferenciais -->\r\n <section id=\"sobre\" class=\"diferenciais-section\">\r\n <h2 class=\"section-title\">Por que escolher a Barreto Auto?<\/h2>\r\n <p class=\"section-subtitle\">Qualidade, confian\u00e7a e o melhor atendimento de Passo Fundo<\/p>\r\n <div class=\"diferenciais-content\">\r\n <div>\r\n <div class=\"anos-destaque\">\r\n <div class=\"number\">100%<\/div>\r\n <div class=\"label\">Satisfa\u00e7\u00e3o Garantida<\/div>\r\n <\/div>\r\n <ul class=\"features-list\">\r\n <li>Mec\u00e2nicos especializados e experientes<\/li>\r\n <li>Pe\u00e7as de qualidade com garantia<\/li>\r\n <li>Or\u00e7amento gratuito e sem compromisso<\/li>\r\n <li>Pre\u00e7os justos e competitivos<\/li>\r\n <li>Parcelamento em at\u00e9 10x sem juros<\/li>\r\n <li>Atendimento personalizado<\/li>\r\n <li>Localiza\u00e7\u00e3o de f\u00e1cil acesso em Passo Fundo<\/li>\r\n <li>Servi\u00e7o r\u00e1pido e eficiente<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"cta-box\">\r\n <h3>Agende sua visita!<\/h3>\r\n <p>Fa\u00e7a um or\u00e7amento sem compromisso e descubra porque somos a escolha certa para cuidar do seu ve\u00edculo.<\/p>\r\n <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0;\">\r\n <div style=\"background:rgba(255,185,51,0.1);padding:15px;border-radius:10px;border:1px solid var(--amarelo);\">\r\n <img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-08-at-07.00.21-1.jpeg\" alt=\"Nossa oficina\" style=\"width:100%;height:150px;object-fit:cover;border-radius:8px;\">\r\n <\/div>\r\n <div style=\"background:rgba(255,185,51,0.1);padding:15px;border-radius:10px;border:1px solid var(--amarelo);\">\r\n <img decoding=\"async\" src=\"http:\/\/barretoautopecas.com.br\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-08-at-07.00.23-1.jpeg\" alt=\"Atendimento\" style=\"width:100%;height:150px;object-fit:cover;border-radius:8px;\">\r\n <\/div>\r\n <\/div>\r\n <a class=\"btn\" href=\"https:\/\/wa.me\/555433143222?text=Ol\u00e1,%20gostaria%20de%20agendar%20uma%20visita\" target=\"_blank\" style=\"background:var(--amarelo);color:var(--preto)\">Agendar Agora<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Galeria -->\r\n <section id=\"galeria\" class=\"gallery-section\">\r\n <h2 class=\"section-title\">Galeria de Trabalhos<\/h2>\r\n <p class=\"section-subtitle\">Confira alguns dos nossos servi\u00e7os realizados<\/p>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n <div class=\"gallery-placeholder\">Em breve<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n <div class=\"gallery-placeholder\">Em breve<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n <div class=\"gallery-placeholder\">Em breve<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n <div class=\"gallery-placeholder\">Em breve<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n <div class=\"gallery-placeholder\">Em breve<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n <div class=\"gallery-placeholder\">Em breve<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Lightbox -->\r\n <div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightbox()\">\r\n <div class=\"lightbox-content\" onclick=\"event.stopPropagation()\">\r\n <button class=\"lightbox-close\" onclick=\"closeLightbox()\">\u00d7<\/button>\r\n <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"Imagem ampliada\">\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Localiza\u00e7\u00e3o -->\r\n <section id=\"localizacao\" class=\"location-section\">\r\n <h2 class=\"section-title\">Nossa Localiza\u00e7\u00e3o<\/h2>\r\n <p class=\"section-subtitle\">F\u00e1cil acesso na Vila Exposi\u00e7\u00e3o - Passo Fundo\/RS<\/p>\r\n <div class=\"location-content\">\r\n <div class=\"location-info\">\r\n <h3>Barreto Auto Pe\u00e7as<\/h3>\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\ud83d\udccd<\/div>\r\n <div>\r\n <strong>Endere\u00e7o<\/strong>\r\n <span>Av. Pres. Vargas, 1864<br>Vila Exposi\u00e7\u00e3o, Passo Fundo - RS<br>CEP 99079-000<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\ud83d\udcf1<\/div>\r\n <div>\r\n <strong>WhatsApp<\/strong>\r\n <span>(54) 99105-1069<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\u23f0<\/div>\r\n <div>\r\n <strong>Hor\u00e1rio de Funcionamento<\/strong>\r\n <span>Segunda a Sexta: 8h \u00e0s 12h - 13h30 \u00e0s 18h<br>\r\n S\u00e1bado: 8h \u00e0s 12h<br>\r\n Domingo: Fechado<\/span>\r\n <\/div>\r\n <\/div>\r\n <a class=\"btn\" href=\"https:\/\/wa.me\/555433143222?text=Ol\u00e1,%20gostaria%20de%20agendar%20uma%20visita\" target=\"_blank\">Agendar Visita<\/a>\r\n <\/div>\r\n <div class=\"map-container\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3515.2!2d-52.4!3d-28.3!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjjCsDE4JzAwLjAiUyA1MsKwMjQnMDAuMCJX!5e0!3m2!1sen!2sbr!4v1234567890\" allowfullscreen loading=\"lazy\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Avalia\u00e7\u00f5es -->\r\n <section class=\"avaliacoes-section\">\r\n <h2 class=\"section-title\">O que nossos clientes dizem<\/h2>\r\n <p class=\"section-subtitle\">Avalia\u00e7\u00f5es reais de clientes satisfeitos<\/p>\r\n <div class=\"avaliacoes-container\">\r\n <div class=\"avaliacoes-wrapper\" id=\"avaliacoesWrapper\">\r\n <div class=\"avaliacoes-slide\">\r\n <div class=\"avaliacao-card\">\r\n <div class=\"avaliacao-header\">\r\n <div class=\"avaliacao-avatar\">M<\/div>\r\n <div class=\"avaliacao-info\">\r\n <h4>Marcos Silva<\/h4>\r\n <div class=\"avaliacao-meta\">Cliente h\u00e1 3 anos<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"avaliacao-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p class=\"avaliacao-text\">Excelente atendimento! Sempre encontro as pe\u00e7as que preciso e o servi\u00e7o de mec\u00e2nica \u00e9 top. Recomendo!<\/p>\r\n <\/div>\r\n <div class=\"avaliacao-card\">\r\n <div class=\"avaliacao-header\">\r\n <div class=\"avaliacao-avatar\">A<\/div>\r\n <div class=\"avaliacao-info\">\r\n <h4>Ana Paula<\/h4>\r\n <div class=\"avaliacao-meta\">Cliente h\u00e1 2 anos<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"avaliacao-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p class=\"avaliacao-text\">Pre\u00e7o justo e parcelamento em 10x facilita muito! Mec\u00e2nicos honestos e competentes.<\/p>\r\n <\/div>\r\n <div class=\"avaliacao-card\">\r\n <div class=\"avaliacao-header\">\r\n <div class=\"avaliacao-avatar\">C<\/div>\r\n <div class=\"avaliacao-info\">\r\n <h4>Carlos Oliveira<\/h4>\r\n <div class=\"avaliacao-meta\">Cliente h\u00e1 5 anos<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"avaliacao-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p class=\"avaliacao-text\">Melhor oficina de Passo Fundo! Servi\u00e7o r\u00e1pido e garantido.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"avaliacoes-slide\">\r\n <div class=\"avaliacao-card\">\r\n <div class=\"avaliacao-header\">\r\n <div class=\"avaliacao-avatar\">R<\/div>\r\n <div class=\"avaliacao-info\">\r\n <h4>Roberto Santos<\/h4>\r\n <div class=\"avaliacao-meta\">Cliente h\u00e1 4 anos<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"avaliacao-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p class=\"avaliacao-text\">Confian\u00e7a total! Levo meus carros s\u00f3 aqui. Equipe nota 10!<\/p>\r\n <\/div>\r\n <div class=\"avaliacao-card\">\r\n <div class=\"avaliacao-header\">\r\n <div class=\"avaliacao-avatar\">F<\/div>\r\n <div class=\"avaliacao-info\">\r\n <h4>Fernanda Lima<\/h4>\r\n <div class=\"avaliacao-meta\">Cliente h\u00e1 1 ano<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"avaliacao-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p class=\"avaliacao-text\">Atendimento diferenciado, explicam tudo direitinho. Super indico!<\/p>\r\n <\/div>\r\n <div class=\"avaliacao-card\">\r\n <div class=\"avaliacao-header\">\r\n <div class=\"avaliacao-avatar\">P<\/div>\r\n <div class=\"avaliacao-info\">\r\n <h4>Pedro Costa<\/h4>\r\n <div class=\"avaliacao-meta\">Cliente h\u00e1 6 anos<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"avaliacao-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p class=\"avaliacao-text\">Qualidade e pre\u00e7o justo. O parcelamento em 10x ajuda muito!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"carousel-dots\">\r\n <span class=\"dot active\" onclick=\"goToSlide(0)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(1)\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Contato -->\r\n <section id=\"contato\" class=\"contact-section\">\r\n <div class=\"contact-content\">\r\n <h2 class=\"contact-title\">Entre em Contato<\/h2>\r\n <p class=\"contact-subtitle\">Atendimento r\u00e1pido via WhatsApp - Or\u00e7amento gratuito!<\/p>\r\n <div class=\"contact-hours\">\r\n <div>\ud83d\udcde Seg-Sex: 8h-12h \/ 13h30-18h<\/div>\r\n <div>\ud83d\udcde S\u00e1bado: 8h-12h<\/div>\r\n <\/div>\r\n <a class=\"btn contact-btn\" href=\"https:\/\/wa.me\/555433143222?text=Ol\u00e1,%20vim%20do%20site%20e%20gostaria%20de%20mais%20informa\u00e7\u00f5es\" target=\"_blank\">Chamar no WhatsApp<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer>\r\n <div class=\"footer-content\">\r\n <div class=\"footer-section\">\r\n <h3>Barreto Auto Pe\u00e7as<\/h3>\r\n <p>Centro automotivo completo em Passo Fundo.<\/p>\r\n <p>Qualidade, confian\u00e7a e o melhor atendimento para seu ve\u00edculo.<\/p>\r\n <p>Produtos e servi\u00e7os em at\u00e9 10x sem juros!<\/p>\r\n <\/div>\r\n <div class=\"footer-section\">\r\n <h3>Nossos Servi\u00e7os<\/h3>\r\n <a href=\"#servicos\">Mec\u00e2nica Geral<\/a>\r\n <a href=\"#servicos\">El\u00e9trica Automotiva<\/a>\r\n <a href=\"#servicos\">Suspens\u00e3o e Freios<\/a>\r\n <a href=\"#servicos\">Transmiss\u00e3o<\/a>\r\n <a href=\"#servicos\">Manuten\u00e7\u00e3o Preventiva<\/a>\r\n <\/div>\r\n <div class=\"footer-section\">\r\n <h3>Contato<\/h3>\r\n <p>\ud83d\udccd Av. Pres. Vargas, 1864<br>Passo Fundo - RS<\/p>\r\n <p>\ud83d\udcf1 (54) 99105-1069<\/p>\r\n <p>\u23f0 Seg-Sex: 8h-12h \/ 13h30-18h<br>S\u00e1b: 8h-12h<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">© 2025 Barreto Auto Pe\u00e7as. Todos os direitos reservados.<\/div>\r\n <\/footer>\r\n\r\n <!-- WhatsApp Float -->\r\n <a class=\"whatsapp-float\" href=\"https:\/\/wa.me\/555433143222?text=Ol\u00e1,%20vim%20do%20site!\" target=\"_blank\">\ud83d\udcac<\/a>\r\n\r\n <script>\r\n \/\/ Smooth scroll\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\r\n a.addEventListener('click',e=>{\r\n const target=document.querySelector(a.getAttribute('href'));\r\n if(target){\r\n e.preventDefault();\r\n target.scrollIntoView({behavior:'smooth',block:'start'});\r\n const menu=document.getElementById('mobileMenu');\r\n if(menu.classList.contains('open')){\r\n menu.classList.remove('open');\r\n const bars=document.querySelectorAll('.mobile-toggle span');\r\n bars[0].style.transform='';\r\n bars[1].style.opacity='1';\r\n bars[2].style.transform='';\r\n }\r\n }\r\n });\r\n });\r\n\r\n \/\/ Header scroll\r\n addEventListener('scroll',()=>{\r\n const h=document.querySelector('header');\r\n if(scrollY>100){\r\n h.classList.add('scrolled');\r\n }else{\r\n h.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n \/\/ Mobile menu\r\n const toggle=document.querySelector('.mobile-toggle');\r\n const menu=document.getElementById('mobileMenu');\r\n toggle.addEventListener('click',()=>{\r\n const open=menu.classList.toggle('open');\r\n const bars=toggle.querySelectorAll('span');\r\n if(open){\r\n bars[0].style.transform='translateY(7px) rotate(45deg)';\r\n bars[1].style.opacity='0';\r\n bars[2].style.transform='translateY(-7px) rotate(-45deg)';\r\n }else{\r\n bars[0].style.transform='';\r\n bars[1].style.opacity='1';\r\n bars[2].style.transform='';\r\n }\r\n });\r\n\r\n \/\/ Contador animado\r\n const counters=document.querySelectorAll('.stat-number');\r\n let counterStarted=false;\r\n\r\n function animateCounter(counter){\r\n const target=+counter.getAttribute('data-target');\r\n const increment=target\/100;\r\n let count=0;\r\n\r\n const updateCount=()=>{\r\n if(count<target){\r\n count+=increment;\r\n if(target===100){\r\n counter.textContent=Math.ceil(count)+'%';\r\n }else{\r\n counter.textContent=Math.ceil(count);\r\n }\r\n setTimeout(updateCount,20);\r\n }else{\r\n if(target===100){\r\n counter.textContent=target+'%';\r\n }else{\r\n counter.textContent=target;\r\n }\r\n }\r\n };\r\n updateCount();\r\n }\r\n\r\n \/\/ Observer para anima\u00e7\u00f5es\r\n const observerOptions={threshold:0.15,rootMargin:'0px 0px -50px 0px'};\r\n const observer=new IntersectionObserver(entries=>{\r\n entries.forEach(entry=>{\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('visible');\r\n if(entry.target.classList.contains('hero-stats')&&!counterStarted){\r\n counterStarted=true;\r\n counters.forEach(counter=>animateCounter(counter));\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },observerOptions);\r\n\r\n document.querySelectorAll('.section-title,.section-subtitle').forEach(el=>{\r\n el.classList.add('fade-in');\r\n observer.observe(el);\r\n });\r\n\r\n document.querySelectorAll('.servico-card').forEach((el,i)=>{\r\n el.classList.add('scale-in');\r\n el.style.transitionDelay=`${i*0.08}s`;\r\n observer.observe(el);\r\n });\r\n\r\n document.querySelectorAll('.features-list li').forEach((el,i)=>{\r\n el.classList.add('slide-left');\r\n el.style.transitionDelay=`${i*0.05}s`;\r\n observer.observe(el);\r\n });\r\n\r\n const heroStats=document.querySelector('.hero-stats');\r\n if(heroStats){\r\n observer.observe(heroStats);\r\n }\r\n\r\n \/\/ Carrossel de avalia\u00e7\u00f5es\r\n let currentSlide=0;\r\n const wrapper=document.getElementById('avaliacoesWrapper');\r\n const dots=document.querySelectorAll('.dot');\r\n const totalSlides=document.querySelectorAll('.avaliacoes-slide').length;\r\n\r\n function goToSlide(index){\r\n currentSlide=index;\r\n wrapper.style.transform=`translateX(-${currentSlide*100}%)`;\r\n dots.forEach((dot,i)=>{\r\n dot.classList.toggle('active',i===currentSlide);\r\n });\r\n }\r\n\r\n function nextSlide(){\r\n currentSlide=(currentSlide+1)%totalSlides;\r\n goToSlide(currentSlide);\r\n }\r\n\r\n setInterval(nextSlide,5000);\r\n\r\n \/\/ Lightbox\r\n function openLightbox(element){\r\n const img=element.querySelector('img');\r\n if(img){\r\n const lightbox=document.getElementById('lightbox');\r\n const lightboxImg=document.getElementById('lightbox-img');\r\n lightboxImg.src=img.src;\r\n lightbox.classList.add('active');\r\n }\r\n }\r\n\r\n function closeLightbox(){\r\n const lightbox=document.getElementById('lightbox');\r\n lightbox.classList.remove('active');\r\n }\r\n\r\n \/\/ Parallax suave\r\n let ticking=false;\r\n addEventListener('scroll',()=>{\r\n if(!ticking){\r\n window.requestAnimationFrame(()=>{\r\n const scrolled=window.pageYOffset;\r\n const hero=document.querySelector('.hero');\r\n if(hero&&scrolled<hero.offsetHeight){\r\n hero.style.backgroundPositionY=`${scrolled*0.5}px`;\r\n }\r\n ticking=false;\r\n });\r\n ticking=true;\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Barreto Auto Pe\u00e7as | Centro Automotivo Completo | Passo Fundo – RS In\u00edcio Marcas Promo\u00e7\u00e3o Servi\u00e7os Galeria Sobre Contato In\u00edcio Marcas Promo\u00e7\u00e3o Servi\u00e7os Galeria Sobre Contato O Melhor Para Seu Carro Centro Automotivo Barreto Auto Pe\u00e7as AT\u00c9 10X SEM JUROS NO CART\u00c3O Pe\u00e7as, servi\u00e7os e mec\u00e2nica completa com a qualidade e confian\u00e7a que voc\u00ea procura. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/barretoautopecas.com.br\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barretoautopecas.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barretoautopecas.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barretoautopecas.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barretoautopecas.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":28,"href":"https:\/\/barretoautopecas.com.br\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/barretoautopecas.com.br\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/barretoautopecas.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}