/* Header mobile premium usando a logo original */
.topbar{
  position:sticky;
  top:0;
  z-index:80;
  background:#000 !important;
  border-bottom:1px solid rgba(255,90,18,.5) !important;
  box-shadow:0 10px 35px rgba(0,0,0,.45),0 1px 0 rgba(255,90,18,.12) !important;
}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,90,18,.38) 15%,#ff5a12 50%,rgba(255,90,18,.38) 85%,transparent 100%);box-shadow:0 0 18px rgba(255,90,18,.35)}
.nav-wrap{min-height:92px;height:auto !important;padding:12px 0}
.brand{display:flex;align-items:center;min-width:220px;width:220px;height:68px;background:none !important;overflow:visible}
.brand img{display:block !important;width:220px !important;height:68px !important;object-fit:contain !important;object-position:left center !important;background:transparent !important;border:0 !important;box-shadow:none !important;mix-blend-mode:screen !important;filter:contrast(1.45) brightness(1.08) saturate(1.08) drop-shadow(0 0 12px rgba(255,90,18,.08)) !important}
.footer-wrap img{display:block !important;width:250px !important;height:78px !important;object-fit:contain !important;object-position:left center !important;background:transparent !important;border:0 !important;box-shadow:none !important;mix-blend-mode:screen !important;filter:contrast(1.45) brightness(1.08) saturate(1.08) !important}
.footer-wrap:before{display:none !important;content:none !important}
.mobile-menu-toggle{display:none;width:48px;height:48px;border:0;border-radius:14px;background:rgba(255,90,18,.08);align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;padding:0}
.mobile-menu-toggle span{width:27px;height:3px;border-radius:999px;background:#ff5a12;box-shadow:0 0 12px rgba(255,90,18,.2);transition:transform .25s ease,opacity .25s ease}
.mobile-menu{display:none}
@media(max-width:960px){
  .nav-wrap{min-height:86px;padding:10px 0}
  .brand{width:190px;min-width:190px;height:64px}
  .brand img{width:190px !important;height:64px !important}
  .mobile-menu-toggle{display:flex;margin-left:auto}
  .topbar .btn-small{display:none !important}
  body.menu-open{overflow:hidden}
  body.menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(9px) rotate(45deg)}
  body.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  body.menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
  .mobile-menu{position:fixed;inset:86px 0 0;z-index:70;display:block;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;background:radial-gradient(circle at 20% 0%,rgba(255,90,18,.15),transparent 28%),rgba(5,5,5,.985);transition:.25s ease}
  body.menu-open .mobile-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .mobile-menu nav{width:min(calc(100% - 32px),620px);margin:0 auto;padding:34px 0;display:flex;flex-direction:column;gap:0}
  .mobile-menu nav>a{display:flex;align-items:center;min-height:58px;border-bottom:1px solid rgba(255,255,255,.08);font-family:Montserrat,Inter,sans-serif;font-size:18px;font-weight:800}
  .mobile-menu nav>a:hover{color:#ff6a22}
  .mobile-menu .mobile-whatsapp{justify-content:center;margin-top:24px;border:1px solid rgba(255,90,18,.55);border-radius:999px;background:linear-gradient(135deg,#ff5a12,#ff7a2f);color:#fff;min-height:54px}
}
@media(max-width:700px){
  .container.nav-wrap{width:min(calc(100% - 28px),var(--max))}
  .nav-wrap{min-height:82px;padding:8px 0}
  .brand{width:190px;min-width:190px;height:64px}
  .brand img{width:190px !important;height:64px !important}
  .mobile-menu{inset:82px 0 0}
  .mobile-menu-toggle{width:44px;height:44px;border-radius:12px}
  .mobile-menu-toggle span{width:25px}
}
@media(max-width:390px){.brand{width:174px;min-width:174px;height:60px}.brand img{width:174px !important;height:60px !important}}


/* Tipografia refinada do header */
.desktop-nav{
  font-family:Manrope,Inter,sans-serif!important;
  font-size:14px!important;
  font-weight:650!important;
  letter-spacing:-.005em!important;
}
.topbar .btn{
  font-family:Manrope,Inter,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
}
@media(max-width:960px){
  .mobile-menu nav>a{
    font-family:Manrope,Inter,sans-serif!important;
    font-size:17px!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:-.015em!important;
  }
}


/* Header transparente sobre o hero */
.topbar{
  position:fixed!important;
  top:0;
  left:0;
  right:0;
  z-index:90;
  background:
    linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.38) 58%,rgba(0,0,0,.08) 100%)!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.topbar:after{
  display:none!important;
  content:none!important;
}
.nav-wrap{
  min-height:88px;
  padding:10px 0;
}
.brand{
  background:transparent!important;
}
.brand img{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.desktop-nav a{
  color:rgba(255,255,255,.88);
  text-shadow:0 2px 12px rgba(0,0,0,.55);
}
.desktop-nav a:hover{
  color:#fff;
}
.topbar .btn-outline{
  background:rgba(0,0,0,.18)!important;
  border-color:rgba(255,255,255,.24)!important;
  color:#fff!important;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.topbar .btn-outline:hover{
  border-color:rgba(255,90,18,.75)!important;
  background:rgba(255,90,18,.10)!important;
}
body.menu-open .topbar{
  background:rgba(5,5,5,.98)!important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
@media(max-width:960px){
  .topbar{
    background:
      linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.42) 68%,rgba(0,0,0,.10) 100%)!important;
  }
  .nav-wrap{
  min-height: 92px;
  padding: 10px 0;
}

@media (max-width: 960px){
  .nav-wrap{
    min-height: 82px;
  }
}

@media (max-width: 700px){
  .nav-wrap{
    min-height: 76px;
  }
}


/* Logo PNG transparente */
.brand img{
  height: 52px;
  width: auto;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 960px){
  .brand img{
    height: 44px;
  }
}

@media (max-width: 700px){
  .brand img{
    height: 40px;
  }
}


/* Logo maior no rodapé */
@media(max-width:960px){
  .footer-wrap img{
    width:230px!important;
    height:72px!important;
  }
}
@media(max-width:700px){
  .footer-wrap img{
    width:205px!important;
    height:64px!important;
  }
}


/* Logo maior no cabeçalho */
.brand{
  width:340px!important;
  min-width:340px!important;
  height:102px!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
.brand img{
  width:340px!important;
  height:102px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:scale(1.08)!important;
  transform-origin:left center!important;
}
.nav-wrap{
  min-height:104px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
@media(max-width:1200px){
  .brand{
    width:300px!important;
    min-width:300px!important;
    height:90px!important;
  }
  .brand img{
    width:300px!important;
    height:90px!important;
    transform:scale(1.06)!important;
  }
}
@media(max-width:960px){
  .brand{
    width:255px!important;
    min-width:255px!important;
    height:78px!important;
  }
  .brand img{
    width:255px!important;
    height:78px!important;
    transform:scale(1.04)!important;
  }
  .nav-wrap{
    min-height:88px!important;
  }
}
@media(max-width:700px){
  .brand{
    width:220px!important;
    min-width:220px!important;
    height:68px!important;
  }
  .brand img{
    width:220px!important;
    height:68px!important;
    transform:scale(1.03)!important;
  }
  .nav-wrap{
    min-height:80px!important;
  }
}
@media(max-width:390px){
  .brand{
    width:195px!important;
    min-width:195px!important;
    height:62px!important;
  }
  .brand img{
    width:195px!important;
    height:62px!important;
    transform:scale(1.02)!important;
  }
}
