posición: relativa; overflow: oculto; } .aplus-v2 .container-con-imagen-de-fondo ancho: 100%; altura: 100%; Repetición de fondo: sin repetición; background-size: cubre todo el espacio; } posición: relativa; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container > div posición: absoluta; ancho: 100%; } Asegurar que el carrusel ocupa solo el espacio que necesita. Las dimensiones deben ser ajustadas nuevamente en los elementos perfectamente posicionados para que ocupen espacio. */ .aplus-v2 .apm-brand-story-carousel-container, .aplus-v2 .apm-brand-story-carousel-hero-container altura: 625px; ancho: 100%; ancho máximo: 1464px; margin-left: auto; margin-right: auto; overflow: oculto; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container > div altura: 625px; } padding: 0px; } /* Centra el carusel verticalmente encima del contenedor de la imagen del héroe y después de la zona del logotipo (125px). Margen superior = (altura del héroe - altura de la tarjeta - altura del área del logotipo) / 2 + altura del área del logotipo */ .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner margin-top: 149px; } /* Las tarjetas deben tener un ancho definido, de lo contrario se asientan en un valor predeterminado de 50px o similar. Todas las tarjetas deben tener el mismo ancho. El carrusel se ajusta automáticamente para que todas las tarjetas ocupen el mismo ancho que 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; margin-left: 30px !importante! } /*Estilización de los botones de navegación para que sean más altos, se ajusten a los lados 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 padding: 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: sin marco; margin: 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; padding: 20px 6px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner border-radius: 0px 4px 4px 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner border-radius: 4px 0px 0px 4px; } posición: relativa; overflow: oculto; } .aplus-v2 .container-con-imagen-de-fondo ancho: 100%; altura: 100%; Repetición de fondo: sin repetición; background-size: cubre todo el espacio; } padding-right: 0.1rem; } padding-right: 0.1rem; } padding-right: 0.1rem; } padding-right: 0.1rem; } padding-right: 0.1rem; } padding-right: 0.1rem; } padding-right: 0.1rem; }