body {

  background-color: grey;
 
	display: grid;
	place-items: center;
}
 



.caja {
   
   max-width: 90%;
  border: 1px ridge red;
  padding: 0px;
  margin-left: 10%;
   margin-right: 10%;
  background-color: red;
  border-radius: 15px;
  display: inline-block;
 
  align-self: center;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*tecnica llamda  Clearfix , sirve para que el contenedor de  elementos float los englobe con espacios */

.caja::after {
  content: "";  
  display: block;
  clear: both;
}

.imagencarton{ 
  margin-right: 20px;
 float: left;
 border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;


}



p {
 
font-family: Arial, Helvetica, sans-serif;
color: white;
margin-right: 20px;
  text-align: justify;
  
}



a:link { 
  color: white;
  text-decoration: none;
}
a:visited {
  color: white;
}



.grille {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}

.cajagrille {
  background-color: ivory;

  padding: 1px;
  text-align: center;
  border: 1px solid grey;
}