1Alimentación simultánea2Alimentación programada3Diseño a prueba de obstrucciones4Grabación de voz5Fácil de desmontar y limpiar
1Seguro para mascotas y duradero.2Dos opciones de energía
Consejos para una alimentación cálida
.aplus-v2 .apm-brand-story-carrusel-contenedor {
posición: relativa;
}
.aplus-v2 .apm-brand-story-carrusel-hero-contenedor,
.aplus-v2 .apm-brand-story-carrusel-hero-container > div {
posición: absoluta;
ancho: 100%;
}/*
Garantizar que el carrusel ocupe sólo el espacio que necesita.
Es necesario volver a establecer los tamaños en los elementos absolutamente posicionados para que puedan ocupar espacio.
*/
.aplus-v2 .apm-brand-story-carrusel-contenedor,
.aplus-v2 .apm-brand-story-carrusel-hero-container {
altura: 625 px;
ancho: 100%;
ancho máximo: 1464px;
margen izquierdo: automático;
margen derecho: automático;
desbordamiento: oculto;
}
/*
Esto centra el carrusel verticalmente encima del contenedor de la imagen principal y después del área del logotipo (125 px).
Margen superior = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{
margen superior: 149px;
}
/*
Las tarjetas deben tener un ancho establecido; de lo contrario, el valor predeterminado es aproximadamente 50 px.
Todas las tarjetas deben tener el mismo ancho. El carrusel cambiará de tamaño 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-brand-story-carrusel .a-carrusel-tarjeta {
ancho: 362px;
margen izquierdo: 30px! Importante;
}
/* diseñar los botones de navegación para que sean más altos, alineados con los lados y con un fondo blanco limpio */
.aplus-v2 .apm-brand-story-carrusel .a-carrusel-col.a-carrusel-izquierda,
.aplus-v2 .apm-brand-story-carrusel .a-carrusel-col.a-carrusel-derecha {
relleno: 0px;
}
.aplus-v2 .apm-brand-story-carrusel .a-carrusel-col.a-carrusel-izquierda .una-imagen-de-botón,
.aplus-v2 .apm-brand-story-carrusel .a-carrusel-col.a-carrusel-derecha .a-botón-imagen {
borde: ninguno;
margen: 0px;
}
.aplus-v2 .apm-brand-story-carrusel .a-carrusel-col.a-carrusel-izquierda .una-imagen-de-botón .un-botón-interior,
.aplus-v2 .apm-brand-story-carrusel .a-carrusel-col.a-carrusel-derecha .a-botón-imagen .a-botón-interior {
fondo: #fff;
relleno: 20px 6px;
}
.aplus-v2 .apm-brand-story-carousel .a-carrusel-col.a-carrusel-izquierda .a-button-image .a-button-inner {
radio del borde: 0px 4px 4px 0px;
}
.aplus-v2 .apm-brand-story-carrusel .a-carrusel-col.a-carrusel-derecha .a-botón-imagen .a-botón-interior {
radio de borde: 4px 0px 0px 4px;
}