/* Composição Mosh com marca e textura do site oficial Bangers. */
body.bangers-campaign{background:#171313 url('assets/bangers-texture.webp') center top/cover fixed}
.bangers-campaign #main{background:var(--paper);padding-inline:24px}
.campaign-skin{display:none}
.campaign-mobile{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 20px;color:#f3d9b6;background:linear-gradient(90deg,#18070699,#70170b66,#18070699);border-bottom:1px solid #8f3525}
.campaign-mobile img{width:90px;height:90px;object-fit:contain}
.campaign-mobile strong{font:700 48px/1 var(--heading)}
.campaign-mobile span{font:600 15px/1.3 var(--heading);letter-spacing:1px;max-width:130px}
.campaign-mobile:hover,.campaign-skin:hover{color:white}
@media(min-width:1440px){
 .bangers-campaign #main{width:calc(100% - 280px);max-width:1520px}
 .campaign-mobile{display:none}
 .campaign-skin{display:flex;position:fixed;top:340px;width:calc((100vw - min(1520px,100vw - 280px))/2 - 12px);max-width:270px;z-index:2;align-items:center;flex-direction:column;gap:12px;color:#f3d9b6;text-align:center;padding:15px}
 .campaign-left{left:0}.campaign-right{right:0}
 .campaign-skin img{width:100%;height:auto;object-fit:contain}
 .campaign-skin strong{font:700 clamp(42px,4vw,68px)/1 var(--heading);letter-spacing:3px}
 .campaign-skin span{font:600 14px/1.3 var(--heading);letter-spacing:1px}
}
@media(max-width:700px){.bangers-campaign #main{padding-inline:12px}.campaign-mobile{gap:16px}.campaign-mobile img{width:70px;height:70px}.campaign-mobile strong{font-size:38px}.campaign-mobile span{font-size:12px}}

.campaign-bands{list-style:none;padding:0;margin:0;display:grid;gap:12px;width:100%;color:#f4ddba;font:700 clamp(17px,1.25vw,23px)/1.15 var(--heading);letter-spacing:.3px}
.campaign-bands li{padding-top:10px;border-top:1px solid #b95b394d}
.campaign-mobile .campaign-bands{width:auto;max-width:300px;font-size:15px;gap:4px}
.campaign-mobile .campaign-bands li{border:0;padding:0}
@media(max-width:700px){.campaign-mobile{gap:10px;flex-wrap:wrap}.campaign-mobile .campaign-bands{font-size:12px}.campaign-mobile>span{max-width:none;text-align:center}}

/* Mesma borda central para cabeçalho, menus e rodapé. */
.campaign-date{font:500 12px/1.3 var(--body);letter-spacing:.3px;color:#d5bfa4}
.campaign-skin .campaign-bands{text-transform:uppercase;font-size:clamp(16px,1.15vw,21px);gap:5px}
.campaign-skin .campaign-bands li{min-height:35px;display:flex;align-items:center;justify-content:center;padding-top:5px}
.campaign-skin{gap:7px}
@media(min-width:1440px){
 .bangers-campaign{--campaign-content-width:min(1520px,calc(100% - 280px))}
 .bangers-campaign .header-inner,.bangers-campaign .brand-row.wrap,.bangers-campaign .footer-columns.wrap,.bangers-campaign .footer-credit.wrap{width:var(--campaign-content-width);max-width:1520px;margin-inline:auto}
 .bangers-campaign .nav-inner{flex-wrap:wrap;gap:0 8px}
 .bangers-campaign .nav-links{flex:1;flex-wrap:wrap}
 .bangers-campaign .nav-links>a{padding-inline:8px;font-size:13px}
 .campaign-skin{top:calc(var(--sticky-height,280px) + 20px);max-height:calc(100dvh - var(--sticky-height,280px) - 30px);overflow-y:auto;scrollbar-width:thin}
 .campaign-skin img{width:min(100%,160px)}
 .campaign-skin strong{font-size:48px}
}

/* Moldura contínua: textura no cabeçalho e ao redor do rodapé. */
.bangers-campaign{padding-bottom:24px}
.bangers-campaign .masthead{background:#171313 url('assets/bangers-texture.webp') center top/cover}
.bangers-campaign .brand-row{background:transparent}
.bangers-campaign .brand{background:#0a0a0a}
.bangers-campaign .social-links a,.bangers-campaign .mosh-signature{color:#f4f0e9;text-shadow:0 1px 4px #000}
.bangers-campaign .reader-footer{width:min(1344px,calc(100% - 80px));margin-inline:auto}
.bangers-campaign .reader-footer .footer-columns.wrap,.bangers-campaign .reader-footer .footer-credit.wrap{width:calc(100% - 48px);max-width:none}
@media(min-width:1440px){.bangers-campaign .reader-footer{width:var(--campaign-content-width);max-width:1520px}}
@media(max-width:700px){.bangers-campaign .reader-footer{width:calc(100% - 32px)}.bangers-campaign .reader-footer .footer-columns.wrap,.bangers-campaign .reader-footer .footer-credit.wrap{width:calc(100% - 24px)}}

.bangers-campaign .brand{background:transparent}

@media (min-width: 981px) and (max-width: 1439px) {
  .bangers-campaign #main, .bangers-campaign .header-inner, .bangers-campaign .brand-row.wrap, .bangers-campaign .reader-footer { width: calc(100% - 40px); max-width: none; margin-inline: auto; }
}

.editorial-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,40%);align-items:center;gap:28px;border-bottom:1px solid var(--rule);margin-bottom:27px;padding:24px 0}
.editorial-heading .page-top{padding:0;border:0;margin:0}
.editorial-heading .ad-slot{margin:0}
.editorial-heading .ad-box{min-height:84px;padding:12px 22px}
.editorial-heading .ad-box b{max-width:none}
.editorial-heading .ad-box b br{display:none}
.editorial-heading .ad-box b br:after{content:" "}
@media(max-width:760px){.editorial-heading{grid-template-columns:1fr;gap:16px}.editorial-heading .ad-box{min-height:74px}}

/* Medidas do cabeçalho editorial e dos três cards da referência. */
@media(min-width:1440px){
  .bangers-campaign:has(.editorial-heading){--campaign-content-width:min(1520px,94%)}
  .bangers-campaign:has(.editorial-heading) #main{width:var(--campaign-content-width);padding-inline:26px}
  .bangers-campaign:has(.editorial-heading) .campaign-skin{width:max(0px,calc((100% - var(--campaign-content-width))/2 - 5px));overflow-x:clip;padding-inline:0}
}
.editorial-heading{padding-block:25px 28px;margin-bottom:30px}
.editorial-heading .ad-box{min-height:93px;padding:14px 24px}
.editorial-heading .ad-box b{white-space:normal}
@media(min-width:981px){.editorial-heading~.listing{gap:32px}}
@media(max-width:760px){.editorial-heading{padding-block:20px}.editorial-heading .ad-box{min-height:74px}}