/* Hero da home = banner "Seja uma Revendedora" (BannerPrincipal_SejaRevMetaus).
   Pedido: imagem menor que o container, centralizada, com espaço em
   branco/creme dos lados em vez de ocupar a largura inteira (full-bleed).

   A <img> vem com position:absolute;width:100%;height:100% (regra do
   bundle gerado), o que faz a % de largura resolver contra o <li>
   (ancestral posicionado mais próximo) e não contra o <a> — por isso
   só estreitar o <a> não bastava, a imagem continuava vazando 100% do
   <li>. Aqui tiramos o position:absolute da <img>/<a> pra voltar ao
   fluxo normal, e aí sim a % de largura respeita o <a> estreitado. */
#dm .dmBody .u_1326857433 .slides > li {
  float: none !important;
  width: 100% !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#dm .dmBody .u_1326857433 .slides > li > a {
  position: static !important;
  display: block !important;
  width: 85% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#dm .dmBody .u_1326857433 .slides > li > a img {
  position: static !important;
  opacity: 1 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
}