/* ===== v5: barra do menu com respiro e alinhada; slides promocionais integrados ===== */
:root{--hh:92px}
header,body.tt header{width:min(calc(100% - 28px),calc(var(--wrap) + 72px))}
header .wrap{padding:0 36px}
.brand img,body.tt .brand img{height:46px}
@media(max-width:1340px){header .wrap{padding:0 calc(var(--pad) - 14px)}}
@media(max-width:980px){:root{--hh:68px}.brand img,body.tt .brand img{height:40px}header .wrap{padding:0 18px}}

/* slides promocionais: mesmo desenho dos demais, texto à esquerda e imagem à direita */
.hs.promo{background:linear-gradient(115deg,#430004 0,#740006 55%,#890007 100%)}
.hs.promo.rb{background:#000}
.hs.promo::before{display:none}
.hs.promo .pimg{position:absolute;top:0;bottom:0;right:0;width:64%;z-index:-1}
.hs.promo .pimg img{width:100%;height:100%;object-fit:cover;object-position:left center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.hs.promo.rb .pimg img{object-position:30% center}
.hs.promo .eyebrow{display:block;margin-bottom:22px;letter-spacing:0}
.plogo{height:84px;width:auto;display:block}
.plogo.rbl{height:96px;margin-left:-6px}
.hs.promo h2{max-width:640px}
.hl.w{color:#fff}
.hs.promo .lead{max-width:520px}
@media(max-width:900px){
  .hs.promo .pimg{width:100%;opacity:.38}
  .hs.promo .pimg img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 40%);mask-image:linear-gradient(180deg,transparent 0,#000 40%);object-position:center}
  .plogo{height:64px}.plogo.rbl{height:72px}
}

/* combos: texto do cartão volta a ser escuro (a faixa é vermelha, o cartão é branco) */
.combos .finder{color:var(--ink)}
.combos .f-card h3,.combos .f-buy b{color:var(--ink)}
.combos .f-card p{color:var(--mut)}
.combos .f-id{color:#b0000f}
.combos .f-hint{color:var(--mut)}
.combos .f-note,.combos .f-note a{color:var(--mut)}
.f-buy .btn{flex:none;height:46px}
@media(max-width:700px){.f-buy .btn{flex:1}}

/* slides promocionais: texto sempre legível sobre a imagem */
.hs.promo::before{display:block;background:linear-gradient(90deg,rgba(60,0,4,.94) 0,rgba(60,0,4,.7) 38%,rgba(60,0,4,0) 68%)}
.hs.promo.rb::before{background:linear-gradient(90deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.7) 38%,rgba(0,0,0,0) 68%)}
.hs.promo h2{color:#fff;text-transform:none;font-family:var(--font)}
.hs.promo h2 .hl{color:#fff}.hs.promo.rb h2 .hl{color:var(--teal)}
.hs.promo .pimg{width:60%}

/* áreas de toque maiores, sem mudar o visual */
.hctl .dots button{height:26px;background:transparent;overflow:visible}
.hctl .dots button::before{content:"";position:absolute;left:0;right:0;top:11px;height:4px;background:rgba(255,255,255,.35);border-radius:4px}
.hctl .dots button::after{top:11px;bottom:auto;height:4px;border-radius:4px}
footer .copy a{display:inline-block;padding:11px 4px;margin:-11px -4px}