@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Montserrat:wght@400;700;900&display=swap");
* {
  font-family: "Montserrat", sans-serif;
}

.orange-button {
  background-color: #f47c41;
  color: #ffffff;
  font-weight: bold;
}

.orange-button:hover {
  background-color: #fff;
  color: #dd510c;
}

.orange-button-reverse {
  background-color: #fff;
  color: #f47c41;
  font-weight: bold;
  transition: 0.3s ease all;
}

.orange-button-reverse:hover {
  background-color: #000;
  color: #f47c41;
}

.orange-border-right {
  border-right-style: solid;
  border-right-width: 3px;
  border-right-color: #f47c41;
}

.btn-cta {
  font-size: 2rem;
}

header img {
  max-height: 60px;
}

section {
  padding: 80px 0;
}

@media screen and (max-width: 959px) {
  section {
    padding: 40px 0;
  }
}
#intro {
  background: url("../img/bg-intro.png") no-repeat center center/cover;
}
#intro #evfire {
  width: 100%;
}
#intro h1 {
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: bolder;
  color: #fff;
}
#intro h1.right-text {
  text-align: right;
}
#intro h1.left-text {
  text-align: left;
}
@media screen and (max-width: 959px) {
  #intro h1 {
    font-size: 2rem;
  }
  #intro h1.right-text,
  #intro h1.left-text {
    text-align: center;
  }
  #intro img {
    padding: 40px;
  }
}

#sobre {
  background: url("../img/bg-sobre.png") no-repeat bottom center/cover;
  padding-bottom: 0;
}
#sobre h1 {
  text-transform: uppercase;
  font-size: 4rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
#sobre h1:nth-child(1) {
  background-image: linear-gradient(135deg, rgb(244, 124, 65) 80%, rgb(241, 96, 94) 100%);
}
#sobre h1:nth-child(2) {
  background-image: linear-gradient(135deg, rgb(244, 124, 65) 40%, rgb(241, 96, 94) 100%);
}
#sobre h1:nth-child(3) {
  background-image: linear-gradient(135deg, #f47c41 0%, rgb(241, 96, 94) 100%);
}
#sobre .ingredientes {
  list-style: none;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#sobre .ingredientes li {
  display: flex;
  gap: 10px;
  align-items: strech;
}
#sobre .ingredientes img {
  max-height: 70px;
}
#sobre .ingredientes p {
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.5rem;
}
#sobre .ingredientes li:nth-child(even) * {
  background-color: #f1605e;
  padding: 15px;
}
#sobre .ingredientes li:nth-child(even) *:nth-child(odd) {
  border-radius: 15px 0 0 15px;
}
#sobre .ingredientes li:nth-child(even) *:nth-child(even) {
  border-radius: 0 15px 15px 0;
}
#sobre .ingredientes li:nth-child(odd) * {
  background-color: #f47c41;
  padding: 15px;
}
#sobre .ingredientes li:nth-child(odd) *:nth-child(odd) {
  border-radius: 15px 0 0 15px;
}
#sobre .ingredientes li:nth-child(odd) *:nth-child(even) {
  border-radius: 0 15px 15px 0;
}
#sobre p {
  color: #fff;
}
#sobre span {
  font-weight: bold;
  padding: 0 !important;
}
#sobre #img-atleta {
  width: 100%;
}
#sobre #on-fire {
  width: 100%;
}
#sobre #quebrar-limites {
  font-size: 2rem;
  text-align: center;
  padding: 1rem;
}
@media screen and (max-width: 959px) {
  #sobre {
    padding-bottom: 40px;
  }
  #sobre h1 {
    font-size: 2rem;
    text-align: center;
  }
  #sobre .ingredientes {
    margin-top: 20px;
    padding-left: 0px;
    display: flex;
    align-items: center;
  }
  #sobre .ingredientes p {
    font-size: 1rem;
  }
  #sobre .ingredientes img {
    max-height: 54px;
  }
  #sobre p {
    text-align: center;
  }
  #sobre #on-fire {
    width: 70%;
  }
  #sobre #quebrar-limites {
    font-size: 1.2rem;
  }
  #sobre ul {
    padding: 0px;
  }
  #sobre ul img {
    max-width: 60px;
  }
}

