.reviews-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-color: #dcd7d7;
   border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  
}

.datos-comprador {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-color: #dcd7d7;
   border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  
}

.factura {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-color: #d7d2d2;
   border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
 }
 
.reviews-list {
  list-style: none;
  padding: 0;
}

.review {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #ccc;
}

.review h4 {
  margin-top: 0;
}

.review p {
  margin-bottom: 0;
}

form label {
  display: block;
  margin-bottom: 5px;
}

form input,
form select,
form textarea {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
}

form button {
  display: block;
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
}
.ingreso {
  margin-top: 10px;
 
 
}

.ingreso-div {
  position: absolute;
  right: 33%;
 width: 30%;
  top: 15%;
    border-radius: 20px;
justify-content: center;
align-items: center;
padding: 15px;
background-color: rgba(44, 18, 136, 0.356);
color: white;

}

.imgadmin {
  width: 100%;
  height: auto;
 
 
}

.recetas {
  margin-top: 20px;
  color: white;
  width: 100%;
  height: auto;
  background-color: #88b2f0;  
  padding: 20px;
  border-radius: 10px 10px 0 0;
 
}
.recetasInterior img {
 width: 90%;
 height: auto;
 border-radius: 10% 10% 10% 10%;
 
}
.recetasInterior {
  color: white;
  width: 100%;
  height: auto;
  background-color: #c4cedb4d;
  border: 1px solid #88b2f0; 
  padding: 20px;
  border-radius: 0 0 10px 10px ;
 
}

.btderecha {
  position: relative;
  float:right;
}

.banner2 img {
  width: 80%;
  height: auto;
  border-radius: 10%;
  padding: 10px;
  transition: transform 0.2s ease-in-out;

}

.banner2 img:hover {
  transform: scale(1.1); 

  }

.banner2 p {
  padding: 10px;
  vertical-align: middle;
  color: white;
  
  }

  .banner2  {
    display: flex;
  align-items: center;
    
    }

  .bannercontainer {
        background-color: #39ae6d;
        padding: 10px;
        border-radius: 10px;       
  }

  .formulario {
    position: absolute;
    left: 30%;
    width: 40%;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #59f19de1;
    margin: ;
    padding: 10px;
    border-radius: 10px;       
}

.formulario h1 {
  color: rgb(52, 25, 204);  
  text-align: center;   
}

.formulario h2 {
  font-size: 20px;
  color: rgb(4, 109, 36);  
  text-align: center;   
}

.regalos  {
  position: absolute;
  left: 2%;
   z-index: -1;
}

.listaordenada h3 {
  color: rgb(52, 25, 204);  
  text-align: center;   
}