:root{
  --bg:#0E1012;--bg2:#15181B;--bg3:#1C2024;--tx:#F1EFEA;--mut:#9A9C98;--linha:#2A2E33;
  --am:#FFA000;--ve:#2BD46A;--verm:#E5484D;
  --r:2px;--gut:16px;
  --f:"Barlow Semi Condensed",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.55 var(--f);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--tx);text-decoration-color:var(--am);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
h1,h2,h3{font-weight:800;line-height:1.05;margin:0;letter-spacing:-.01em}
h1{font-size:clamp(40px,7vw,76px)}
h2{font-size:clamp(28px,3.6vw,40px)}
h3{font-size:20px}
p{margin:0 0 16px}
.peq{font-size:14px;color:var(--mut);margin:0 0 8px}
.peq a{color:var(--mut)}
.lide{font-size:clamp(18px,2vw,21px);max-width:60ch;color:var(--tx)}
.texto{max-width:65ch}
.pular{position:absolute;left:-999px}
.pular:focus{left:var(--gut);top:8px;background:var(--tx);color:var(--bg);padding:8px 12px;z-index:9}
:focus-visible{outline:2px solid var(--am);outline-offset:2px}

/* botoes */
.botao{display:inline-block;background:var(--am);color:#0E1012;font:800 16px/1 var(--f);padding:14px 22px;border:0;border-radius:var(--r);text-decoration:none;cursor:pointer}
.botao:hover{background:#FFB340}
.link{margin-left:16px;font-weight:800}
.acoes{margin:32px 0 0;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center}
.acoes .link{margin:0}

/* topo */
.topo{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:32px;padding:12px var(--gut);border-bottom:1px solid var(--linha);background:var(--bg)}
.marca img{width:92px;height:auto}
.menu{display:flex;gap:24px;flex:1}
.menu a{color:var(--tx);text-decoration:none;font-weight:800;font-size:16px;padding:6px 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a[aria-current]{border-bottom-color:var(--tx)}
.conta{display:flex;align-items:center;gap:12px;font-size:15px}
.conta a{color:var(--tx)}
.quem{font-weight:800}
.sair{margin:0}
.sair button,.mini button,.mod button{background:none;border:1px solid var(--linha);color:var(--tx);font:400 14px var(--f);padding:6px 12px;border-radius:var(--r);cursor:pointer}
.sair button:hover,.mini button:hover,.mod button:hover{border-color:var(--mut)}
.baixar-topo{padding:10px 16px;font-size:15px}

main{display:block}
.rodape{border-top:1px solid var(--linha);margin-top:128px;padding:32px var(--gut)}
.rodape-in{max-width:1100px;margin:0 auto}
.rodape p{margin:0 0 4px}

/* hero */
.hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:flex-end;overflow:hidden}
.hero-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:rgba(14,16,18,.42)}
.hero .peq{color:var(--tx)}
.hero-in{position:relative;z-index:1;display:flex;gap:32px;align-items:flex-end;padding:64px var(--gut) 64px;width:100%;max-width:1200px;margin:0 auto}
.hero-pinheiro{width:44px;flex:none;background:var(--bg);padding:6px 4px;border:1px solid var(--linha);border-radius:var(--r)}
.hero-txt{max-width:680px;background:rgba(14,16,18,.84);padding:32px;border-left:4px solid var(--tx)}
.hero-txt h1{margin-bottom:24px}
.luz{fill:#2A2E33}
.luz.am{fill:#3B3320}
.luz.ve.on{fill:var(--ve)}
.luz.am.on{fill:var(--am)}

/* cupom */
.cupom{display:grid;grid-template-columns:repeat(4,1fr);margin:0;background:var(--bg2);border-bottom:1px solid var(--linha);border-top:2px dashed var(--linha)}
.cupom div{padding:24px var(--gut);border-right:1px dashed var(--linha)}
.cupom div:last-child{border-right:0}
.cupom dt{font-size:14px;color:var(--mut)}
.cupom dd{margin:4px 0 0;font:800 clamp(32px,4vw,52px)/1 var(--f)}

/* secoes com marca lateral */
.sec{display:grid;grid-template-columns:140px minmax(0,1fr);gap:32px;max-width:1200px;margin:128px auto 0;padding:0 var(--gut)}
.sec-marca{border-top:2px solid var(--tx);padding-top:12px}
.sec-marca span{font:800 20px/1 var(--f);letter-spacing:.04em;color:var(--mut)}
.sec-corpo h2{margin-bottom:24px;max-width:18ch}
.sec-corpo .texto{margin-bottom:16px}
.lista-mec{list-style:none;padding:0;margin:32px 0 0;max-width:720px;counter-reset:m}
.lista-mec li{counter-increment:m;border-top:1px solid var(--linha);padding:16px 0 16px 48px;position:relative}
.lista-mec li::before{content:counter(m);position:absolute;left:0;top:16px;font:800 22px/1.2 var(--f);color:var(--mut)}
.lista-mec a{margin-left:12px;font-weight:800}
.largo{margin:48px 0 0}
.largo img{width:100%;max-height:560px;object-fit:cover;border-radius:var(--r)}
figcaption{font-size:14px;color:var(--mut);margin-top:8px}
.faixa-fotos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:32px}
.faixa-fotos a{display:block;overflow:hidden;border-radius:var(--r)}
.faixa-fotos img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:var(--r);transition:transform .4s}
.faixa-fotos a:hover img,.galeria figure:hover img{transform:scale(1.04)}
.galeria figure{overflow:hidden}
.galeria img{transition:transform .4s}

/* paginas internas */
.interna main{max-width:1100px;margin:0 auto;padding:0 var(--gut)}
.cab{padding:64px 0 32px;border-bottom:1px solid var(--linha);margin-bottom:48px}
.cab h1{max-width:20ch;margin-bottom:24px}
.cab .lide{margin-bottom:0}
.bloco{margin-top:64px}
.bloco h2{margin-bottom:16px}
.rodape-nota{margin-top:64px;color:var(--mut);font-size:15px;max-width:65ch}
.texto-longo ul{padding-left:20px;max-width:65ch}
.texto-longo li{margin-bottom:12px}

/* mecanicas */
.mec{display:grid;grid-template-columns:140px minmax(0,1fr);gap:32px;margin-bottom:96px}
.mec-n{border-top:2px solid var(--tx);padding-top:12px}
.mec-n span{display:block;font:800 52px/1 var(--f)}
.mec-n b{display:block;color:var(--mut);font-weight:400;margin-top:8px}
.mec-c h2{margin-bottom:16px;max-width:20ch}
.fig{margin:32px 0 0;background:var(--bg2);border:1px solid var(--linha);padding:24px;border-radius:var(--r)}

/* graficos SVG */
.sv{width:100%;height:auto;display:block;overflow:visible}
.sv-txt{fill:var(--mut);font:400 14px var(--f)}
.sv-num{fill:var(--tx);font:800 14px var(--f)}
.sv-forte{fill:var(--tx);font-weight:800}
.sv-am{fill:var(--am)}
.sv-barra{fill:#434950}
.sv-eixo{stroke:var(--mut);stroke-width:1.5;fill:none}
.sv-grosso{stroke-width:4}
.sv-guia{stroke:var(--linha);stroke-width:1.5;stroke-dasharray:4 4;fill:none}
.sv-curva{fill:none;stroke-width:3;stroke-linejoin:round}
.sv-curva-1{stroke:var(--am)}
.sv-curva-2{stroke:var(--tx)}
.sv-corpo{fill:var(--bg3);stroke:var(--mut);stroke-width:2}
.sv-roda{fill:var(--bg);stroke:var(--tx);stroke-width:6}
.sv-cubo{fill:var(--mut)}
.sv-cota{stroke:var(--mut);stroke-width:1.5;fill:none}
.sv-seta{stroke:var(--tx);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sv-ponto{fill:var(--mut)}
.sv-luz-am{fill:var(--am)}
.sv-luz-ve{fill:var(--ve)}

/* carros */
.tabela-car{border-top:1px solid var(--linha)}
.car-cab,.car summary{display:grid;grid-template-columns:minmax(0,2.2fr) 1fr 1fr 1.2fr .9fr;gap:16px;align-items:baseline;padding:16px 8px}
.car-cab{font-size:14px;color:var(--mut);padding-bottom:8px}
.car{border-bottom:1px solid var(--linha)}
.car summary{cursor:pointer;list-style:none}
.car summary::-webkit-details-marker{display:none}
.car summary:hover,.car[open] summary{background:var(--bg2)}
.car-nome{font:800 22px/1.2 var(--f)}
.car-preco{text-align:right}
.car-cab span:last-child{text-align:right}
.car-det{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:32px;padding:16px 8px 32px;background:var(--bg2)}
.car-det:not(:has(.car-foto)){grid-template-columns:1fr}
.car-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.car-det dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 24px;margin:0}
.car-det dt{color:var(--mut)}
.car-det dd{margin:0}

/* oficina */
.oficina{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.peca h3{border-bottom:2px solid var(--tx);padding-bottom:8px;margin-bottom:8px}
.peca table{width:100%;border-collapse:collapse;font-size:15px}
.peca td{padding:8px 0;border-bottom:1px solid var(--linha);vertical-align:top}
.peca .obs{color:var(--mut);padding:8px 12px;font-size:14px}
.peca .pr{text-align:right;white-space:nowrap;font-weight:800}
.fig-solta{margin-top:64px}

/* galeria */
.galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.galeria figure{margin:0}
.galeria img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.galeria .g-grande{grid-column:span 2}
.galeria .g-grande img{aspect-ratio:16/9}

/* baixar */
.baixar-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:64px;align-items:start}
.passos{padding-left:20px;max-width:60ch}
.passos li{margin-bottom:12px}
.nota-lado{border-left:2px solid var(--tx);padding-left:24px}
.nota-lado h2{font-size:24px;margin-bottom:12px}

/* formularios */
.form{display:flex;flex-direction:column;gap:8px;max-width:760px;margin-top:32px}
.form.estreito{max-width:420px}
.form label{font-weight:800;margin-top:12px}
.form small{color:var(--mut)}
.form input,.form textarea{background:var(--bg2);color:var(--tx);border:1px solid var(--linha);border-radius:var(--r);padding:12px;font:400 17px/1.4 var(--f);width:100%}
.form input:focus,.form textarea:focus{border-color:var(--am);outline:0}
.form textarea{resize:vertical}
.form .botao{align-self:flex-start;margin-top:16px}
.aviso{background:var(--bg3);border-left:4px solid var(--mut);padding:12px 16px;max-width:760px}
.aviso.erro{border-left-color:var(--verm)}

/* forum */
.cats,.tops{list-style:none;margin:0;padding:0;border-top:1px solid var(--linha)}
.cat{display:grid;grid-template-columns:minmax(0,2fr) 120px minmax(0,2fr);gap:24px;padding:24px 8px;border-bottom:1px solid var(--linha);align-items:start}
.cat p{margin:4px 0 0;color:var(--mut);font-size:15px}
.cat-nome{font:800 24px/1.2 var(--f)}
.cat-n{color:var(--mut)}
.cat-ult{font-size:15px;display:flex;flex-direction:column;gap:2px}
.cat-ult span{color:var(--mut);font-size:14px}
.top{display:flex;justify-content:space-between;gap:24px;padding:16px 8px;border-bottom:1px solid var(--linha)}
.top-t{font:800 19px/1.3 var(--f)}
.top div span{display:block;color:var(--mut);font-size:14px}
.top-r{color:var(--mut);white-space:nowrap}
.tag{display:inline-block;font:800 12px/1 var(--f);text-transform:uppercase;letter-spacing:.06em;background:var(--tx);color:var(--bg);padding:3px 6px;border-radius:var(--r);vertical-align:middle}
.vazio{padding:32px 8px;color:var(--mut)}
.pags{display:flex;gap:8px;margin:32px 0;flex-wrap:wrap}
.pags a{padding:6px 12px;border:1px solid var(--linha);text-decoration:none;border-radius:var(--r)}
.pags a[aria-current]{background:var(--tx);color:var(--bg)}
.posts{border-top:1px solid var(--linha)}
.post{padding:24px 8px;border-bottom:1px solid var(--linha);max-width:820px}
.post-cab{display:flex;gap:12px;align-items:baseline;margin-bottom:12px}
.post-cab span{color:var(--mut);font-size:14px}
.post-txt p{max-width:65ch;overflow-wrap:anywhere}
.mini{margin:8px 0 0}
.mod{display:flex;gap:8px;margin:0 0 24px;flex-wrap:wrap}
.mod form{margin:0}

/* pinheirinho animado */
.hero-pinheiro .luz:nth-child(1){animation:l1 7s infinite}
.hero-pinheiro .luz:nth-child(2){animation:l2 7s infinite}
.hero-pinheiro .luz:nth-child(3){animation:l3 7s infinite}
.hero-pinheiro .luz:nth-child(4){animation:l4 7s infinite}
@keyframes l1{0%,8%{fill:#3B3320}9%,90%{fill:var(--am)}96%,100%{fill:#3B3320}}
@keyframes l2{0%,20%{fill:#3B3320}21%,90%{fill:var(--am)}96%,100%{fill:#3B3320}}
@keyframes l3{0%,32%{fill:#3B3320}33%,90%{fill:var(--am)}96%,100%{fill:#3B3320}}
@keyframes l4{0%,44%{fill:#2A2E33}45%,90%{fill:var(--ve)}96%,100%{fill:#2A2E33}}
@media (prefers-reduced-motion:reduce){.hero-pinheiro .luz{animation:none!important}}

/* chamada final */
.fim{max-width:1200px;margin:128px auto 0;padding:0 var(--gut)}
.fim-in{background:var(--bg2);border:1px solid var(--linha);border-left:4px solid var(--am);padding:48px 32px}
.fim h2{max-width:20ch;margin-bottom:16px}
.nov-d .tag{text-transform:none;letter-spacing:0}
.car:hover{background:var(--bg2)}

/* novidades */
.home-nov{max-width:1200px;margin:96px auto 0;padding:0 var(--gut)}
.home-nov-in{border-top:2px solid var(--tx);padding-top:24px}
.home-nov h2{margin-bottom:8px}
.novs{border-top:1px solid var(--linha)}
.home-nov .novs{border-top:0}
.nov{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;padding:24px 0;border-bottom:1px solid var(--linha)}
.nov-d{color:var(--mut);display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.nov-c h3{font-size:24px;margin-bottom:8px}
.nov-c ul{margin:0;padding-left:20px;max-width:65ch}
.nov-c li{margin-bottom:4px}
@media (max-width:860px){.nov{grid-template-columns:1fr;gap:8px}}

/* telefone */
@media (max-width:860px){
  .topo{flex-wrap:wrap;gap:8px 16px}
  .menu{order:5;flex-basis:100%;gap:20px;overflow-x:auto}
  .conta{margin-left:auto}
  .sec,.mec{grid-template-columns:1fr;gap:16px;margin-top:80px}
  .sec-marca,.mec-n{display:flex;align-items:baseline;gap:12px;border-top:2px solid var(--tx);max-width:240px}
  .mec-n span{font-size:32px}
  .mec{margin-bottom:64px}
  .cupom{grid-template-columns:repeat(2,1fr)}
  .cupom div:nth-child(2){border-right:0}
  .cupom div:nth-child(-n+2){border-bottom:1px dashed var(--linha)}
  .faixa-fotos{grid-template-columns:repeat(2,1fr)}
  .hero-in{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:48px}
  .hero-pinheiro{width:28px}
  .car-cab{display:none}
  .car summary{grid-template-columns:1fr auto;gap:4px 16px}
  .car-nome{grid-column:1/-1}
  .car-det{grid-template-columns:1fr}
  .oficina{grid-template-columns:1fr}
  .galeria{grid-template-columns:1fr 1fr}
  .baixar-grid{grid-template-columns:1fr;gap:32px}
  .cat{grid-template-columns:1fr;gap:8px}
  .rodape{margin-top:80px}
}
@media (max-width:520px){
  body{font-size:16px}
  .baixar-topo{display:none}
  .galeria{grid-template-columns:1fr}
  .galeria .g-grande{grid-column:auto}
  .top{flex-direction:column;gap:4px}
  .fig{padding:12px}
}

/* v3 cinematografico */
.hero{min-height:calc(100vh - 86px);min-height:calc(100svh - 86px);align-items:flex-end}
.hero-foto{animation:zoom 22s ease-out both}
@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.08)}}
.hero::after{background:rgba(14,16,18,.38)}
.hero-in{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--gut) 64px;justify-content:space-between;align-items:flex-end}
.hero-txt{background:none;border:0;padding:0;max-width:820px}
.hero-txt h1{font-size:clamp(48px,8.5vw,128px);line-height:.95;letter-spacing:-.02em}
.hero-txt .lide{max-width:56ch;text-shadow:0 1px 12px rgba(0,0,0,.7)}
.botao.grande{padding:18px 36px;font-size:20px}
.hero-pinheiro{width:52px;flex:none}
.banda{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden}
.banda-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banda::after{content:"";position:absolute;inset:0;background:rgba(14,16,18,.55)}
.banda-in{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:96px var(--gut)}
.banda-in>*{max-width:640px}
.banda-dir .banda-in>*{margin-left:auto}
.banda-marca{display:block;font:800 clamp(64px,12vw,176px)/.9 var(--f);color:transparent;-webkit-text-stroke:2px var(--tx);opacity:.9;margin-bottom:16px;max-width:none!important}
.banda h2{font-size:clamp(32px,4.5vw,64px);margin-bottom:24px}
.tres{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1040px!important}
.tres li{position:relative;display:flex;gap:16px;align-items:flex-start;background:rgba(14,16,18,.82);border:1px solid var(--linha);border-radius:2px;padding:22px 18px 18px;font-size:16px;color:var(--mut)}
.tres li::before{content:"";position:absolute;left:-1px;top:-1px;width:48px;height:3px;background:var(--am)}
.tres img{width:64px;height:64px;object-fit:contain;flex:none}
.tres strong{display:block;color:var(--tx);font-size:20px;margin-bottom:4px}
.tres a{display:block;margin-top:10px;color:var(--am);font-weight:700}
.tres a::after{content:" \2192"}
.reel{padding:96px 0 64px;background:var(--bg)}
.reel-cab{max-width:1280px;margin:0 auto 40px;padding:0 var(--gut)}
.reel-cab h2{font-size:clamp(32px,4.5vw,64px);margin-bottom:16px;max-width:20ch}
.reel-faixa{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gut) 16px}
.reel-faixa a{flex:0 0 min(78vw,560px);scroll-snap-align:start;position:relative;display:block;overflow:hidden;border-radius:var(--r)}
.reel-faixa img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .5s}
.reel-faixa a:hover img{transform:scale(1.05)}
.reel-faixa span{position:absolute;left:0;bottom:0;background:var(--bg);padding:8px 16px;font:800 20px/1 var(--f)}
.reel-acoes{max-width:1280px;margin:24px auto 0;padding:0 var(--gut)}
.home-nov{padding-top:64px}
@supports (animation-timeline:view()){
  .banda-in>*,.reel-cab>*,.reel-faixa a{animation:rev both linear;animation-timeline:view();animation-range:entry 0% cover 28%}
  @keyframes rev{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.hero-foto{animation:none}.banda-in>*,.reel-cab>*,.reel-faixa a{animation:none}}
@media (max-width:760px){.tres{grid-template-columns:1fr}.hero-pinheiro{display:none}.banda{min-height:0}.banda-in{padding:64px var(--gut)}}
.hero{min-height:min(calc(100svh - 86px),820px)}
.banda{min-height:min(80vh,680px)}
.hero::after{background:rgba(14,16,18,.5)}
.hero-txt h1,.hero .peq{text-shadow:0 2px 18px rgba(0,0,0,.65)}
.hero .peq{font-size:15px}
video.hero-foto{animation:none;object-fit:cover}
.banda-foto-dir{object-position:70% 60%}

/* video na faixa */
video.banda-foto{object-fit:cover}
/* conta e painel */
.painel .duas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:32px 48px;margin:32px 0}
.painel h2{font-size:22px;margin:0 0 12px}
.painel .acoes{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}
.abas{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--linha);margin:-16px 0 32px}
.abas a{padding:12px 16px;color:var(--mut);text-decoration:none;font-weight:800;border-bottom:3px solid transparent}
.abas a[aria-current]{color:var(--tx);border-bottom-color:var(--am)}
.nums{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;background:transparent;border:0;margin-bottom:48px}
.num{background:var(--bg2);padding:16px;outline:1px solid var(--linha)}
.num span{display:block;color:var(--mut);font-size:14px}
.num strong{font-size:40px;line-height:1.1;font-weight:800}
.barras{list-style:none;display:flex;gap:6px;align-items:flex-end;height:180px;padding:0;margin:16px 0}
.barras li{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;font-size:12px;color:var(--mut)}
.barras i{display:block;width:100%;background:var(--am);min-height:2px}
.barras b{position:absolute;top:0;font-weight:400}
.tab{width:100%;border-collapse:collapse;font-size:16px}
.tab th,.tab td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--linha);vertical-align:top}
.tab thead th{color:var(--mut);font-weight:400;font-size:14px}
.tab tbody th{color:var(--mut);font-weight:400;width:11em}
.tab small{display:block;color:var(--mut)}
.rolar{overflow-x:auto}
.busca{display:flex;gap:8px;margin:0 0 16px;max-width:560px}
.busca input{flex:1;background:var(--bg2);color:var(--tx);border:1px solid var(--linha);border-radius:var(--r);padding:10px 12px;font:400 17px var(--f)}
.filtros{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:0 0 16px}
.filtros a[aria-current]{color:var(--tx);font-weight:800}
.filtros span{color:var(--mut)}
button.perigo,.botao.perigo{background:var(--verm);color:#fff;border-color:var(--verm)}
.tag.verm{background:var(--verm);color:#fff}
code{background:var(--bg3);padding:2px 6px;border-radius:var(--r)}

/* online: foto de largura total, numero gigante em italico */
.chip{display:inline-block;background:var(--am);color:#0E1012;font:800 14px/1 var(--f);letter-spacing:.16em;text-transform:uppercase;padding:9px 16px 9px 14px;transform:skewX(-12deg)}
.online{position:relative;margin-top:128px;min-height:min(92vh,820px);display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--linha)}
.online-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.online::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,16,18,.94) 0,rgba(14,16,18,.82) 38%,rgba(14,16,18,.15) 75%)}
.online-in{position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto;padding:64px var(--gut)}
.online-num{margin:20px 0 0;font:800 italic clamp(88px,15vw,220px)/.86 var(--f);letter-spacing:-.02em;color:var(--tx)}
.online h2{margin:24px 0 16px;font-size:clamp(34px,4.4vw,60px);line-height:1.02;max-width:16ch}
.online .texto{max-width:52ch;margin-bottom:28px}
@media (max-width:860px){.online::after{background:rgba(14,16,18,.82)}.online{min-height:0}}

/* novidades: destaque com foto + linha do tempo */
.interna-larga main{max-width:1240px}
.cab-nov{padding:56px 0 32px;border:0;margin-bottom:0}
.cab-nov h1{font-size:clamp(64px,9vw,128px);line-height:.92;max-width:none;margin-bottom:20px}
.kick{display:flex;align-items:center;gap:14px;margin:0 0 12px;font:600 14px/1 var(--f);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.kick i{display:block;width:48px;height:2px;background:var(--am)}
.nov-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border:1px solid var(--linha);border-radius:var(--r);background:var(--bg2);overflow:hidden}
.nov-top-txt{padding:32px}
.nov-top-txt .nov{border:0;padding:24px 0 0}
.nov-top-txt .nov-c h3{font-size:32px}
.nov-top img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}
.nov-linha{position:relative;margin:24px 0 0 20px;padding-left:28px;border-left:2px solid var(--linha)}
.nov-card{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr) 32px;gap:24px;align-items:center;padding:20px 24px;margin-bottom:12px;background:var(--bg2);border:1px solid var(--linha);border-radius:var(--r)}
.nov-card::before{content:"";position:absolute;left:-36px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--bg);border:3px solid var(--am)}
.nov-card h3{font-size:22px;margin:0 0 4px}
.nov-card p{margin:0;color:var(--mut)}
.nov-seta{font-size:32px;color:var(--mut);text-align:right}
.home-nov .nov-top,.home-nov .nov-linha{margin-top:24px}
@media (max-width:860px){.nov-top{grid-template-columns:1fr}.nov-top img{order:-1;min-height:200px;max-height:260px}.nov-card{grid-template-columns:1fr;gap:6px}.nov-seta{display:none}.nov-linha{margin-left:8px;padding-left:20px}.nov-card::before{left:-29px}}

.anuncio{margin:0;padding:10px var(--gut);background:var(--am);color:#0E1012;font:800 15px/1.3 var(--f);text-align:center}
/* fotos 4K do jogo: escurece só onde há texto */
.hero::after{background:linear-gradient(90deg,rgba(14,16,18,.72) 0,rgba(14,16,18,.38) 34%,rgba(14,16,18,0) 60%),linear-gradient(0deg,rgba(14,16,18,.4) 0,rgba(14,16,18,0) 32%)}
.hero-foto{object-position:70% 50%;animation:none}
.banda::after{background:linear-gradient(90deg,rgba(14,16,18,.75) 0,rgba(14,16,18,.36) 38%,rgba(14,16,18,0) 64%)}
.banda-foto-dir{object-position:80% 55%}