body {
  overflow-x: none;
}
.comida {
  font-family: "Source Serif 4";
  color: #C89DD8;
}
.foto-perfil-celular {
  display: none;
}
#cabecalho .nav .nav-link,
.navbar-brand,
.navbar-brand:hover,
.nav-comidas .nav-link.active:hover {
  color: #fff;
}
footer {
  background-color: #b8b5e2;
  color: #fff;
  padding-bottom: 0.1em;
  padding-top: 0.1em;
}
footer p {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.mensagem-atencao {
  font-family: 'Source Serif 4"', 'Arial Narrow', Arial, sans-serif;
}
.metodo {
  display: flex;
  justify-content: center;
}
.metodo .row {
  border-bottom: solid gray 1px;
}
.metodo .card {
  border-radius: 20px;
  width: 35rem;
}
.metodo .card h6 {
  padding-top: 48px;
  margin-bottom: 4px;
}
.metodo .icone {
  font-size: 110px;
  margin: 0, auto;
  vertical-align: middle;
  color: #C89DD8;
}
.metodo .icone i {
  color: #C89DD8;
  font-size: 90px;
}
.textovermelho {
  color: #C89DD8;
}
span {
  font-weight: bolder;
}
#apresentacao {
  background-image: url('./build/img/plano-de-fundo/background-escritorio.png');
  background-size: cover;
  background-repeat: repeat-y;
  overflow-y: hidden;
  display: flex;
  justify-content: center;
}
#apresentacao h2 {
  font-size: 42px;
  font-weight: bolder;
}
#apresentacao h2 {
  color: #472355;
}
#apresentacao h2 span {
  font-weight: bolder;
}
#apresentacao span {
  font-weight: bolder;
}
#apresentacao .col-lg-5 {
  height: 520px;
}
#apresentacao .col-lg-5 .container ul {
  flex-wrap: wrap;
}
#apresentacao .col-lg-5 .container ul li {
  max-width: 80%;
  list-style: none;
  position: relative;
}
#apresentacao .col-lg-5 .container ul li img {
  width: 100%;
  height: 100%;
}
#metodo {
  background-image: url('./build/img/plano-de-fundo/tela-2-teste.jpg');
  background-size: cover;
  background-repeat: round;
}
#metodo .card {
  width: 35rem;
}
.navbar-brand {
  font-family: "Pacifico", Geneva, Tahoma, sans-serif;
}
.navbar-toggler {
  background-color: #fff;
}
.section-title {
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
button a {
  text-decoration: none;
  font-style: none;
  color: #fff;
}
.bi-whatsapp {
  color: green;
  size: 10px;
}
.botao-nutri {
  height: 60px;
  width: 450px;
  border-radius: 100px;
  border-color: #C89DD8;
  background-color: #B8B5E2;
}
.botao-nutri:hover {
  border-color: #B8B5E2;
  background-color: #C89DD8;
}
#Resultados {
  background-image: url(./build/img/mensagens-de-zap/random-whatsapp\ background.jpg);
  position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.carousel-inner {
  border: 0.4em solid #C89DD8;
  border-radius: 10%;
}
#Resultados img {
  cursor: grab;
}
#Resultados button {
  height: 60px;
  width: 450px;
  border-radius: 100px;
}
.social-links a {
  text-decoration: none;
}
#para-quem {
  background-color: #B8B5E2;
  background-image: url(./build/img/plano-de-fundo/creme2.jpg);
  background-size: cover;
  color: #fff;
}
#para-quem h2 {
  color: #C89DD8;
}
#para-quem .border-danger {
  border-color: #C89DD8 !important;
  border-width: 0.5em;
}
#para-quem .card {
  border-radius: 15%;
  height: 80%;
  max-width: 18rem;
}
#para-quem .card .subir-circulo {
  position: relative;
  bottom: 4em;
}
#para-quem .card .text-danger {
  color: #212529 !important;
}
#para-quem .card h1 {
  font-size: 82px;
  display: flex;
  justify-content: center;
}
#para-quem .card h1 .circle {
  font-family: fantasy;
  background-color: #C89DD8;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
  align-content: center;
  border: 2px solid #C89DD8;
  color: #fff;
}
#para-quem .card .card-text {
  position: relative;
  bottom: 3.5em;
}
#quem-sou {
  background-color: #C89DD8;
  background-image: url(./build/img/plano-de-fundo/creme.avif);
}
#quem-sou .container {
  display: flex;
  justify-content: center;
  align-items: center;
}
#quem-sou .container .card {
  height: 32em ;
  width: 62em ;
}
#quem-sou .container .card .texto {
  padding-left: 3em;
}
#quem-sou .container .card .imagem {
  padding-top: 0.3em;
  display: flex;
  justify-content: center;
  align-items: center;
}
#quem-sou .container .card .imagem .circle {
  border-radius: 50%;
  width: 400px;
  height: 500px;
  overflow: hidden;
  position: relative;
  align-content: center;
  border: 8px solid #C89DD8;
  color: #fff;
}
#quem-sou .container .card .imagem .circle img {
  width: 100%;
}
#quem-sou .bg-danger {
  background-color: #B8B5E2 !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #apresentacao {
    width: 100%;
    background-image: url('./build/img/plano-de-fundo/background-escritorio.png');
    background-size: cover;
    overflow-y: hidden ;
    overflow-x: hidden;
  }
  #apresentacao .col-md-5 .container ul li {
    list-style: none;
    position: relative;
    right: 1.5em;
    top: 5em;
  }
  #apresentacao .col-md-5 .container ul li img {
    height: 40em ;
    width: auto;
  }
  #Resultados button {
    height: 60px;
    width: 450px;
    border-radius: 100px;
  }
  #quem-sou .container .card {
    height: 45em ;
    width: 100% ;
  }
  #quem-sou .container .card .texto h4 {
    width: 90%;
    text-align: center;
    padding-bottom: 1em;
  }
  #quem-sou .container .card .texto p {
    text-align: start;
    font-size: 17px;
  }
  #quem-sou .container .card .imagem {
    padding-top: 0.3em;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #quem-sou .container .card .imagem .circle {
    border-radius: 10%;
    width: 100%;
    height: 50%;
    overflow: hidden;
    position: relative;
    align-content: center;
    border: 2px solid #ca9a21;
    color: #fff;
  }
  #quem-sou .container .card .imagem .circle img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  footer p {
    font-size: 0.9em;
    text-align: center;
  }
  #apresentacao {
    height: 50em;
    background-image: url("./build/img/plano-de-fundo/background-sm-escritorio-vazio.png");
    background-size: cover;
    overflow-x: hidden;
    align-content: center;
    text-align: center;
  }
  #apresentacao .pb-3 {
    padding-bottom: 8px !important;
  }
  #apresentacao .container {
    align-content: center;
  }
  #apresentacao .container .fs-sl {
    font-size: medium;
  }
  #apresentacao .container .col-lg-5 {
    width: 100%;
    height: 280px;
  }
  #apresentacao li {
    width: 20em;
    left: 2em;
    top: 0em;
  }
  .carousel-item img {
    height: 280px;
  }
  footer button span {
    font-size: 16px;
  }
  footer ul {
    margin-top: 10px;
  }
  #metodo .card {
    width: 22rem;
  }
  #metodo .card h6 {
    margin-bottom: 100em;
  }
  .metodo {
    display: flex;
    justify-content: center;
  }
  .metodo .row {
    border-bottom: solid gray 1px;
    padding-bottom: 1em;
  }
  .metodo .card {
    border-radius: 20px;
    text-align: center;
  }
  .metodo .card .col-md-3 {
    height: 7.5em;
  }
  .metodo .card .col-md-8 {
    padding-bottom: 1em;
  }
  .metodo .icone {
    font-size: 110px;
    margin: 0, auto;
    vertical-align: middle;
  }
  .metodo .botao-nutri {
    width: 20em;
  }
  .metodo .botao-nutri i {
    display: none;
  }
  #para-quem .container h2 {
    font-size: 30px;
  }
  #para-quem .container .col-lg-3 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1.5em;
  }
  #Resultados button {
    height: 60px;
    width: 350px;
    border-radius: 100px;
  }
  h2 {
    text-align: center;
  }
  .botao-nutri {
    height: 60px;
    width: 350px;
    border-radius: 100px;
  }
  #quem-sou {
    overflow-x: hidden;
  }
  #quem-sou .container .card {
    height: 80em ;
    width: 100% ;
  }
  #quem-sou .container .card .texto h4 {
    width: 90%;
    text-align: center;
    padding-bottom: 1em;
  }
  #quem-sou .container .card .texto p {
    align-items: center;
    text-align: start;
    font-size: 17px;
  }
  #quem-sou .container .card .imagem {
    padding-top: 0.3em;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #quem-sou .container .card .imagem .circle {
    border-radius: 20%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    align-content: center;
    color: #fff;
  }
  #quem-sou .container .card .imagem .circle img {
    width: 100%;
  }
}
.source-serif-4-texto {
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}
.efeito-generic {
  display: hidden;
}