.header-tabs{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:18px;padding:4px;background:#191b1f;border:1px solid #383c43;border-radius:12px;white-space:nowrap}.header-tab{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 16px;border-radius:9px;text-decoration:none;color:#aeb5bf;font-weight:800;font-size:13px;transition:background .2s,color .2s}.header-tab.active{color:#101214;background:linear-gradient(135deg,#e4e7eb,#abb2bc);box-shadow:0 3px 12px rgba(0,0,0,.2)}.header-tab:not(.active):hover{color:white;background:#30343b}.finance-section[hidden]{display:none!important}.financing-view .hero,.financing-view .quick-contact,.financing-view .inventory{display:none!important}.financing-view .finance-section{min-height:calc(100vh - 80px);padding-top:65px}.site-header .header-tabs{flex-shrink:0}@media(max-width:720px){.site-header{gap:8px}.header-tabs{margin-left:auto;margin-right:8px;gap:2px;padding:3px;border-radius:10px}.header-tab{font-size:12px;min-height:35px;padding:0 11px}.brand-logo-image{max-width:34vw!important}.menu-button{flex-shrink:0;font-size:22px}.financing-view .finance-section{padding-top:38px}}@media(max-width:390px){.header-tab{font-size:11px;padding:0 8px}.header-tabs{margin-right:2px}.brand-logo-image{max-width:31vw!important}}

/* Correção visual final: a arte atual da logo tem preto incorporado; Screen torna o preto visualmente transparente sobre o header sem alterar o arquivo original. */
html body .site-header .brand .brand-logo-image{mix-blend-mode:screen!important;background:transparent!important;filter:brightness(1.04) contrast(1.08) drop-shadow(0 5px 15px rgba(0,0,0,.28))!important}
html body .site-header .brand{background:transparent!important;box-shadow:none!important}

/* Enquadramento do pátio: usa a foto HQ, aproxima os carros e reduz o excesso de céu. */
html body main #inicio.hero{background-image:url('./assets/hero-patio-hq.webp?v=20261014-hero-final')!important;background-size:auto 118%!important;background-position:center 72%!important;background-repeat:no-repeat!important}
html body main #inicio.hero .hero-shade{background:linear-gradient(90deg,rgba(4,7,10,.67) 0%,rgba(4,7,10,.46) 38%,rgba(4,7,10,.12) 72%,rgba(4,7,10,.06) 100%)!important}
@media(max-width:720px){html body main #inicio.hero{min-height:525px!important;background-size:auto 142%!important;background-position:center 76%!important}html body main #inicio.hero .hero-shade{background:linear-gradient(180deg,rgba(4,7,10,.08) 0%,rgba(4,7,10,.12) 20%,rgba(4,7,10,.40) 48%,rgba(4,7,10,.54) 74%,rgba(4,7,10,.22) 100%)!important}html body main #inicio.hero .hero-content{padding-top:38px!important;padding-bottom:104px!important}}

/* Mobile: mantém o botão de 3 barras dentro da tela e permite o menu abrir por baixo do header. */
@media(max-width:720px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .site-header{width:100%!important;max-width:100vw!important;min-width:0!important;overflow:visible!important;display:flex!important;align-items:center!important;gap:6px!important;padding-inline:8px!important}
  .site-header .brand{flex:0 0 auto!important;min-width:0!important}
  .site-header .brand .brand-logo-image{width:126px!important;max-width:126px!important}
  .site-header .header-tabs{flex:1 1 auto!important;min-width:0!important;max-width:none!important;overflow-x:auto!important;overflow-y:hidden!important;margin:0!important;padding:3px!important;gap:2px!important;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
  .site-header .header-tabs::-webkit-scrollbar{display:none}
  .site-header .header-tab{flex:0 0 auto!important;font-size:11px!important;min-height:36px!important;padding:0 10px!important}
  .site-header .menu-button{display:block!important;position:relative!important;right:auto!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;z-index:45!important;touch-action:manipulation!important}
  .site-header .nav{z-index:44!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-width:100vw!important;box-shadow:0 16px 32px rgba(0,0,0,.42)!important}
  .site-header .nav.open{display:flex!important}
}
@media(max-width:390px){
  .site-header .brand .brand-logo-image{width:112px!important;max-width:112px!important}
  .site-header .header-tab{font-size:10.5px!important;padding:0 9px!important}
}

/* Cabeçalho mobile em duas linhas: identidade + menu / navegação completa. */
@media(max-width:720px){
  html body .site-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:12px!important;
    padding:12px 16px 13px!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  html body .site-header .brand{
    grid-column:1!important;grid-row:1!important;
    justify-self:start!important;
    height:auto!important;
    min-width:0!important;
  }
  html body .site-header .brand .brand-logo-image,
  html body .site-header .brand .brand-logo{
    width:170px!important;max-width:min(58vw,170px)!important;
    height:auto!important;
  }
  html body .site-header .menu-button{
    grid-column:2!important;grid-row:1!important;
    justify-self:end!important;
    width:46px!important;height:46px!important;
    flex:none!important;
    border-radius:13px!important;
  }
  html body .site-header .header-tabs{
    grid-column:1 / -1!important;grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    gap:8px!important;margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    overflow:visible!important;
  }
  html body .site-header .header-tab{
    width:100%!important;min-width:0!important;min-height:44px!important;
    padding:0 5px!important;
    font-size:clamp(11px,3.3vw,14px)!important;
    font-weight:750!important;
    border:1px solid #3b424f!important;
    border-radius:12px!important;
    background:#171c25!important;
    color:#f5f5f5!important;
    box-shadow:none!important;
    white-space:nowrap!important;
  }
  html body .site-header .header-tab.active{
    background:#f5f5f5!important;
    color:#111!important;
    border-color:#f5f5f5!important;
  }
  html body .site-header .nav{
    position:absolute!important;top:100%!important;
    left:0!important;right:0!important;width:100%!important;
  }
}

/* Liquid Glass Baniski: topo móvel com transparência, brilho e ícones. */
@media(max-width:720px){
  html body .site-header{
    position:sticky!important;
    top:0!important;
    isolation:isolate!important;
    padding:17px 16px 15px!important;
    row-gap:14px!important;
    border:1px solid rgba(220,231,248,.22)!important;
    border-top:0!important;
    border-radius:0 0 25px 25px!important;
    background:linear-gradient(125deg,rgba(40,59,82,.66),rgba(9,16,29,.82) 48%,rgba(37,47,60,.62))!important;
    -webkit-backdrop-filter:blur(22px) saturate(160%)!important;
    backdrop-filter:blur(22px) saturate(160%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(255,255,255,.10),0 14px 32px rgba(0,0,0,.25)!important;
  }
  html body .site-header::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    z-index:-1!important;
    background:linear-gradient(150deg,rgba(255,255,255,.13),transparent 29%,transparent 70%,rgba(255,255,255,.06))!important;
  }
  html body .site-header .brand .brand-logo-image{
    filter:brightness(1.16) contrast(1.08) drop-shadow(0 2px 9px rgba(255,255,255,.12))!important;
  }
  html body .site-header .menu-button{
    display:grid!important;place-items:center!important;
    width:48px!important;height:48px!important;
    background:linear-gradient(145deg,rgba(192,214,240,.23),rgba(34,53,77,.36))!important;
    color:#f7faff!important;
    border:1px solid rgba(229,241,255,.42)!important;
    border-radius:50%!important;
    -webkit-backdrop-filter:blur(16px)!important;
    backdrop-filter:blur(16px)!important;
    box-shadow:inset 0 2px 3px rgba(255,255,255,.21),inset 0 -2px 4px rgba(0,0,0,.18),0 5px 15px rgba(0,0,0,.18)!important;
    font-size:24px!important;
  }
  html body .site-header .header-tabs{
    gap:8px!important;
  }
  html body .site-header .header-tab{
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:6px!important;
    height:49px!important;min-height:49px!important;
    border-radius:999px!important;
    border:1px solid rgba(214,231,250,.32)!important;
    background:linear-gradient(145deg,rgba(149,184,221,.19),rgba(37,59,87,.37))!important;
    color:#f4f8ff!important;
    -webkit-backdrop-filter:blur(15px) saturate(150%)!important;
    backdrop-filter:blur(15px) saturate(150%)!important;
    box-shadow:inset 0 1px 2px rgba(255,255,255,.21),inset 0 -2px 3px rgba(0,0,0,.16),0 4px 12px rgba(0,0,0,.13)!important;
    font-size:clamp(10px,3vw,13px)!important;
    letter-spacing:-.025em!important;
    transition:background .18s,box-shadow .18s,color .18s!important;
  }
  html body .site-header .header-tab.active{
    background:linear-gradient(130deg,#f9fcff 0%,#e3edff 62%,#bfd5f9 100%)!important;
    color:#101722!important;
    border-color:rgba(255,255,255,.94)!important;
    box-shadow:inset 0 2px 3px rgba(255,255,255,.95),inset 0 -2px 3px rgba(80,125,193,.22),0 0 13px rgba(129,180,255,.36),0 4px 15px rgba(0,0,0,.17)!important;
  }
  html body .site-header .header-tab::before{
    content:""!important;
    display:block!important;
    width:17px!important;height:17px!important;
    flex:0 0 17px!important;
    background-color:currentColor!important;
    -webkit-mask-size:contain!important;mask-size:contain!important;
    -webkit-mask-position:center!important;mask-position:center!important;
    -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  }
  html body .site-header #tabEstoque::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z'/%3E%3Cpath d='M9 21v-8h6v8'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z'/%3E%3Cpath d='M9 21v-8h6v8'/%3E%3C/svg%3E")!important;
  }
  html body .site-header #tabSimulacao::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2' width='14' height='20' rx='2'/%3E%3Cpath d='M8 6h8v4H8zM8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2' width='14' height='20' rx='2'/%3E%3Cpath d='M8 6h8v4H8zM8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/svg%3E")!important;
  }
  html body .site-header #tabVender::before,
  html body .site-header #tabAvaliacao::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 12 22l-9-9V3h10z'/%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 12 22l-9-9V3h10z'/%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3C/svg%3E")!important;
  }
}
@media(max-width:365px){
  html body .site-header .header-tabs{gap:5px!important}
  html body .site-header .header-tab{gap:4px!important;font-size:10px!important;padding:0 3px!important}
  html body .site-header .header-tab::before{width:14px!important;height:14px!important;flex-basis:14px!important}
}

/* Topo Liquid Glass flutuando diretamente sobre a fotografia do pátio.
   Somente na página inicial: formulários continuam com cabeçalho legível. */
@media(max-width:720px){
  html body:not(.financing-view):not(.selling-view) .site-header{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:100!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    isolation:auto!important;
  }
  html body:not(.financing-view):not(.selling-view) .site-header::before,
  html body:not(.financing-view):not(.selling-view) .site-header::after{
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
  }
  html body:not(.financing-view):not(.selling-view) .site-header .brand{
    grid-column:1 / -1!important;
    grid-row:1!important;
    justify-self:center!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:fit-content!important;
    margin:0 auto!important;
    position:relative!important;
    z-index:1!important;
  }
  html body:not(.financing-view):not(.selling-view) .site-header .brand .brand-logo-image{
    width:170px!important;
    max-width:48vw!important;
    height:auto!important;
    filter:brightness(1.12) drop-shadow(0 2px 7px rgba(0,0,0,.28))!important;
  }
  html body:not(.financing-view):not(.selling-view) .site-header .menu-button{
    grid-column:2!important;
    grid-row:1!important;
    z-index:2!important;
    justify-self:end!important;
  }
  html body:not(.financing-view):not(.selling-view) .site-header .header-tabs{
    grid-column:1 / -1!important;
    grid-row:2!important;
  }
  html body:not(.financing-view):not(.selling-view) .hero{
    min-height:max(750px,100svh)!important;
  }
  html body:not(.financing-view):not(.selling-view) .hero-content{
    padding-top:195px!important;
    padding-bottom:48px!important;
  }
  html body:not(.financing-view):not(.selling-view) .site-header .nav.open{
    position:absolute!important;
    top:100%!important;
    z-index:5!important;
    background:rgba(12,19,32,.92)!important;
    -webkit-backdrop-filter:blur(20px)!important;
    backdrop-filter:blur(20px)!important;
    border:1px solid rgba(255,255,255,.19)!important;
    border-radius:0 0 18px 18px!important;
  }
}


/* Simulação e Avaliação: mesmo cabeçalho flutuante da tela inicial. */
@media(max-width:720px){
  html body.financing-view .site-header,
  html body.selling-view .site-header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    z-index:100!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:14px!important;
    padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px!important;
    background-color:#090d15!important;
    background-image:linear-gradient(180deg,rgba(6,10,18,.92),rgba(6,10,18,.94)),url('./assets/hero-patio-hq.webp?v=20261014-hero-final')!important;
    background-size:cover!important;
    background-position:center 18%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    isolation:auto!important;
  }
  html body.financing-view .site-header::before,
  html body.financing-view .site-header::after,
  html body.selling-view .site-header::before,
  html body.selling-view .site-header::after{
    display:none!important;
    content:none!important;
  }
  html body.financing-view .site-header .brand,
  html body.selling-view .site-header .brand{
    grid-column:1 / -1!important;
    grid-row:1!important;
    justify-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:fit-content!important;
    margin:0 auto!important;
    position:relative!important;
    z-index:1!important;
  }
  html body.financing-view .site-header .brand .brand-logo-image,
  html body.selling-view .site-header .brand .brand-logo-image{
    width:170px!important;
    max-width:48vw!important;
    height:auto!important;
    filter:brightness(1.12) drop-shadow(0 2px 7px rgba(0,0,0,.28))!important;
  }
  html body.financing-view .site-header .menu-button,
  html body.selling-view .site-header .menu-button{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    z-index:2!important;
  }
  html body.financing-view .site-header .header-tabs,
  html body.selling-view .site-header .header-tabs{
    grid-column:1 / -1!important;
    grid-row:2!important;
  }
  html body.financing-view .site-header .nav.open,
  html body.selling-view .site-header .nav.open{
    position:absolute!important;
    top:100%!important;
    z-index:5!important;
    background:rgba(12,19,32,.92)!important;
    -webkit-backdrop-filter:blur(20px)!important;
    backdrop-filter:blur(20px)!important;
    border:1px solid rgba(255,255,255,.19)!important;
    border-radius:0 0 18px 18px!important;
  }
}

/* Correção definitiva: cabeçalho dos formulários sem fotografia azul ou camada translúcida. */
@media(max-width:720px){
  html body.financing-view header.site-header,
  html body.selling-view header.site-header{
    background:#090d15!important;
    background-color:#090d15!important;
    background-image:none!important;
    background-attachment:initial!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    border-bottom:0!important;
  }
  html body.financing-view header.site-header::before,
  html body.financing-view header.site-header::after,
  html body.selling-view header.site-header::before,
  html body.selling-view header.site-header::after{
    content:none!important;
    display:none!important;
  }
}