/*

* Utilizado quando o dispositivo = área de trabalho

* Configurado em: configuração do/brasil-config/global/marca-história.cfg

*/

/* Porque o carrossel é implementado como um ol lista,

qualquer lista no cartão de texto irá ter uma lista secundária de estilo (letras).

Isso vai dar uma aparência incorreta para o público,

então, nós conjunto de todas as listas para a lista principal de estilo (números). */

.aplus-marca-história-cartão de ol li {

list-style: decimal;

}

/* Nível superior recipientes */

.aplus-módulo .apm-marca-história-herói {

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

largura: 1464px;

altura: 625px;

background-color: #fff;

}

.aplus-módulo .apm-marca-história-cartão {

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

largura: 362px;

altura: 453px;

background-color: #fff;

}

.apm-marca-história-herói,

.apm-marca-história-cartão {

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

posição: relativo;

width: 100%;

altura: 100%;

float: none;

}

.aplus-módulo.marca-história-card-1-quatro-asin .apm-marca-história-cartão {

/* Apenas 12px para a conta para a imagem de borda de célula */

preenchimento: 12px;

}

/* Full imagem de plano de fundo (Hero 1 E 2 do Cartão) */

.aplus-módulo .apm-marca-história-background-image {

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

overflow: hidden;

position: absolute;

width: 100%;

altura: 100%;

}

/* 1 de cartão de pequenas imagens */

.aplus-módulo .apm-marca-história-imagem-linha {

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

altura: 185px;

padding: 0px;

margin: auto;

display: flex;

}

.aplus-módulo .apm-marca-história-imagem-linha .apm-marca-história-imagem de célula {

/* Uso de conteúdo-caixa, para garantir o tamanho da imagem coincide com o editor de esquema */

-moz-box-sizing: conteúdo-caixa;

-webkit-box-sizing: conteúdo-caixa;

box-sizing: conteúdo-caixa;

padding: 0px;

margin: 0px;

largura: 166px;

border: 1px solid #fff;

}

.aplus-módulo .apm-marca-história-imagem-linha .apm-marca-história-imagem de célula .apm-marca-história-imagem-link {

display: block;

width: 100%;

altura: 100%;

}

.aplus-módulo .apm-marca-história-imagem-linha .apm-marca-história-imagem de célula .apm-marca-história-imagem-link .apm-marca-história-imagem-img {

display: block;

width: 100%;

altura: 100%;

objeto do ajuste: capa;

}

/* Cartão de 3 a imagem do logotipo */

.aplus-módulo .apm-marca-história-logo-imagem {

-moz-box-sizing: conteúdo-caixa;

-webkit-box-sizing: conteúdo-caixa;

box-sizing: conteúdo-caixa;

altura: 145px;

margin: 0px 4px;

padding: 20px;

padding-bottom: 0px;

}

/* Sobreposições de texto */

.aplus-módulo .apm-marca-história-text-bottom {

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

position: absolute;

parte inferior: 13px;

esquerda: 13px;

}

.aplus-módulo .apm-marca-história-herói .apm-marca-história-text-bottom {

background-color: rgba(0,0,0,0.6);

color: #fff;

preenchimento: 13px 65px 13px 13px; /* contas de sobreposição do primeiro cartão */

largura: 437px;

}

.aplus-módulo.marca-história-card-2-media-ativo .apm-marca-história-text-bottom {

background-color: rgba(255,255,255,0.6);

color: #000;

preenchimento: 13px;

largura: 336px;

}

.aplus-módulo.marca-história-card-1-quatro-asin .apm-marca-história-texto {

margin-top: 8px;

}

.aplus-módulo.marca-história-card-1-quatro-asin .apm-marca-história-texto.apm-marca-história-texto-única {

margin-top: 20px;

}

.aplus-módulo.marca-história-card-1-quatro-asin .apm-marca-história-texto h3 {

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

.aplus-módulo .apm-marca-história-slogan-text {

-moz-box-sizing: conteúdo-caixa;

-webkit-box-sizing: conteúdo-caixa;

box-sizing: conteúdo-caixa;

margin: 0px 4px;

padding: 20px;

}

.aplus-módulo .apm-marca-história-perguntas frequentes {

-moz-box-sizing: conteúdo-caixa;

-webkit-box-sizing: conteúdo-caixa;

box-sizing: conteúdo-caixa;

padding-top: 10px;

}

.aplus-módulo .apm-marca-história-perguntas frequentes-bloco {

margin: 0px 10px;

padding: 10px;

}.aplus-v2 .apm-marca-história-carrossel-container {

posição: relativo;

}

.aplus-v2 .apm-marca-história-carrossel-herói-contêiner,

.aplus-v2 .apm-marca-história-carrossel-herói-container > div {

position: absolute;

width: 100%;

}/*

Assegurar o carrossel leva apenas o espaço de que necessita.

As dimensões precisam ser definidas de novo sobre os elementos posicionados absolutamente para que eles possam ocupar espaço.

*/

.aplus-v2 .apm-marca-história-carrossel-contêiner,

.aplus-v2 .apm-marca-história-carrossel-herói-container {

altura: 625px;

width: 100%;

max-width: 1464px;

margin-left: auto;

margin-right: auto;

overflow: hidden;

}

/*

Isso centraliza o carrossel vertical no topo da imagem de herói recipiente e depois a área do logotipo (125px).