html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;

font-family: 'Lato', sans-serif;}





body {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(asset/walpaper\ 1\ webp.webp);
  background-size: cover;
 background-repeat: no-repeat;
  background-attachment: fixed;
  flex-direction: column;
}

.logo {
  width: 80%;
  margin: 50px;
}

.local {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.267);
}

.formato-1 {
  margin: 30px;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
}

.formato-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.formato-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}

.formato-4 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  background-color: black;
  padding: 20px;
  border: 0.6em;
}

.formato-5 {
  display: flex;
  margin-top: 50px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.formato-6 {
  display: flex;
  margin-top: 20px;
  margin: 5px;
  justify-content: center;
  align-items: center;
}

.formato-7 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.formato-8 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 100px;
}

.formato-9 {
  display: flex;
  margin-top: 150px;
}

.formato-10 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 100px;
  text-align: center;
}

.formato-11 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.formato-12 {
  background-image: url(asset/walpaper\ negro.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  margin-top: 0%;
  justify-content: center;
  align-items: center;
}

.formato-13 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.formato-14 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.formato-15 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 140px;
}

.formato-16 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  background-color: chartreuse;
  width: 100%;
}

.formato-17{
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 20px;
  flex-wrap: wrap;
}



.formato-18{
  background-image: url(asset/walpaper\ negro.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 20px;
  flex-wrap: wrap;
}


.formato-19{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.subformato-1 {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.subformato-2 {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background-color: rgba(252, 253, 254, 0);
  flex-direction: column;
  border-radius: 0.5em;
  margin-top: 20px; /* https://grabient.com/HQThGYBpgdgFgGzXkgtABmARneyHgAmdLaHPAxO
  fTOYm4OtTQu6dAVg+mJnfWqFguPEJHQAHOHRA?style=linearGradient&steps=15&angle=210 */
}

.subformato-3 {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.subformato-4 {
  display: flex;
  text-align: center;
  width: 300px;
  justify-content: center;
  align-items: center;
}

.subformato-5 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
  width: 100%;
  color: azure;
}

.subformato-6 {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  color: rgb(0, 0, 0);
  margin-top: 50px;
  background-color: rgb(0, 0, 0);
}

.subformato-7 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.subformato-8 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin:20px
}

.subformato-9 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.subformato-10 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.subformato-10 {
  margin-top: 0%;
}

.subformato-11 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 20px;
}

.subformato-12 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 100px;
}

.subformato-13 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 100px;
  text-align: center;
}

.subformato-14 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.subformato-15 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 20px;
}

.subformato-16 {
  display: flex;
  margin: 10px;
}

.subformato-17 {
  background-color: chartreuse;
  margin-top: 30px;
}

.subformato-18{
  
}

.subformato-19{

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 50px;
  text-align: center;

}

.subformato-20{
  margin-top: 100px;
  display: flex;
  justify-content: center;
}


.P-1 {
  margin-top: 20px;
  display: flex;
  margin: 10px;
  color: aliceblue;
}

.p-2 {
  margin-top: 50px;
  background-color: black;
  border-radius: 0.3em;
  color: aliceblue;
}

.p-3{
  color: aliceblue;
}

.img-1 {
  width: 300px;
}

.img-2 {
  width: 300px;
  margin: 20px;
}

.img-3 {
  width: 80%;
  margin-top: 40px;
}

.img-4 {
  width: 300px;
  margin: 20px;
}

.img-5 {
  width: 150px;
  margin: 20px;
}

.img-6 {
  width: 90%;
}

.img-7 {
  width: 300px;
}

.img-8 {
  height: 300px;
}

.img-9 {
  width: 250px;
  margin: 30px;
}

.img-10 {
  width: 290px;
  margin: 20px;
}

.img-11 {
  width: 290px;
  margin: 20px;
}

.img-12 {
  width: 290px;
}

.img-13 {
  width: 290px;
}

.img-14 {
  width: 280px;
  margin: 20px;
}

.img-15{
  width: 90%;
}

.img-16{
  width:270px ;
}

.color {
  color: aliceblue;
}

.tarjetas {
  width: 80px;
  margin: 10px;
}

.estampas {
  flex-wrap: wrap;
  width: 80%;
  padding: 20px;
}

.ropaMasculina {
  width: 300px;
}


.orden-whatsapp{ height: 40px;width:40px;
background-image: url(asset/);}

.disposicion{display: flex;justify-content: center;align-items: center;flex-direction: column;}


.orden-googlemaps{ height: 52px; width: 40px;
background-image: url(asset/);}