.hero, .banner-lateral-moldura { container-type: inline-size; }
.banner-editorial {position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(5px,1cqw,16px);padding:4% 5%;box-sizing:border-box;color:white;background:linear-gradient(90deg,rgba(8,10,18,.76),rgba(8,10,18,.28) 43%,transparent 65%);opacity:0;transition:opacity .75s ease;pointer-events:none;}
.ativo > .banner-editorial {opacity:1;}
.banner-editorial-marca {font-size:clamp(8px,1cqw,15px);font-weight:600;letter-spacing:.12em;text-transform:uppercase;}
.banner-editorial-titulo {display:block;width:46%;font-size:clamp(14px,3.2cqw,54px);line-height:1.12;font-weight:600;letter-spacing:-.025em;text-wrap:balance;}
.banner-editorial-produto {max-width:44%;font-size:clamp(9px,1.1cqw,17px);line-height:1.5;}
.banner-editorial-cta {display:inline-flex;align-items:center;gap:12px;padding:clamp(5px,.8cqw,13px) clamp(10px,1.4cqw,22px);border-radius:9px;background:white;color:#252033;font-size:clamp(9px,1cqw,15px);font-weight:600;}
.banner-lateral-link .banner-editorial {justify-content:flex-start;padding:26px 20px;background:linear-gradient(180deg,rgba(8,10,18,.78),rgba(8,10,18,.1) 30%,transparent 55%,rgba(8,10,18,.5));gap:12px;}
.banner-lateral-link .banner-editorial-marca {font-size:10px;}
.banner-lateral-link .banner-editorial-titulo {width:100%;font-size:27px;line-height:1.18;}
.banner-lateral-link .banner-editorial-produto {max-width:100%;font-size:11px;}
.banner-lateral-link .banner-editorial-cta {position:absolute;bottom:66px;left:20px;right:20px;justify-content:center;padding:12px 8px;font-size:12px;}
@container (max-width:650px) { .hero-link .banner-editorial-produto {display:none;} }
@media(prefers-reduced-motion:reduce) {.banner-editorial{transition:none;}}

/* A moldura acompanha a proporção da arte, preenchendo toda a área. */
.banner-lateral-link.banner-arte-completa .banner-lateral-imagem {object-fit:cover;}
.banner-lateral-link.banner-zoom-preencher .banner-lateral-imagem.ativo {transform:scale(1.14);}

@media(min-width:1051px){
  #conteudo-loja.com-lateral .banner-lateral.alinhado-categoria {margin-top:var(--inicio-categoria,0px);justify-self:center;width:min(250px,calc(var(--altura-categoria,800px) * var(--proporcao-banner,.3125)));}
}