.elementor-6 .elementor-element.elementor-element-bee64dc{width:100%;max-width:100%;}.elementor-6 .elementor-element.elementor-element-bee64dc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-58fdfcc9:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-58fdfcc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1a5c2e;}.elementor-6 .elementor-element.elementor-element-58fdfcc9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-2px;margin-bottom:0px;padding:18px 40px 12px 40px;}.elementor-6 .elementor-element.elementor-element-58fdfcc9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-706b7e82:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-706b7e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1a5c2e;background-image:url("https://brasiltudolonas.com/wp-content/uploads/2026/07/converted_image.png");background-position:top left;}.elementor-6 .elementor-element.elementor-element-706b7e82 > .elementor-container{min-height:675px;}.elementor-6 .elementor-element.elementor-element-706b7e82{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-24px;margin-bottom:0px;padding:72px 60px 60px 60px;}.elementor-6 .elementor-element.elementor-element-706b7e82 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-40b5c5c7 > .elementor-element-populated{margin:-281px -0px -0px 56px;--e-column-margin-right:-0px;--e-column-margin-left:56px;}.elementor-6 .elementor-element.elementor-element-43e70af5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -76px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-67621826:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-67621826 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-6 .elementor-element.elementor-element-67621826{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 60px 60px 60px;}.elementor-6 .elementor-element.elementor-element-67621826 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-5c9e237a{text-align:start;}.elementor-6 .elementor-element.elementor-element-5c9e237a .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:28px;font-weight:700;color:#1a5c2e;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-71768ed{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-6 .elementor-element.elementor-element-3cbde4ef:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-3cbde4ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #259F01 0%, #32786A 100%);}.elementor-6 .elementor-element.elementor-element-3cbde4ef{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 60px 60px 60px;}.elementor-6 .elementor-element.elementor-element-3cbde4ef > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-64d96ea1{text-align:start;}.elementor-6 .elementor-element.elementor-element-64d96ea1 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:28px;font-weight:800;color:#ffffff;}.elementor-6 .elementor-element.elementor-element-20a69c6a{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-6 .elementor-element.elementor-element-1ac09e83{--display:flex;}.elementor-6 .elementor-element.elementor-element-1ac09e83.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-236b9bf3{text-align:start;}.elementor-6 .elementor-element.elementor-element-236b9bf3 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:28px;font-weight:800;color:#1a5c2e;}.elementor-6 .elementor-element.elementor-element-3013e959:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-3013e959 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f4f4f4;}.elementor-6 .elementor-element.elementor-element-3013e959{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 60px 60px 60px;}.elementor-6 .elementor-element.elementor-element-3013e959 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-609807a3{text-align:start;}.elementor-6 .elementor-element.elementor-element-609807a3 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:28px;font-weight:800;color:#1a5c2e;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6 .elementor-element.elementor-element-66fc731a .elementor-accordion-item{border-color:#e0e0e0;}.elementor-6 .elementor-element.elementor-element-66fc731a .elementor-accordion-item .elementor-tab-content{border-block-start-color:#e0e0e0;}.elementor-6 .elementor-element.elementor-element-66fc731a .elementor-accordion-item .elementor-tab-title.elementor-active{border-block-end-color:#e0e0e0;}.elementor-6 .elementor-element.elementor-element-66fc731a .elementor-tab-title{background-color:#ffffff;}.elementor-6 .elementor-element.elementor-element-66fc731a .elementor-accordion-icon, .elementor-6 .elementor-element.elementor-element-66fc731a .elementor-accordion-title{color:#1a5c2e;}.elementor-6 .elementor-element.elementor-element-66fc731a .elementor-accordion-icon svg{fill:#1a5c2e;}.elementor-6 .elementor-element.elementor-element-66fc731a .elementor-active .elementor-accordion-icon, .elementor-6 .elementor-element.elementor-element-66fc731a .elementor-active .elementor-accordion-title{color:#478850;}.elementor-6 .elementor-element.elementor-element-66fc731a .elementor-active .elementor-accordion-icon svg{fill:#478850;}.elementor-6 .elementor-element.elementor-element-66fc731a .elementor-accordion-title{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-6 .elementor-element.elementor-element-66fc731a .elementor-tab-content{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-6 .elementor-element.elementor-element-55216ee6:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-55216ee6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1a5c2e;}.elementor-6 .elementor-element.elementor-element-55216ee6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 60px 60px 60px;}.elementor-6 .elementor-element.elementor-element-55216ee6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-66e4afdb{text-align:center;}.elementor-6 .elementor-element.elementor-element-66e4afdb .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:30px;font-weight:800;color:#ffffff;}.elementor-6 .elementor-element.elementor-element-2996afb9{column-gap:6px;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6 .elementor-element.elementor-element-62980015 .elementor-button{background-color:#f5c518;font-family:"Cairo", Sans-serif;font-size:18px;font-weight:800;line-height:30px;letter-spacing:0.7px;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#1a5c2e;color:#1a5c2e;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:6px 6px 6px 6px;}.elementor-6 .elementor-element.elementor-element-62980015{border-radius:24px 24px 24px 24px;}.elementor-6 .elementor-element.elementor-element-28cc2c83:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-28cc2c83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0e3d1e;}.elementor-6 .elementor-element.elementor-element-28cc2c83{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 40px 20px 40px;}.elementor-6 .elementor-element.elementor-element-28cc2c83 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-1ac09e83{--width:98.311%;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-bee64dc{width:var( --container-widget-width, 1000px );max-width:1000px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-706b7e82:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-706b7e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://brasiltudolonas.com/wp-content/uploads/2026/07/brasil-tudo-lonas-hero-mobile-768x600-1.jpg");background-position:center left;}}/* Start custom CSS for html, class: .elementor-element-f6e7c15 */<link href="https://fonts.googleapis.com/css2?family=Catamaran:wght@900&family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
<style>
*{box-sizing:border-box;margin:0;padding:0}
a{color:inherit!important;text-decoration:none!important;-webkit-text-decoration:none!important}
x-apple-data-detectors{color:inherit!important;text-decoration:none!important}
#btl-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;animation:btl-fade-in .3s ease}
@keyframes btl-fade-in{from{opacity:0}to{opacity:1}}
#btl-popup{background:#fff;border-radius:14px;max-width:440px;width:90%;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:btl-slide-up .3s ease}
@keyframes btl-slide-up{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
#btl-popup-header{background:linear-gradient(135deg,#1a5c2e,#27ae60);padding:28px 24px 22px;text-align:center;position:relative}
#btl-popup-logo{font-family:'Catamaran',sans-serif;font-weight:900;font-size:22px;color:#fff;margin-bottom:6px}
#btl-popup-logo span{color:#f5c518}
#btl-popup-badge{display:inline-flex;align-items:center;gap:5px;background:#f5c518;color:#1a5c2e;font-size:11px;font-weight:700;padding:3px 12px;border-radius:20px;letter-spacing:.05em;text-transform:uppercase}
#btl-popup-close{position:absolute;top:12px;right:14px;background:rgba(255,255,255,.15);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}
#btl-popup-close:hover{background:rgba(255,255,255,.25)}
#btl-popup-body{padding:24px}
#btl-popup-aviso{background:#fff8e1;border-left:3px solid #f5c518;border-radius:8px;padding:14px 16px;margin-bottom:18px;display:flex;gap:10px;align-items:flex-start}
#btl-popup-aviso i{font-size:20px;color:#f5c518;flex-shrink:0;margin-top:1px}
#btl-popup-aviso p{font-size:13px;color:#555;line-height:1.6;margin:0}
#btl-popup-aviso p strong{color:#1a5c2e;display:block;margin-bottom:3px;font-size:13px}
#btl-popup-items{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.btl-popup-item{display:flex;align-items:center;gap:10px;background:#e8f5ed;border-radius:8px;padding:10px 14px}
.btl-popup-item i{font-size:17px;color:#1a5c2e;flex-shrink:0}
.btl-popup-item span{font-size:13px;color:#333!important;font-weight:500;-webkit-text-fill-color:#333!important}
#btl-popup-cta{display:block;width:100%;background:#f5c518;color:#1a5c2e!important;padding:14px;border-radius:8px;font-size:14px;font-weight:700;text-align:center;text-decoration:none!important;border:none;cursor:pointer;font-family:'Montserrat',sans-serif}
#btl-popup-cta:hover{background:#e0b015}
#btl-popup-wpp{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:12px;border-radius:8px;border:1.5px solid #e0e0e0;font-size:13px;font-weight:600;color:#333!important;text-decoration:none!important;-webkit-text-fill-color:#333!important}
#btl-popup-wpp i{font-size:18px;color:#25D366}
#btl-popup-skip{display:block;text-align:center;margin-top:12px;font-size:12px;color:#999;cursor:pointer;background:none;border:none;font-family:'Montserrat',sans-serif}
#btl-popup-skip:hover{color:#555}
</style>

<div id="btl-overlay">
  <div id="btl-popup">
    <div id="btl-popup-header">
      <button id="btl-popup-close" onclick="fecharPopup()"><i class="ti ti-x"></i></button>
      <div id="btl-popup-logo">Brasil <span>Tudo</span> Lonas</div>
      <div id="btl-popup-badge"><i class="ti ti-shield-check"></i> Site Oficial — Sumaré/SP</div>
    </div>
    <div id="btl-popup-body">
      <div id="btl-popup-aviso">
        <i class="ti ti-info-circle"></i>
        <p>
          <strong>Atenção: você está no site certo!</strong>
          A Brasil Tudo Lonas está localizada em <strong>Sumaré/SP</strong> há mais de 25 anos. Não temos nenhuma relação com estabelecimentos de outras cidades que possam utilizar nome semelhante. Aqui você fala direto com a nossa equipe.
        </p>
      </div>
      <div id="btl-popup-items">
        <div class="btl-popup-item"><i class="ti ti-map-pin"></i><span x-apple-data-detectors="false">Av. Minasa, 20 — Matão, Sumaré/SP</span></div>
        <div class="btl-popup-item"><i class="ti ti-brand-whatsapp"></i><span x-apple-data-detectors="false">(19) 98279.3829</span></div>
        <div class="btl-popup-item"><i class="ti ti-certificate"></i><span x-apple-data-detectors="false">+25 anos atendendo o transporte brasileiro</span></div>
      </div>
      <a id="btl-popup-cta"
         href="https://wa.me/5519982793829?text=Olá!%20Vim%20pelo%20site%20da%20Brasil%20Tudo%20Lonas%20e%20gostaria%20de%20solicitar%20um%20orçamento.%20Pode%20me%20ajudar%3F"
         target="_blank" onclick="fecharPopup()">
        Falar com a equipe agora
      </a>
      <a id="btl-popup-wpp"
         href="https://wa.me/5519982793829"
         target="_blank" onclick="fecharPopup()">
        <i class="ti ti-brand-whatsapp"></i>
        <span x-apple-data-detectors="false">Enviar mensagem direta: (19) 98279.3829</span>
      </a>
      <button id="btl-popup-skip" onclick="fecharPopup()">Continuar navegando</button>
    </div>
  </div>
</div>

<script>
function fecharPopup(){
  var o=document.getElementById('btl-overlay');
  if(o){o.style.opacity='0';o.style.transition='opacity .25s';setTimeout(function(){o.remove()},250);}
}
document.getElementById('btl-overlay').addEventListener('click',function(e){
  if(e.target===this)fecharPopup();
});
document.addEventListener('keydown',function(e){if(e.key==='Escape')fecharPopup()});
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bee64dc *//* ============================================
   MOBILE FIXES - Brasil Tudo Lonas
   ============================================ */

@media(max-width:767px){

  /* 1. SERVIÇOS - grid de 3 colunas cortando → 1 coluna */
  .elementor-widget-html div[style*="repeat(3,1fr)"],
  .elementor-widget-html div[style*="repeat(3, 1fr)"] {
    grid-template-columns: 1fr !important;
  }

  /* 2. PILARES QUEM SOMOS - 2 colunas cortando → 1 coluna */
  .elementor-widget-html div[style*="1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  /* 3. DIFERENCIAIS - lado a lado → empilhado */
  #btl-dif-wrap {
    flex-direction: column !important;
    gap: 20px !important;
  }
  #btl-dif-img-wrap {
    flex: none !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
  }
  #btl-dif-img-wrap img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;
  }

  /* 4. CONTATO - 3 cards cortando → 1 coluna */
  .elementor-widget-html div[style*="repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* 5. RODAPÉ - logo e texto sobrepostos → empilhado */
  .elementor-widget-html #footer,
  .elementor-widget-html div[style*="justify-content:space-between"] {
    flex-direction: column !important;
    gap: 8px !important;
    text-align: center !important;
  }

  /* 6. TÍTULO DA SEÇÃO CONTATO saindo da tela */
  .elementor-widget-heading h2 {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }

  /* 7. Padding geral das seções */
  .elementor-section,
  .e-con {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* 8. Scroll horizontal oculto */
  body {
    overflow-x: hidden !important;
  }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-58fdfcc9 */@media (max-width: 767px) {

  /* Grid de serviços e contato: 1 coluna */
  .elementor-widget-html div[style*="repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
  }

  /* Grid quem somos: 1 coluna */
  .elementor-widget-html div[style*="1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  /* Checklist + imagem: empilhar */
  .elementor-widget-html div[style*="display:flex;gap:32px"] {
    flex-direction: column !important;
  }

  /* Imagem travada: altura menor no mobile */
  .elementor-widget-html div[style*="max-height:520px"] {
    max-height: 260px !important;
  }

  /* Navbar: esconder menu e empilhar */
  .elementor-widget-html nav ul {
    display: none !important;
  }

  /* Hero: fonte menor */
  .elementor-widget-html h1 {
    font-size: 26px !important;
  }

  /* Stats do hero: empilhar */
  .elementor-widget-html div[style*="display:flex;gap:40px"] {
    flex-direction: column !important;
    gap: 16px !important;
  }

  /* Botões hero: empilhar */
  .elementor-widget-html div[style*="display:flex;gap:14px;flex-wrap:wrap"] {
    flex-direction: column !important;
  }

  /* Paddings gerais: reduzir */
  .elementor-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24f7661b */#btl-btns a:last-child,
#btl-btns a:last-child:visited,
#btl-btns a:last-child:hover {
  color: rgba(255,255,255,.6) !important;
  -webkit-text-fill-color: rgba(255,255,255,.6) !important;
  text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43e70af5 */#btl-btns a:last-child,
#btl-btns a:last-child:visited,
#btl-btns a:last-child:hover {
  color: rgba(255,255,255,.6) !important;
  -webkit-text-fill-color: rgba(255,255,255,.6) !important;
  text-decoration: none !important;
}/* End custom CSS */