/* CSS Stylesheet */
* {
  box-sizing: content-box;
  font-family: "Montserrat", sans-serif;
}
body {
  margin: 0;
  width: 100%;
  color: #367c2b;
  background-color: #abcc33;
}
header {
  background-color: #abcc33;
  padding: 3rem 0;
  width: 100%;
  text-align: center;
  display: flex;
  flex-flow: column;
  background-image: url("../imagens/fundo1d.png");
  background-size: cover;
  background-attachment: fixed;
  background-position: top;
}
.marca {
  padding: 1rem 0.3rem 1rem 0.3rem;
}
.marca img {
  max-width: 90%;
}
.linkEspecial {
  /*  width: 100%; */
  display: block;
}
.botEsp {
  background-color: #fff;
  color: #fff;
  font-weight: 700;
  margin: auto;
  padding: 0.5rem 1rem;
  border-radius: 1.2rem;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  -ms-border-radius: 1.2rem;
  -o-border-radius: 1.2rem;
  background-image: url("../imagens/fundoNatal24v.jpg");
  background-size: cover;
  background-attachment: local;
  text-shadow: 1px 1px 2px #000;
  cursor: pointer;
}
main {
  padding: 0;
  max-width: 1080px;
  margin: 2rem auto 0 auto;
}
.cabecaCard {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem;
}
.tituloCard {
  font-size: clamp(1.8rem, 6vw, 2.5rem);
  text-align: center;
  width: 100%;
  color: #fff;
  margin: 0;
}
.linkPDF {
  padding: 0.5rem;
  background: #abcc33;
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  user-select: none;
  cursor: pointer;
}
.secCard {
  padding-bottom: 2.5rem;
}
.titSec {
  color: #fff;
  font-size: clamp(1.6rem, 5.5vw, 2.2rem);
  padding: 0 0.5rem 0.5rem 1rem;
  letter-spacing: 0.5rem;
}
.pratos {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.prato {
  display: flex;
  flex-flow: column;
  gap: 4px;
  align-items: center;
  background-color: #dfd;
  background-color: #e3ff90;
  padding: 1rem 0;
  margin-bottom: 1rem;
  box-shadow: 5px 5px 2.5px rgba(0, 0, 0, 0.3);
}
.info {
  width: 90%;
  padding: 0.5rem;
  .obsPrato {
    display: none;
  }
}
.titPrato {
  font-size: 1.5rem;
  padding-top: 5px;
  font-weight: 400;
  letter-spacing: -0.07em;
  padding-bottom: clamp(0.3rem, 1.2vw, 0.5rem);
}
.infoPrato {
  color: #367c2b;
}
.fotoPrato {
  background-color: #fff;
  width: 90%;
  height: max-content;
}
.fotoPrato img {
  width: 100%;
  display: block;
}
.obsPrato {
  width: 90%;
}
.precos {
  width: 90%;
  padding: 0.5rem;
  text-align: right;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 5px;
}
.ede {
  display: block;
  width: 90%;
  text-align: right;
}
.ed {
  display: none;
}
.categ {
  font-size: 0.9rem;
}
.val {
  font-size: 1.5rem;
  letter-spacing: -0.02em;
}

footer {
  text-align: center;
  padding: 1rem 0 4rem 0;
  color: #240;
}
footer a {
  /* text-decoration: none; */
  color: #240;
}
footer .warn {
  color: red;
}
@media (min-width: 768px) {
  header {
    flex-flow: column;
    align-items: center;
    justify-content: space-around;
    .marca {
      width: 100%;
    }
    .linkEspecial {
      /* width: 15%; */
      margin: 1rem;
      .botEsp {
        padding: 1rem;
      }
    }
  }
  .tituloCard {
    font-size: clamp(2.5rem, 6vw, 3rem);
  }

  .titSec {
    font-size: clamp(2rem, 5.7vw, 2.5rem);
  }
  .prato {
    flex-flow: row;
    padding: 1rem;
    .titPrato,
    .val {
      font-size: clamp(1.4rem, 3vw, 1.8rem);
      padding-bottom: clamp(0.3rem, 1.2vw, 0.5rem);
    }
    .obsPrato {
      display: none;
    }
    .fotoPrato {
      order: 0;
    }
    .info {
      width: 100%;
      order: 1;
    }
    .precos {
      width: 30%;
      flex-flow: column;
      align-items: end;
      order: 2;
      .ed {
        display: block;
      }
    }
    .ede {
      display: none;
    }
    .info .obsPrato {
      display: block;
    }
  }
}