body{
  padding: 0%;
  margin: 0%;
}
.navar{
  background-color: rgb(15, 139, 202);
  height: 55px;
  text-align: center;
  border-bottom: 1px solid rgb(229, 229, 229);;
}
.navar ul li{
  float: left;
  list-style: none;
  margin: 10px;
  width: 470px;
  color: rgb(229, 229, 229);
}
.navar a{
  color: rgb(229, 229, 229);
  text-decoration: none;
  font-size: 20px;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.achatamiento {
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
/*los navabarcitos*/
a{
  text-decoration: none;
  color: black;
}
.navbarcito {
  width: 100%;
}
.navbarcito-line {
  width: 155px;
  height: 3px;
  background-color: #2698d6;
}
.navbarcito2-line {
  width: 125px;
  height: 3px;
  background-color: #9fd040;
  z-index: +1;
}
.navbarcito3-line {
  width: 95px;
  height: 3px;
  background-color: rgb(214, 38, 38);
  z-index: +1;
}
.navbarcito4-line {
  width: 205px;
  height: 3px;
  background-color: rgb(38, 152, 214);
  z-index: +1;
}
.navbarcito5-line {
  width: 155px;
  height: 3px;
  background-color: rgb(38, 214, 108);
  z-index: +1;
}
.navbarcito-content {
  display: flex;
  align-items: left;
}
.navbarcito-options {
  list-style-type: none;
  display: flex;
  gap: 10px;
  margin-right: 210px;
  margin-left: -35px;
}
.navbarcito-options li {
  margin-right: 30px;
}
.navbarcito-arrows {
  display: flex;
  gap: 3px;
}
.titulos{
  width: 217px;
  height: 27px;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
  font-weight: 300;
  font-family: "Gotham";
  margin-bottom: 10px;
}
.fa-cart-shopping{
  color: rgb(70, 171, 205);
}
/*furel*/
.grid-4{
  display:grid;
  grid-template-columns:27% 19% 26% 37%;
}
.ce{
  text-decoration: none;
  margin-right: 70px !important;
}
.rede{
  color:white;
  border-radius: 100%;
  padding: 15px;
  background-color: rgb(77, 162, 201);
}
/*full de los productos*/
.grid-2{
  display:grid;
  grid-template-columns:50% 50%;
}
/*todos los productos*/
.grid-3{
  display:grid;
  grid-template-columns:33% 33% 33%;
}