.aplus-v2.apm-brand-story-carousel-herói-container,
.aplus-v2.apm-marca-story-carousel-herói-container > div {
posição: absoluta;
largura: 100%;
}/*
Garantindo que o carrossel ocupe apenas o espaço necessário.
Os tamanhos precisam ser ajustados novamente nos elementos absolutamente posicionados para que possam ocupar espaço.
*/
.aplus-v2.apm-brand-story-carousel-container,
.aplus-v2.apm-brand-story-carousel-herói-container {
altura: 625px;
largura: 100%;
largura máxima: 1464px;
margem-esquerda: automática;
margem-direita: automática;
transbordamento: oculto;
}
/*
Isso centraliza o carrossel verticalmente no topo do contêiner de imagem do herói e após a área do logotipo (125px).
Margin-top = (heróiAltura - cartãoAltura - logotipoAreaAltura) / 2 + logoAreaHeight
*/
.aplus-v2.apm-brand-story-carousel.a-carousel-row-inner{
margem superior: 149px;
}
/*
Os cartões precisam ter uma largura definida, caso contrário, o padrão é 50px ou mais.
Todos os cartões devem ter a mesma largura.O carrossel redimensionará para que todas as cartas tenham a largura do cartão maior.
A margem esquerda serve para deixar um espaço entre cada cartão.
*/
.aplus-v2.apm-brand-story-carousel.a-carousel-card {
largura: 362px;
margem-esquerda: 30px!importante;
}
/* estilize os botões de navegação para que fiquem mais altos, nivelados com as laterais e tenham um fundo branco limpo */
.aplus-v2.apm-brand-story-carousel.a-carousel-col.a-carousel-esquerda,
.aplus-v2.apm-brand-story-carousel.a-carousel-col.a-carousel-right {
preenchimento: 0px;
}
