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

.aplus-v2 .apm-marca-historia-carrusel-heroe-contenedor,
.aplus-v2 .apm-marca-historia-carrusel-heroe-contenedor > div {
posición: absoluta;
ancho: 100%;
}/*
Asegurarse de que el carrusel ocupe sólo el espacio que necesita.
Es necesario volver a configurar los tamaños en los elementos posicionados absolutamente para que puedan ocupar espacio.
*/
.aplus-v2 .apm-contenedor-de-carrusel-de-historias-de-marca,
.aplus-v2 .apm-marca-historia-carrusel-heroe-contenedor {
altura: 625px;
ancho: 100%;
ancho máximo: 1464px;
margen izquierdo: auto;
margen derecho: auto;
desbordamiento: oculto;
}

/*
Esto centra el carrusel verticalmente en la parte superior del contenedor de la imagen principal y después del área del logotipo (125 px).
Margen superior = (altura del héroe - altura de la tarjeta - altura del área del logotipo) / 2 + altura del área del logotipo
*/
.aplus-v2 .apm-marca-historia-carrusel .a-carrusel-fila-interior{
margen superior: 149px;
}

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

/* dar estilo a los botones de navegación para que sean más altos, estén alineados con los lados y tengan un fondo blanco limpio */
.aplus-v2 .apm-marca-historia-carrusel .a-carrusel-col.a-carrusel-izquierda,
.aplus-v2 .apm-carrusel-de-historias-de-marca .a-carrusel-col.a-carrusel-derecha {
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-carrusel-de-historias-de-marca .a-carrusel-col.a-carrusel-izquierda .a-botón-imagen .a-botón-interior {
radio del borde: 0px 4px 4px 0px;
}

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