.aplus-v2 .apm-contenedor del carrusel de la historia de la marca {
posición: relativa;
}

.aplus-v2 .apm-brand-story-carousel-hero-contenedor,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
posición: absoluta;
ancho: 100%;
}/*
Asegurando que el carrusel ocupe solo el espacio que necesita.
Es necesario volver a establecer los tamaños de los elementos con posición absoluta para que puedan ocupar espacio.
*/
.aplus-v2 .apm-contenedor-del-visor-en-primera-persona-de-la-historia-de-la-marca,
.aplus-v2 .apm-brand-story-carousel-hero-contenedor {
altura: 625px;
ancho: 100%;
ancho máximo: 1464px;
margen izquierdo: automático;
margen-derecha: auto;
desbordamiento: oculto;
}

.aplus-v2 .apm-brand-story-carousel-hero-contenedor,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
altura: 625px;
}.aplus-v2 .apm-brand-story-carousel.a-carousel-container {
relleno: 0px;
}

/*
Esto centra el carrusel verticalmente encima del contenedor de la imagen principal y después del área del logotipo (125 px).
Margen superior = (alturaDelHero - alturaDeLaTarjeta - alturaDelAreaDelLogo) / 2 + alturaDelAreaDelLogo
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-interior {
margen superior: 149px;
}

/*
Las tarjetas deben tener un ancho establecido; de lo contrario, el valor predeterminado es de aproximadamente 50 px.
Todas las tarjetas deben tener el mismo ancho. El carrusel se redimensionará para que todas las tarjetas tengan el ancho de la tarjeta más grande.
El margen izquierdo es para dejar un espacio entre cada tarjeta.
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-card {
ancho: 362px;
margen izquierdo: 30px !importante;
}

/* Estilizando los botones de navegación para que sean más altos, alineados con los bordes y tengan un fondo blanco limpio */
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {
relleno: 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {
borde: ninguno;
margen: 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
fondo: #fff;
relleno: 20px 6px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {
radio de borde: 0px 4px 4px 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
radio de borde: 4px 0px 0px 4px;
}