#compre-ja {
  background: url("../img/bg-compre-ja.png") no-repeat top center;
}
#compre-ja #ev-fire {
  width: 100%;
  padding: 0 10%;
}
#compre-ja h1 {
  font-size: 3rem;
  text-transform: uppercase;
  color: #fff;
}
#compre-ja h1 span {
  text-transform: lowercase;
}
#compre-ja h3 {
  color: #fff;
}
#compre-ja h2 {
  font-size: 12rem;
  font-weight: 700;
  color: #fff;
}
#compre-ja h2 p {
  font-size: 1.5rem;
  text-transform: uppercase;
}
#compre-ja h2 p:last-child {
  font-size: 3rem;
  text-transform: uppercase;
}
#compre-ja #seguranca p {
  margin: 0;
  font-weight: bold;
  font-size: 1.125rem;
}
#compre-ja #seguranca div {
  padding: 20px;
}
@media screen and (max-width: 959px) {
  #compre-ja {
    background-size: 100% 780px;
  }
  #compre-ja #ev-fire {
    max-width: 70%;
    display: block;
    margin: 0 auto;
  }
  #compre-ja h1 {
    font-size: 2rem;
    text-align: center;
  }
  #compre-ja h2 span {
    font-size: 6rem;
  }
  #compre-ja h3 {
    font-size: 1.5rem;
    margin-top: 30px;
  }
  #compre-ja #seguranca {
    margin-top: 80px !important;
    padding: 0 20px;
  }
  #compre-ja #seguranca .orange-border-right {
    border-right: 0;
    border-bottom: 3px solid #f47c41;
  }
}
@media screen and (max-width: 599px) {
  #compre-ja {
    background-size: 100% 650px;
  }
  #compre-ja h3 {
    font-size: 1.5rem;
    margin-top: 30px;
  }
}

#testemunhos {
  background: url("../img/bg-testemunhos.png") no-repeat center center/cover;
}
#testemunhos .slide-content {
  max-width: 700px;
  display: block;
  margin: 0 auto;
}
#testemunhos .testemunho {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  gap: 20px;
  align-items: center;
}
#testemunhos .testemunho img {
  border-radius: 50%;
  width: 180px;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 10px solid #f47c41;
}
#testemunhos .testemunho ul {
  list-style: none;
  display: flex;
  gap: 10px;
  padding: 0;
  font-size: 1.5rem;
  text-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  color: #f7ca18;
  width: -moz-fit-content;
  width: fit-content;
}
#testemunhos .testemunho h2 {
  font-weight: bold;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 959px) {
  #testemunhos .swiper-button-next,
  #testemunhos .swiper-button-prev {
    display: none;
  }
  #testemunhos img {
    display: none;
  }
}

#cta {
  background: linear-gradient(135deg, rgb(244, 120, 50) 58%, rgb(241, 89, 86) 100%);
}
#cta h1 {
  text-align: center;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 959px) {
  #cta h1 {
    margin-bottom: 20px;
  }
  #cta img {
    display: none;
  }
}

#sabor {
  background: url("../img/bg-sabor.png") no-repeat center center/cover;
  height: 700px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
#sabor h1 {
  color: #fff;
  text-align: center;
}
#sabor .alinhamento-texto {
  display: flex;
  flex-direction: column;
  max-width: 450px;
  align-items: center;
  justify-content: flex-end;
}

#perguntas-frequentes h1 {
  font-weight: bold;
  margin-bottom: 20px;
}
#perguntas-frequentes .accordion-button {
  font-weight: bold;
  font-size: 2rem;
}
#perguntas-frequentes .accordion-item {
  margin-bottom: 20px;
}
#perguntas-frequentes .accordion-button.collapsed {
  color: #fff;
  background-color: #f15956;
}
#perguntas-frequentes .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #f47832;
}
@media screen and (max-width: 959px) {
  #perguntas-frequentes .accordion-button {
    font-size: 1.2rem;
  }
}

footer {
  padding: 20px 0;
}

#sac {
  color: #606062;
}
#sac h2 {
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 1.5rem;
}
#sac p {
  margin-bottom: 0px;
}

#empresa ul {
  list-style: none;
  font-size: 0.75rem;
  margin-bottom: 0;
}/*# sourceMappingURL=style.css.map */