/* Correções globais de navegação, marca e responsividade. */
html,body{overflow-x:hidden}
body,button,input,select,textarea{font-family:"Exo 2",system-ui,sans-serif!important}
h1,h2,h3,.cta h2,.contact-form h3,.why-card h3{font-family:"Exo 2",system-ui,sans-serif!important}

/* O arquivo original do logo possui áreas transparentes amplas. Esta janela mostra apenas a marca. */
header.top,header .nav{width:min(1180px,calc(100% - 48px));height:88px;min-height:88px;display:flex;align-items:center;gap:28px;margin:0 auto;overflow:visible}
header.top>a:first-child,header .nav>a:first-child{display:block;width:226px;height:76px;flex:0 0 226px;overflow:hidden}
header .logo{display:block;width:520px!important;max-width:none!important;height:auto!important;margin:-86px 0 0 -142px!important}
header .menu,header .links{display:flex;align-items:center;justify-content:center;gap:34px;margin-left:auto;font-size:12px}
header .menu a{padding:33px 0 15px}
header .wa,header .wa-top{flex:0 0 auto;justify-self:auto;margin-left:8px;padding:10px 15px;font-size:12px}
header .wa-top{display:flex;align-items:center;gap:9px}

/* Nas seções extensas da página de frota, mantém o conteúdo dentro da mesma grade do site. */
.why,.reviews,.tracking,.contact{width:var(--wrap);margin-left:auto;margin-right:auto}
.meta span:before{content:"•"!important}
.tracking-points span:before{content:"✓"!important}

@media(max-width:900px){
  header.top,header .nav{width:calc(100% - 28px);height:72px;min-height:72px;justify-content:space-between;gap:8px}
  header.top>a:first-child,header .nav>a:first-child{width:145px;height:55px;flex:0 0 145px}
  header .logo{width:340px!important;margin:-50px 0 0 -92px!important}
  header .menu,header .links{display:none}
  header .wa,header .wa-top{margin-left:0;padding:8px 10px;font-size:10px;white-space:nowrap}
  header .wa small,header .wa-top small{font-size:9px}
}

@media(max-width:600px){
  header.top,header .nav{width:calc(100% - 24px)}
  header.top>a:first-child,header .nav>a:first-child{width:136px;flex-basis:136px}
  header .logo{width:320px!important;margin:-47px 0 0 -87px!important}
  header .wa,header .wa-top{padding:7px 8px;font-size:9px}
  .contact{width:100%;margin-left:0;margin-right:0}
  .why,.reviews,.tracking{width:calc(100% - 28px)}
}
