.CajaUno{
  border: 1px solid rgba(156, 155, 155, 0.1);
  border-radius: 6px;
  backdrop-filter: blur(20px);
  background-color: rgb(78, 136, 243, 0.5);
  padding: 10px 10px 5px 5;
  color: #000000;
  font-weight: 600;
  justify-content: space-around;
  align-items: center;
}
.CajaDos{
  border: 1px solid rgba(156, 155, 155, 0.1);
  border-radius: 6px;
  backdrop-filter: blur(20px);
  background-color: rgb(134, 188, 74, 0.5);
  padding: 10px 10px 5px 5;
  color: #000;
  font-weight: 600;
}
.CajaTres{
  border: 1px solid rgba(156, 155, 155, 0.1);
  border-radius: 6px;
  backdrop-filter: blur(20px);
  background-color: rgba(195, 155, 211, 0.8);
  padding: 10px 10px 5px 5;
  color: #000000;
  font-weight: 600;
}
.CajaCuatro{
  border: 1px solid rgba(156, 155, 155, 0.1);
  border-radius: 6px;
  backdrop-filter: blur(20px);
  background-color: rgba(199, 103, 58, 0.8);
  padding: 10px 10px 5px 5;
  color: #fff;
  font-weight: 600;
}

.contenedorCaja {
  display: grid;
  gap: 1px;
  grid-template:"CajaUno CajaDos CajaTres";
  grid-template-columns: auto auto auto;
   
}

@media (max-width: 1068px) {
  .contenedorCaja {
    grid-template:"CajaUno";
    grid-template:"CajaTres";
    grid-template:" CajaTres";
    grid-template-columns: auto;
  }
}

.cajaEstandar{
  
  margin-left: 30%;
  width: 60%;
align-self: center;

  justify-content: space-around;
  align-items: center;
}
.cajaUnica{
  width: 90%;
  margin-left: 3%;
  align-self: center;
  justify-content: space-around;
  align-items: center;
}  
.cajaUnicaCarrito{
  width: 90%;
  margin-left: 3%;
  align-self: center;
  justify-content: space-around;
  align-items: center;
  max-height: 350px;
  overflow: scroll;
}  
.CajaUnicaInternaUno{
  width: 100%;
  border: 1px solid rgba(156, 155, 155, 0.1);
  border-radius: 6px;
  backdrop-filter: blur(20px);
  background-color: rgb(78, 136, 243, 0.5);
  padding: 5px;
  color: #000000;
  font-weight: 600;
  justify-content: space-around;
  align-items: center;
  min-height: 50px;
}
.CajaUnicaInternaUno h1{
  font-size: 90px ;
}
.CajaUnicaInternaUno h2{
  font-size: 70px ;
}
.CajaUnicaInternaSetenta{
  width: 80%;
  float: left;
  border: 1px solid rgba(156, 155, 155, 0.1);
  border-radius: 6px;
  backdrop-filter: blur(20px);
  background-color: rgb(78, 136, 243, 0.5);
  padding: 5px;
  color: #000000;
  font-weight: 600;
  justify-content: space-around;
  align-items: center;
  min-height: 450px;
}
.CajaUnicaInternaSetenta h1{
  font-size: 20px ;
}
.CajaUnicaInternaSetenta h2{
  font-size: 10px ;
}
.contenedorCajaFlotante {
  float: left;
  width: 20%;
}
.CajaReducidaUno{
  float: left;
  width: 15%;
  min-height: 100px;
  border: 1px solid rgba(156, 155, 155, 0.1);
  border-radius: 6px;
  backdrop-filter: blur(20px);
  background-color: rgb(78, 136, 243, 0.5);
  padding: 5px;
  color: #000000;
  font-weight: 600;
  justify-content: space-around;
  align-items: center;
}
.CajaReducidaDos{
  float: left;
  width: 15%;
  min-height: 100px;
  border: 1px solid rgba(156, 155, 155, 0.1);
  border-radius: 6px;
  backdrop-filter: blur(20px);
  background-color: rgb(134, 188, 74, 0.5);
  width: 15%;
  color: #000;
  font-weight: 600;
}
.CajaReducidaTres{
  float: left;
  width: 15%;
  min-height: 100px;
  border: 1px solid rgba(156, 155, 155, 0.1);
  border-radius: 6px;
  backdrop-filter: blur(20px);
  background-color: rgba(195, 155, 211, 0.8);
  padding: 5px;
  color: #000000;
  font-weight: 600;
}
.CajaReducidaCuatro{
  float: left;
  width: 15%;
  min-height: 100px;
  border: 1px solid rgba(156, 155, 155, 0.1);
  border-radius: 6px;
  backdrop-filter: blur(20px);
  background-color: rgba(199, 103, 58, 0.8);
  padding: 5px;
  color: #fff;
  font-weight: 600;
}

.caja50{
  margin-top: -1%;
  float: left;
  width: 40%;
  align-self: center;
  justify-content: space-around;
  align-items: center;
} 
.CajaCategoria{
  width: 100%;
  min-height: 150px;
  border: 1px solid rgba(156, 155, 155, 0.1);
  border-radius: 6px;
  backdrop-filter: blur(20px);
  background-color: rgb(78, 136, 243, 0.5);
  padding: 5px;
  color: #000000;
  font-weight: 600;
  justify-content: space-around;
  align-items: center;
}
