Descripción
Reemplazo del ventilador de refrigeración de la CPU del portátil para HP 250 G4 255 G4 Notebook serie 15-AC DC28000GAR0 XRF-813956-002 
* Utilizado cuando dispositivo=escritorio
* Configurado en: configuración/brazil-config/global/brand-story.cfg
*/
/* Debido a que el carrusel se implementa como una lista de ol,
cualquier lista del texto de la tarjeta tendrá un estilo de lista secundaria (letras).
Esto dará una apariencia incorrecta a los espectadores,
por eso configuramos todas las listas al estilo de lista principal (números).*/
.aplus-brand-story-card ol li {
estilo de lista: decimal;
}
/* Contenedores de primer nivel */
.aplus-module.apm-brand-story-hero {
-Moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
tamaño de caja: caja de borde;
ancho: 1464px;
altura: 625 px;
color de fondo:#fff;
}
.aplus-module.apm-brand-story-card {
-Moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
tamaño de caja: caja de borde;
ancho: 362px;
altura: 453 px;
color de fondo:#fff;
}
.apm-marca-story-hero,
.apm-card de historia de la marca {
-Moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
tamaño de caja: caja de borde;
posición: relativa;
ancho: 100%;
altura: 100%;
flotador: ninguno;
}
.aplus-module.brand-story-card-1-four-asin.apm-brand-story-card {
/* Sólo 12px para tener en cuenta el borde de la celda de la imagen */
relleno: 12px;
}
/* Imagen de fondo completa (Hero 1 y Tarjeta 2) */
.aplus-module.apm-brand-story-background-image {
-Moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
tamaño de caja: caja de borde;
desbordamiento: oculto;
posición: absoluta;
ancho: 100%;
altura: 100%;
}
/* Imágenes pequeñas de la tarjeta 1 */
.aplus-module.apm-brand-story-image-row {
-Moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
tamaño de caja: caja de borde;
altura: 185px;
relleno: 0px;
margen: automático;
visualización: flexión;
}
.aplus-module.apm-brand-story-image-row.apm-brand-story-image-cell {
/* Utilice el cuadro de contenido para garantizar que el tamaño de la imagen coincida con el esquema del editor */
-Moz-box-sizing: contenido-box;
-webkit-box-sizing: contenido-box;
tamaño de caja: caja de contenido;
relleno: 0px;
margen: 0px;
ancho: 166 px;
borde: 1px sólido#fff;
}
.aplus-module.apm-brand-story-image-row.apm-brand-story-image-cell.apm-brand-story-image-link {
visualización: bloque;
ancho: 100%;
altura: 100%;
}
.aplus-module.apm-brand-story-image-row.apm-brand-story-image-cell.apm-brand-story-image-link.apm-brand-story-image-img {
visualización: bloque;
ancho: 100%;
altura: 100%;
ajuste del objeto: cubierta;
}
/* Imagen del logotipo de la tarjeta 3 */
.aplus-module.apm-brand-story-logo-image {
-Moz-box-sizing: contenido-box;
-webkit-box-sizing: contenido-box;
tamaño de caja: caja de contenido;
altura: 145px;
margen: 0px 4px;
relleno: 20px;
fondo acolchado: 0px;
}
/* Superposiciones de texto */
.aplus-module.apm-brand-story-text-bottom {
-Moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
tamaño de caja: caja de borde;
posición: absoluta;
fondo: 13px;
izquierda: 13px;
}
.aplus-module.apm-brand-story-hero.apm-brand-story-text-bottom {
color de fondo: r wegar (0,0,06);
color:#fff;
relleno: 13px 65px 13px; /* cuentas para superposición de la primera tarjeta */
ancho: 437 px;
}
.aplus-module.brand-story-card-2-media-asset.apm-brand-story-text-bottom {
color de fondo: r wegar (255, 255, 255, 0,6);
color:#000;
relleno: 13px;
ancho: 336 px;
}
.aplus-module.brand-story-card-1-four-asin.apm-brand-story-text {
margen superior: 8px;
}
.aplus-module.brand-story-card-1-four-asin.apm-brand-story-text.apm-brand-story-text-single {
margen superior: 20px;
}
.aplus-module.brand-story-card-1-four-asin.apm-brand-story-text h3 {
espacio blanco: ahorarap;
desbordamiento: oculto;
texto-transbordamiento: ellipsis;
}
.aplus-module.apm-brand-story-slogan-texto {
-Moz-box-sizing: contenido-box;
-webkit-box-sizing: contenido-box;
tamaño de caja: caja de contenido;
margen: 0px 4px;
relleno: 20px;
}
.aplus-module.apm-brand-story-faq {
-Moz-box-sizing: contenido-box;
-webkit-box-sizing: contenido-box;
tamaño de caja: caja de contenido;
relleno superior: 10px;
}
.aplus-module.apm-brand-story-faq-block {
margen: 0px 10px;
relleno: 10px;
}.aplus-v2.apm-brand-story-carousel-container {
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%;
}/*
Garantizar que el carrusel ocupe sólo el espacio que necesita.
Es necesario volver a colocar los tamaños en los elementos absolutamente posicionados para que puedan ocupar espacio.
*/
.aplus-v2.apm-brand-story-carousel-container,
.aplus-v2.apm-brand-story-carousel-hero-container {
altura: 625 px;
ancho: calc(100% + 15px);
ancho máximo: 1464 px;
margen-izquierda: automático;
margen-derecha: automático;
}
/*
Esto centra el carrusel verticalmente encima del contenedor de la imagen del héroe y después del área del logotipo (125px).
Margin-top=(heroAltura - tarjetaAltura - logoAreaAltura) / 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 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-izquierda: 30px!importante;
}
/* diseñar los botones de navegación para que sean más altos, al ras con los lados y tener un fondo blanco limpio */
.aplus-v2.apm-brand-story-carousel.a-carousel-col.a-carousel-izquierda,
.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-izquierda.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-izquierda.a-button-imagen.a-botón-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-izquierda.a-botón-imagen.a-botón-inner {
límite-río: 0px 4px 4px 0px;
}
.aplus-v2.apm-brand-story-carousel.a-carousel-col.a-carousel-right.a-button-image.a-button-inner {
límite-río: 4px 0px 4px;
}
