/* Faixa fixa das oito marcas — 08/10/2026. */
:root{--brand-header-height:76px}
.nav.brand-header{top:0;left:0;right:0;transform:none;width:100%;height:var(--brand-header-height);padding:0 clamp(14px,2.4vw,42px);grid-template-columns:36px minmax(0,1fr) auto;gap:18px;border:0;border-bottom:1px solid #a7cce526;border-radius:0;background:linear-gradient(110deg,#061421f7,#07111bf5 60%,#061623f7);box-shadow:0 8px 26px #00000020}
.brand-header .nav-menu{justify-content:center;width:36px;height:44px}
.brand-header .nav-menu-label{display:none}
.brand-header .nav-cta{height:36px;padding:0 12px;font-size:9px;letter-spacing:.09em;border-radius:5px;white-space:nowrap}
.brand-header .brand-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1.1fr 1fr 1.25fr 1.12fr 1.15fr 1.12fr 1fr .9fr;align-items:center;gap:0;width:100%;min-width:0}
.brand-strip li{height:48px;display:flex;align-items:center;justify-content:center;padding:0 14px;min-width:0;border-left:1px solid #c8e6fc26}
.brand-strip li:first-child{border-left:0;padding-left:0}
.brand-strip li:last-child{padding-right:0}
.brand-strip img{display:block;width:100%;height:40px;max-width:152px;object-fit:contain;object-position:center}
.brand-strip .brand-f4 img,.brand-strip .brand-tn img,.brand-strip .brand-tl img{height:48px}
.brand-strip a{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:3px}
.brand-strip a:focus-visible,.brand-header button:focus-visible,.brand-header .nav-cta:focus-visible{outline:2px solid var(--cy);outline-offset:4px}
.brand-header .header-edition{display:none}
.indice{padding-top:calc(var(--brand-header-height) + 24px)}
main>section:not(.hero){scroll-margin-top:var(--brand-header-height)}
main [data-stop]:not(section){scroll-margin-top:calc(var(--brand-header-height) + 16px)}
.hero{scroll-margin-top:0}
.car-view-stage{scroll-margin-top:calc(var(--brand-header-height) + 12px)}
@media(max-width:1100px){
 :root{--brand-header-height:108px}
 .nav.brand-header{grid-template-columns:1fr auto 1fr;grid-template-rows:62px 40px;gap:0;padding:2px 20px 4px}
 .brand-header .brand-strip{grid-column:1/-1;grid-row:1}
 .brand-strip li{padding:0 11px;height:48px}
 .brand-strip img{height:34px}
 .brand-strip .brand-f4 img,.brand-strip .brand-tn img,.brand-strip .brand-tl img{height:42px}
 .brand-header .nav-menu{grid-column:1;grid-row:2;justify-content:flex-start;width:auto;height:36px}
 .brand-header .nav-menu-label{display:inline;font-size:9px}
 .brand-header .nav-cta{grid-column:3;grid-row:2;height:30px}
 .brand-header .header-edition{display:block;grid-column:2;grid-row:2;font:500 8px/1 var(--f-mono);letter-spacing:.13em;text-transform:uppercase;color:#a6bdcd}
 .hero .ph picture img{top:calc(clamp(78px,10svh,108px) + 35px)}
}
@media(max-width:700px){
 :root{--brand-header-height:138px}
 .nav.brand-header{padding:7px 16px 3px;grid-template-rows:90px 38px}
 .brand-header .brand-strip{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:38px 38px;row-gap:8px}
 .brand-strip li{height:38px;padding:0 10px}
 .brand-strip li:nth-child(4n+1){border-left:0;padding-left:0}
 .brand-strip li:nth-child(4n){padding-right:0}
 .brand-strip img{height:30px}
 .brand-strip .brand-f4 img,.brand-strip .brand-tn img,.brand-strip .brand-tl img{height:38px}
 .brand-strip a{height:38px}
 .brand-header .nav-menu{font-size:9px;gap:8px}
 .brand-header .header-edition{font-size:7px;letter-spacing:.08em}
 .brand-header .nav-cta{height:30px;padding:0 9px;font-size:8px}
 .hero .ph picture img{top:142px}
 .hero-in{padding-top:calc(clamp(245px,38svh,330px) + 78px)}
 .indice{padding-bottom:60px}
 .indice a{padding:12px 0;font-size:clamp(23px,6.4vw,32px)}
}
@media(max-width:360px){
 .nav.brand-header{padding-inline:10px}
 .brand-strip li{padding-inline:7px}
 .brand-header .header-edition{font-size:6px}
 .brand-header .nav-menu-label{font-size:8px}
}
@media print{.nav.brand-header{display:none!important}main>section{scroll-margin-top:0}}

/* Turismo Light abre a faixa com destaque de 20%. */
.brand-strip .brand-tl img{transform:scale(1.2);transform-origin:center}
@media(min-width:701px){.brand-strip li:last-child{padding-right:14px}.brand-strip li:nth-child(2){padding-left:0}}
@media(min-width:701px) and (max-width:1100px){.brand-strip li:last-child{padding-right:11px}}
