.contenedor-de-novedades{
  width: 100%;
  /* max-width: 850px; */
  margin: auto;
  padding: 10px;
  display: grid;
  gap: 1rem;
  grid-auto-flow: dense;
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
}
.articulo {
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid rgb(204, 204, 204);
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  .articulo h1 {
    height: 2em;
  }

  .articulo img {
    width: 100%;
  }

  .articulo .detalles {
    display: grid;
    grid-template-areas: 'precio';
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  .articulo div {
    text-align: center;
    padding: 1px;
  }

  .articulo div:hover {
    background: rgba(0, 0, 0, 0.05);
  }

  .articulo .marca,
  .articulo .tipo,
  .articulo .formato {
    text-transform: capitalize;
  }
.articulo .marca::before {
  content: "Marca: ";
}

.articulo .ancho::before {
  content: "Ancho: ";
}

.articulo .alto::before {
  content: "Alto: ";
}

.articulo .prof::before {
  content: "Profundidad: ";
}

.articulo .ancho::after,
.articulo .alto::after,
.articulo .prof::after,
.articulo .salida::after {
  content: " cm";
}

.articulo .pot-em::before {
  content: "Pot-Max: ";
}

.articulo .consumo::before {
  content: "Consumo: ";
}

.articulo .pot-fabrica::before {
  content: "Potencia: ";
}

.articulo .pot-em::after,
.articulo .pot-fabrica::after {
  content: " kcal/h";
}

.articulo .consumo::after {
  content: " kg/h";
}

.articulo .peso::before {
  content: "Peso: ";
}

.articulo .peso::after {
  content: " kg";
}

.articulo .carga::before {
  content: "Carga: ";
}

.articulo .carga::after {
  content: " dm3";
}

.articulo .salida::before {
  content: "Chimenea: ";
}

.articulo .precio::before {
  content: "Precio: $";
}

.articulo .encendido-rapido::before {
  content: "Encendido Rapido: ";
}

.articulo .burlete::before {
  content: "Burlete: ";
}

.articulo .tipo,
.articulo .formato {
  display: none;
}

.articulo .precio {
  /* display:block; */
  height: 3.5em;
  margin-top: .5em;
  grid-area: precio;
}

.articulo .puntuacion::before {
  content: "Puntaje: ";
  display: block;
}

.articulo .puntuacion img {
  height: 1em;
  width: 1em;
}

.caracteristicas {
  display: flex;
  flex-wrap: wrap;
}

.caracteristicas .articulo {
  flex: 200px;
}

.caracteristicas .articulo h3 {
  height: 2em;
}

.caracteristicas .articulo div {
  text-align: left;
}

.caracteristicas .articulo img,
.caracteristicas .articulo .puntuacion,
.caracteristicas .articulo .precio {
  display: none;
}