@charset "UTF-8";
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
}

body > div > div {
  max-width: 720px;
  margin: 0 auto;
  padding: 2rem;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* TIPOGRAFIA */
.tcenter {
  text-align: center;
}

h1 {
  margin: 2rem auto;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
}

h2 {
  margin: 2rem auto;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.15;
  text-align: center;
}

h3 {
  margin: 2rem auto;
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
}

h4 {
  margin: 2rem auto;
  font-size: 2.2rem;
  font-weight: normal;
  line-height: 1.15;
  text-align: center;
}

p {
  margin: 2rem auto;
  line-height: 1.15;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}

/* BACKGROUND COLORS */
.gray-bg {
  color: #FFFFFF;
  background-color: #16182E;
}

.lgray-bg {
  color: #FFFFFF;
  background-color: #2E3360;
}

.white-bg {
  color: #000000;
  background-color: #FFFFFF;
}
.white-bg p {
  text-shadow: none !important;
}

.orange-bg {
  color: #FFFFFF;
  background-color: #F4442E;
}
.orange-bg p {
  text-shadow: none !important;
}

/* BTNS */
.btn-scroll {
  display: block;
  margin: 2rem auto;
  padding: 2rem;
  font-size: 2.2rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #F4442E;
  border-radius: 50px;
  box-shadow: 0px 5px 10px rgba(244, 68, 46, 0.3137254902);
}

.btn-scroll2 {
  display: block;
  margin: 2rem auto;
  padding: 2rem;
  font-size: 2.2rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #2E3360;
  border-radius: 50px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3137254902);
}

.buy {
  max-width: 90%;
  display: block;
  margin: 2rem auto;
  padding: 1rem;
  font-size: 2.2rem;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #26BC14;
  border-radius: 50px;
  box-shadow: 0px 5px 10px rgba(38, 188, 20, 0.3137254902);
  -webkit-animation: 0.5s infinite alternate pulse;
          animation: 0.5s infinite alternate pulse;
}

@-webkit-keyframes pulse {
  0% {
    scale: 0.95;
  }
  100% {
    scale: 1;
  }
}

@keyframes pulse {
  0% {
    scale: 0.95;
  }
  100% {
    scale: 1;
  }
}
/* ESPECIFICAÇÕES */
nav > li {
  font-size: 1.6rem;
}

/* OFERTA */
.oferta {
  margin: 2rem auto;
  padding: 1rem;
  border: 4px dashed #D4D5D7;
  border-radius: 25px;
}
.oferta img {
  max-width: 75%;
  height: auto;
  margin: 2rem auto;
}

.economic {
  max-width: 75%;
  margin: 0.5rem auto;
  padding: 0.5rem;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background-color: #0000FF;
  border-radius: 25px;
}
.economic p {
  margin: 0 auto;
}

.pix {
  max-width: 75%;
  margin: 0.5rem auto;
  padding: 0.5rem;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background-color: #00BBBB;
  border-radius: 25px;
}
.pix p {
  margin: 0 auto;
}

.shipping {
  max-width: 75%;
  margin: 0.5rem auto;
  padding: 0.5rem;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background-color: #22A711;
  border-radius: 25px;
}
.shipping p {
  margin: 0 auto;
}

/* REVIEWS */
.review {
  margin: 2rem auto;
  padding: 1rem 2rem;
  color: #000000;
  background-color: #FFFFFF;
  border: 2px solid #E4E5E7;
  border-radius: 25px;
}
.review p {
  text-shadow: none;
}
.review p.review-text {
  font-size: 1.8rem;
}

/* FOOTER */
.footer {
  color: #000000;
  background-color: #F4F5F7;
}
.footer p {
  font-size: 1.6rem;
  text-shadow: none;
}
.footer nav {
  margin-bottom: 2rem;
  text-align: center;
}
.footer nav a {
  font-size: 1.6rem;
  text-decoration: none;
  color: #000000;
}

@media (max-width: 540px) {
  #bg001 {
    background-image: url(midias/bg001.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  #bg002 {
    background-image: url(midias/bg002.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #bg003 {
    background-image: url(midias/bg003.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}/*# sourceMappingURL=main.css.map */