@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);
@import url(https://d3e54v103j8qbb.cloudfront.net/fonts/inter/inter.s3.3a4044b2f3.css);
*,
*:after,
*:before, html, h1, h2, h3, h4, h5, p {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}

body {
  font-size: 100%;
  list-style-type: none;
  cursor: default;
}
body .row {
  margin: 0;
}

input[type=number].form-control::-webkit-outer-spin-button,
input[type=number].form-control::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

/* Para Firefox */
input[type=number].form-control {
  -moz-appearance: textfield !important;
}

/* Para remover completamente o estilo padrão */
input[type=number].form-control {
  appearance: none !important;
}

.btn-return {
  border: 1px solid rgb(180, 121, 69);
  border-radius: 50px;
  padding: 1.5rem 3.5rem;
  margin: 20px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #B47945;
  text-decoration: none;
  text-transform: none;
}
.btn-return:hover {
  background-color: rgb(180, 121, 69);
  border: none;
  color: #FFFBF7;
}

.btn-next {
  border-radius: 25px;
  font-weight: 500;
  font-size: 1.3em;
  color: #FFFBF7;
}
.btn-next img {
  width: 30px;
  padding-right: 7px;
}

.btn-prev {
  background-color: #fff;
  border: none;
  padding: 20px;
  margin: 0;
}

.btn-plus {
  border-radius: 50px;
  text-wrap: nowrap;
  background-color: #e4b180;
  padding: 1.5rem 3.5rem;
  font-size: 1.2em;
  font-weight: 700;
  text-decoration: none;
  border: 0;
  color: #fffbf7;
  z-index: 100;
  margin: 20px 0 20px -60px;
}
.btn-plus:hover {
  background-color: rgb(180, 121, 69);
  color: #fff;
}

.btn-brownie {
  position: relative; /* Permite posicionar o spinner dentro do botão */
  border-radius: 50px;
  background-color: rgb(180, 121, 69);
  padding: 1.5rem 3.5rem;
  margin: 20px 0;
  font-size: 1.2em;
  font-weight: 700;
  text-wrap: nowrap;
  text-decoration: none;
  border: 0;
  color: #fffbf7;
  z-index: 100;
}
.btn-brownie:disabled {
  background-color: #ccc; /* Cor cinza para indicar que o botão está desativado */
  cursor: not-allowed;
  opacity: 0.5; /* Opcional: reduz a opacidade para indicar que está desabilitado */
}
.btn-brownie:hover {
  background-color: #e4b180;
  color: #fff;
}
.btn-brownie .spinner {
  border: 4px solid rgba(0, 0, 0, 0.1); /* Light grey */
  border-left: 4px solid rgb(180, 121, 69); /* Color do spinner */
  border-radius: 50%;
  width: 25px;
  height: 25px;
  animation: spin 1s linear infinite;
  position: absolute; /* Posiciona o spinner dentro do botão */
  top: 50%; /* Centraliza verticalmente */
  left: 50%; /* Centraliza horizontalmente */
  transform: translate(-50%, -50%); /* Ajusta o posicionamento para o centro do botão */
  display: none; /* Inicialmente escondido */
}
.btn-brownie .hidden-text {
  display: inline; /* Mostra o texto inicialmente */
}
.btn-brownie .hidden-text.hide {
  display: none; /* Esconde o texto quando a classe hide é adicionada */
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.btn-brownie:focus {
  background-color: rgb(180, 121, 69);
  color: #FFFBF7;
  padding: 1.6rem 3.6rem;
  outline: none;
  font-size: 1.3em;
  box-shadow: 3px 3px 5px rgba(180, 121, 69, 0.66);
}

.btn-google {
  display: none;
  background-color: #EA4335;
  border-radius: 50px;
  font-weight: 500;
  font-size: 1em;
  margin: 10px;
  padding: 1.25em 2em;
  color: #FFFBF7;
}
.btn-google .fa-google {
  font-size: 1.4em;
  padding: 0 5px;
}
.btn-google:hover {
  background-color: #FFFBF7;
  border: 1px solid #EA4335;
  color: #EA4335;
}

.btn-facebook {
  display: none;
  background-color: #486CB4;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: 500;
  font-size: 1em;
  margin: 10px;
  padding: 1.25em 3em;
  color: #FFFBF7;
}
.btn-facebook .fa-facebook-f {
  font-size: 1.4em;
  padding: 0 5px;
}
.btn-facebook:hover {
  opacity: 90%;
  border: 1px solid #486CB4;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .btn-brownie {
    border-radius: 50px;
    background-color: rgb(180, 121, 69);
    padding: 1.25rem 3rem;
    margin: 20px 0;
    font-size: 1.1em;
    font-weight: 700;
    text-wrap: nowrap;
    text-decoration: none;
    border: 0;
    color: #fffbf7;
    z-index: 100;
  }
  .btn-brownie:hover {
    background-color: #e4b180;
    color: #fff;
  }
  .btn-plus {
    border-radius: 50px;
    text-wrap: nowrap;
    background-color: #e4b180;
    padding: 1.25rem 3em;
    font-size: 1.1em;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    color: #fffbf7;
    z-index: 100;
    margin: 20px 0 0 -60px;
  }
  .btn-plus:hover {
    background-color: rgb(180, 121, 69);
    color: #fff;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .btn-brownie {
    border-radius: 50px;
    background-color: rgb(180, 121, 69);
    padding: 1.15rem 2.5rem;
    font-size: 1em;
    font-weight: 600;
    text-wrap: nowrap;
    text-decoration: none;
    border: 0;
    color: #fffbf7;
    z-index: 100;
  }
  .btn-brownie:hover {
    background-color: #e4b180;
    color: #fff;
  }
  .btn-plus {
    border-radius: 50px;
    text-wrap: nowrap;
    background-color: #e4b180;
    padding: 1.25rem 3em;
    font-size: 1.1em;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    color: #fffbf7;
    z-index: 100;
    margin: 0 0 0 -60px;
  }
  .btn-plus:hover {
    background-color: rgb(180, 121, 69);
    color: #fff;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .btn-brownie {
    border-radius: 50px;
    background-color: rgb(180, 121, 69);
    padding: 1.25rem 3rem;
    font-size: 1em;
    font-weight: 600;
    text-wrap: nowrap;
    text-decoration: none;
    border: 0;
    color: #fffbf7;
    z-index: 100;
  }
  .btn-brownie:hover {
    background-color: #e4b180;
    color: #fff;
  }
  .btn-plus {
    border-radius: 50px;
    text-wrap: nowrap;
    background-color: #e4b180;
    padding: 1.25rem 3em;
    font-size: 1.1em;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    color: #fffbf7;
    z-index: 100;
    margin: 0 0 0 -60px;
  }
  .btn-plus:hover {
    background-color: rgb(180, 121, 69);
    color: #fff;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .btn-brownie {
    border-radius: 50px;
    background-color: rgb(180, 121, 69);
    padding: 1.25rem 3rem;
    font-size: 1.3em;
    font-weight: 600;
    text-wrap: nowrap;
    text-decoration: none;
    border: 0;
    color: #fffbf7;
    z-index: 100;
  }
  .btn-brownie:hover {
    background-color: #e4b180;
    color: #fff;
  }
  .btn-plus {
    padding: 1rem 1.6rem;
    border-radius: 50px;
    font-size: 1.2em;
    text-wrap: nowrap;
    background-color: #e4b180;
    color: #fff;
    margin: 10px 0;
  }
  .btn-plus:hover {
    background-color: rgb(180, 121, 69);
    color: #fff;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .btn-brownie {
    width: 100%;
    background-color: rgb(180, 121, 69);
    border-radius: 50px;
    font-size: 0.9em;
    font-weight: 500;
    padding: 1rem 2.3rem;
    color: #fffbf7;
    z-index: 100;
  }
  .btn-brownie:hover {
    background-color: #e4b180;
    color: #fff;
  }
  .btn-plus {
    padding: 1rem 1.6rem;
    border-radius: 50px;
    font-size: 1.2rem;
    text-wrap: nowrap;
    background-color: #e4b180;
    color: #fff;
    margin: 10px 0;
  }
  .btn-plus:hover {
    background-color: rgb(180, 121, 69);
    color: #fff;
  }
}
.promotion {
  display: none;
  position: fixed;
  top: -100%; /* Começa fora da tela */
  left: 0;
  background: rgba(0, 0, 0, 0.39);
  width: 100%;
  height: 100vh;
  z-index: 3000;
  opacity: 0; /* Começa invisível */
  transition: top 1s ease-in-out, opacity 1s ease-in-out; /* Adicionado fade-in */
}
.promotion .promotion-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 90%;
  max-width: 40rem;
  text-align: center;
}
.promotion .promotion-content .close-promotion {
  position: absolute;
  top: 0;
  right: 0;
  color: #B47945;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0 1rem 0 0;
  cursor: pointer;
  font-size: 1rem;
}
.promotion .promotion-content h2 {
  font-size: 1.5rem;
  color: #333;
  margin-bottom: 1rem;
}
.promotion .promotion-content p {
  font-size: 1rem;
  color: #666;
  margin-bottom: 1rem;
}
.promotion .promotion-content button {
  background: #ff6f61;
  color: #fff;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  transition: background 0.3s;
}
.promotion .promotion-content button:hover {
  background: #ff4d3b;
}

.promotion.show {
  top: 0; /* Move para dentro da tela */
  opacity: 1; /* Torna visível */
}

#cache-consent {
  position: fixed;
  bottom: 0;
  left: 10%;
  width: 80%;
  background-color: #f4f4f4;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
  padding: 15px;
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#cache-consent p {
  margin: 0;
  font-size: 14px;
  color: #333;
}

#cache-consent button {
  background-color: rgb(180, 121, 69);
  color: white;
  border: none;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
}

#cache-consent button:hover {
  background-color: #0056b3;
}

/* MENU PRINCIPAL DO SITE */
.nav-header {
  max-width: 82rem;
  width: 100%;
  position: fixed;
  top: 16px;
  left: 50%;
  z-index: 2000;
  transform: translateX(-50%);
  transition: top 0.7s ease-in-out;
}
.nav-header .hidden {
  top: -100px;
}
.nav-header .navbar {
  height: 90px;
  padding: 10px 10px 10px 23px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50px;
}
.nav-header .navbar .navbar-brand {
  z-index: 1100;
}
.nav-header .navbar .navbar-brand img {
  width: 90%;
}
.nav-header .navbar .navbar-toggler {
  z-index: 1100;
}
.nav-header .navbar .navbar-nav {
  width: 78%;
  display: inline-flex;
  justify-content: flex-end;
  font-size: 1.4rem;
  font-weight: 500;
}
.nav-header .navbar .navbar-nav li {
  margin: 0 12px;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .nav-header {
    max-width: 82rem;
    width: 100%;
    position: fixed;
    top: 16px;
    left: 50%;
    z-index: 2000;
    transform: translateX(-50%);
    transition: top 0.7s ease-in-out;
  }
  .nav-header.hidden {
    top: -100px; /* Ajuste conforme necessário para ocultar o header */
  }
  .nav-header .navbar {
    padding: 10px 10px 10px 23px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50px;
  }
  .nav-header .navbar .navbar-brand img {
    width: 90%;
  }
  .nav-header .navbar .navbar-nav {
    width: 78%;
    display: inline-flex;
    justify-content: flex-end;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .nav-header .navbar .navbar-nav li {
    margin: 0 12px;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .nav-header {
    max-width: 82rem;
    width: 95%;
    position: fixed;
    top: 16px;
    left: 50%;
    z-index: 2000;
    transform: translateX(-50%);
    transition: top 0.7s ease-in-out;
  }
  .nav-header.hidden {
    top: -100px; /* Ajuste conforme necessário para ocultar o header */
  }
  .nav-header .navbar {
    padding: 10px 10px 10px 23px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50px;
  }
  .nav-header .navbar .navbar-brand img {
    width: 90%;
  }
  .nav-header .navbar .navbar-nav {
    width: 78%;
    display: inline-flex;
    justify-content: flex-end;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .nav-header .navbar .navbar-nav li {
    margin: 0 12px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .nav-header {
    max-width: 82rem;
    width: 95%;
    position: fixed;
    top: 16px;
    left: 50%;
    z-index: 2000;
    transform: translateX(-50%);
    transition: top 0.7s ease-in-out;
  }
  .nav-header.hidden {
    top: -100px; /* Ajuste conforme necessário para ocultar o header */
  }
  .nav-header .navbar {
    padding: 10px 10px 10px 23px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50px;
  }
  .nav-header .navbar .navbar-brand img {
    width: 80%;
  }
  .nav-header .navbar .navbar-nav {
    width: 78%;
    display: inline-flex;
    justify-content: flex-end;
    font-size: 1.1rem;
    font-weight: 500;
  }
  .nav-header .navbar .navbar-nav li {
    margin: 0 12px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .nav-header {
    max-width: 82rem;
    width: 95%;
    position: fixed;
    top: 16px;
    left: 50%;
    z-index: 2000;
    transform: translateX(-50%);
    transition: top 0.7s ease-in-out;
  }
  .nav-header.hidden {
    top: -100px; /* Ajuste conforme necessário para ocultar o header */
  }
  .nav-header .navbar {
    padding: 10px 10px 10px 23px;
    background: #ffffff;
    border-radius: 50px;
  }
  .nav-header .navbar .navbar-brand img {
    width: 90%;
  }
  .nav-header .navbar .navbar-collapse {
    display: none;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 1000;
    width: 100% !important;
    height: 270px;
    padding: 30px 10px 10px 10px;
    border-radius: 0 0 15px 15px;
    flex: none;
    flex-grow: 0;
    flex-direction: column;
  }
  .nav-header .navbar .navbar-collapse .navbar-nav {
    width: 100%;
  }
  .nav-header .navbar .navbar-collapse .nav-item {
    text-align: right;
  }
  .nav-header .navbar .navbar-collapse a.btn-brownie {
    text-align: center;
  }
  .nav-header .navbar .navbar-collapse.show {
    display: flex;
  }
  .nav-header .navbar .navbar-nav {
    width: 78%;
    display: inline-flex;
    justify-content: flex-end;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .nav-header .navbar .navbar-nav li {
    margin: 0 12px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .nav-header {
    max-width: 82rem;
    width: 95%;
    position: fixed;
    top: 16px;
    left: 50%;
    z-index: 2000;
    transform: translateX(-50%);
    transition: top 0.7s ease-in-out;
  }
  .nav-header.hidden {
    top: -100px; /* Ajuste conforme necessário para ocultar o header */
  }
  .nav-header .navbar {
    padding: 10px 10px 10px 23px;
    background: #ffffff;
    border-radius: 50px;
  }
  .nav-header .navbar .collapse {
    width: 100%;
  }
  .nav-header .navbar .navbar-brand {
    width: 70%;
    padding: 0;
    margin: 0;
  }
  .nav-header .navbar .navbar-collapse {
    display: none;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 1000;
    width: 100% !important;
    height: 270px;
    padding: 30px 10px 10px 10px;
    border-radius: 0 0 15px 15px;
    flex: none;
    flex-grow: 0;
    flex-direction: column;
  }
  .nav-header .navbar .navbar-collapse .navbar-nav {
    width: 100%;
  }
  .nav-header .navbar .navbar-collapse .nav-item {
    text-align: right;
  }
  .nav-header .navbar .navbar-collapse a.btn-brownie {
    text-align: center;
  }
  .nav-header .navbar .navbar-collapse.show {
    display: flex;
  }
  .nav-header .navbar .navbar-toggler {
    display: block;
    margin-right: 10px;
  }
  .nav-header .navbar .navbar-nav {
    width: 78%;
    display: inline-flex;
    justify-content: flex-end;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .nav-header .navbar .navbar-nav li {
    margin: 0 12px;
  }
}
.wpp-action {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgb(180, 121, 69);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation: rotate 3s ease-in-out infinite, pause-anim 10s ease-in-out 0s infinite;
  transition: opacity 0.2s ease;
  display: none;
  box-shadow: 3px 0 10px rgba(180, 121, 69, 0.9);
  z-index: 9999;
}
.wpp-action .link-wpp {
  width: 100%;
}
.wpp-action img {
  width: 100%;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  75% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes pause-anim {
  0% {
    visibility: visible;
  }
  10% {
    visibility: visible;
  }
  100% {
    visibility: visible;
  }
}

.wpp-action.show {
  display: flex;
  opacity: 1;
}

/* HOME */
.home {
  background: url("./../_img/bg/bg-home.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 600px;
  height: 100vh;
}
.home .home-content h1 {
  margin-top: 40vh;
  line-height: 1.1;
  letter-spacing: -4px;
  font-size: 4.5em;
  font-weight: 500;
}
.home .home-content .bg-title {
  background-image: url("../../../../_img/bg/bg-title.png");
  background-position: 50% 90%;
  background-repeat: repeat-x;
  background-size: 100% 32px;
}
.home .home-content .home-sub {
  margin: 50px 0;
}
.home .home-content .home-sub .col-12 {
  display: flex;
  align-items: center;
  padding: 0;
}
.home .home-content .home-sub p {
  font-size: 1.3em;
  line-height: 1.5;
  margin: 0;
}
.home .carousel-vertical {
  width: 100%;
  height: 93vh;
  overflow: hidden;
}
.home .carousel-vertical .carousel-slide1, .home .carousel-vertical .carousel-slide2 {
  z-index: 1;
}
.home .carousel-vertical .home-box1, .home .carousel-vertical .home-box2 {
  width: 250px;
  background-color: rgb(180, 121, 69);
  margin: 20px 0;
  border-radius: 20px;
}
.home .carousel-vertical .home-box1 img, .home .carousel-vertical .home-box2 img {
  width: 100%;
}
.home .carousel-vertical .home-box1 {
  height: 220px;
}
.home .carousel-vertical .home-box2 {
  height: 360px;
}
.home .carousel-vertical .carousel-slide1, .home .carousel-vertical .carousel-slide2 {
  position: relative;
  display: inline-block;
}
.home .carousel-vertical .carousel-slide1 {
  animation: carousel-vertical-box 30s infinite linear;
}
.home .carousel-vertical .carousel-slide2 {
  animation: carousel-vertical-box 22s infinite linear;
}
@keyframes carousel-vertical-box {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
.home .home-footer {
  background-color: #928477;
  width: 100%;
  height: 80px;
  color: #fffbf7;
  z-index: 1000;
}
.home .home-footer .home-footer-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.home .home-footer .home-footer-content h3 {
  padding-left: 40px;
  font-weight: 300;
  font-size: 1.5rem;
}
.home .home-footer .home-footer-content strong {
  font-weight: 600;
}
.home .home-footer .home-footer-content span {
  margin-bottom: 10px;
  padding: 5px;
}
.home .home-footer .home-footer-content a {
  font-size: 1.2rem;
  text-decoration: underline;
  text-underline-offset: 1em;
  color: #FFFBF7;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .home {
    background: url("./../_img/bg/bg-home.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 600px;
    height: 100vh;
  }
  .home .home-content h1 {
    margin-top: 30vh;
    line-height: 1.1;
    letter-spacing: -4px;
    font-size: 4.5em;
    font-weight: 500;
  }
  .home .home-content .bg-title {
    background-image: url("../../../../_img/bg/bg-title.png");
    background-position: 50% 90%;
    background-repeat: repeat-x;
    background-size: 100% 32px;
  }
  .home .home-content .home-sub {
    margin: 50px 0;
  }
  .home .home-content .home-sub .col-12 {
    display: flex;
    align-items: center;
    padding: 0;
  }
  .home .home-content .home-sub p {
    font-size: 1.3em;
    line-height: 1.5;
    margin: 0;
  }
  .home .carousel-vertical {
    width: 100%;
    height: 93vh;
    overflow: hidden;
  }
  .home .carousel-vertical .carousel-slide1, .home .carousel-vertical .carousel-slide2 {
    z-index: 1;
  }
  .home .carousel-vertical .home-box1, .home .carousel-vertical .home-box2 {
    width: 250px;
    background-color: rgb(180, 121, 69);
    margin: 20px 0;
    border-radius: 20px;
  }
  .home .carousel-vertical .home-box1 img, .home .carousel-vertical .home-box2 img {
    width: 100%;
  }
  .home .carousel-vertical .home-box1 {
    height: 220px;
  }
  .home .carousel-vertical .home-box2 {
    height: 360px;
  }
  .home .carousel-vertical .carousel-slide1, .home .carousel-vertical .carousel-slide2 {
    position: relative;
    display: inline-block;
  }
  .home .carousel-vertical .carousel-slide1 {
    animation: carousel-vertical-box 30s infinite linear;
  }
  .home .carousel-vertical .carousel-slide2 {
    animation: carousel-vertical-box 22s infinite linear;
  }
  @keyframes carousel-vertical-box {
    from {
      transform: translateY(0);
    }
    to {
      transform: translateY(-100%);
    }
  }
  .home .home-footer {
    background-color: #928477;
    width: 100%;
    height: 80px;
    color: #fffbf7;
    z-index: 1000;
  }
  .home .home-footer .home-footer-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .home .home-footer .home-footer-content h3 {
    padding-left: 40px;
    font-weight: 300;
    font-size: 1.5rem;
  }
  .home .home-footer .home-footer-content strong {
    font-weight: 600;
  }
  .home .home-footer .home-footer-content span {
    margin-bottom: 10px;
    padding: 5px;
  }
  .home .home-footer .home-footer-content a {
    font-size: 1.2rem;
    text-decoration: underline;
    text-underline-offset: 1em;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .home {
    background: url("./../_img/bg/bg-home.png");
    background-size: cover;
    width: 100%;
    height: 100vh;
  }
  .home .home-content {
    padding-left: 50px;
  }
  .home .home-content h1 {
    margin-top: 30vh;
    line-height: 1.1em;
    letter-spacing: -4px;
    font-size: 4em;
    font-weight: 500;
  }
  .home .home-content .bg-title {
    background-image: url("../../../../_img/bg/bg-title.png");
    background-position: 50% 90%;
    background-repeat: repeat-x;
    background-size: 100% 22px;
  }
  .home .home-content .home-sub {
    width: 100%;
  }
  .home .home-content .home-sub p {
    font-size: 1.1em;
    line-height: 1.5;
    padding-left: 30px;
    margin: 0;
  }
  .home .carousel-vertical {
    width: 100%;
    height: 95vh;
    overflow: hidden;
    margin-left: 10px;
    padding: 0;
  }
  .home .carousel-vertical .carousel-slide1, .home .carousel-vertical .carousel-slide2 {
    z-index: 1;
  }
  .home .carousel-vertical .carousel-slide1 .home-box1, .home .carousel-vertical .carousel-slide1 .home-box2, .home .carousel-vertical .carousel-slide2 .home-box1, .home .carousel-vertical .carousel-slide2 .home-box2 {
    width: 180px;
    background-color: rgb(180, 121, 69);
    margin: 20px 0;
    border-radius: 20px;
  }
  .home .carousel-vertical .carousel-slide1 .home-box1 img, .home .carousel-vertical .carousel-slide1 .home-box2 img, .home .carousel-vertical .carousel-slide2 .home-box1 img, .home .carousel-vertical .carousel-slide2 .home-box2 img {
    width: 100%;
  }
  .home .carousel-vertical .carousel-slide1 .home-box1, .home .carousel-vertical .carousel-slide2 .home-box1 {
    height: 162px;
  }
  .home .carousel-vertical .carousel-slide1 .home-box2, .home .carousel-vertical .carousel-slide2 .home-box2 {
    height: 255px;
  }
  .home .home-footer {
    margin-top: -50px;
    padding: 0;
    position: relative;
    z-index: 10;
  }
  .home .home-footer .home-footer-content {
    display: flex;
    flex-direction: row;
    padding: 0 20px;
  }
  .home .home-footer .home-footer-content h3 {
    padding: 0;
    font-weight: 300;
    font-size: 1.2rem;
  }
  .home .home-footer .home-footer-content strong {
    font-weight: 500;
  }
  .home .home-footer .home-footer-content span {
    margin-bottom: -10px;
    padding: 5px;
  }
  .home .home-footer .home-footer-content a {
    font-size: 0.9rem;
    text-decoration: underline;
    text-underline-offset: 0.7em;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .home {
    background: url("./../_img/bg/bg-home.png");
    width: 100%;
    height: 100vh;
    min-height: 600px;
  }
  .home .home-content {
    padding-left: 30px;
  }
  .home .home-content h1 {
    margin-top: 35vh;
    line-height: 1em;
    letter-spacing: -4px;
    font-size: 3.3em;
    font-weight: 500;
  }
  .home .home-content .bg-title {
    background-image: url("../../../../_img/bg/bg-title.png");
    background-position: 50% 90%;
    background-repeat: repeat-x;
    background-size: 100% 18px;
  }
  .home .home-content .home-sub {
    margin: 30px 0;
    padding: 0;
    display: flex;
    align-items: center;
  }
  .home .home-content .home-sub .col-12 {
    display: flex;
    align-items: center;
    padding: 0;
  }
  .home .home-content .home-sub p {
    margin: 0;
    padding: 0 0 0 18px;
    font-size: 0.9em;
    font-weight: 500;
  }
  .home .carousel-vertical {
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .home .carousel-vertical .carousel-slide1, .home .carousel-vertical .carousel-slide2 {
    z-index: 1;
  }
  .home .carousel-vertical .home-box1, .home .carousel-vertical .home-box2 {
    width: 180px;
    background-color: rgb(180, 121, 69);
    margin: 20px 0;
    border-radius: 20px;
  }
  .home .carousel-vertical .home-box1 img, .home .carousel-vertical .home-box2 img {
    width: 100%;
  }
  .home .carousel-vertical .home-box1 {
    height: 160px;
  }
  .home .carousel-vertical .home-box2 {
    height: 255px;
  }
  .home .carousel-vertical .carousel-slide1, .home .carousel-vertical .carousel-slide2 {
    position: relative;
    display: inline-block;
  }
  .home .carousel-vertical .carousel-slide1 {
    animation: carousel-vertical-box 30s infinite linear;
  }
  .home .carousel-vertical .carousel-slide2 {
    animation: carousel-vertical-box 22s infinite linear;
  }
  @keyframes carousel-vertical-box {
    from {
      transform: translateY(0);
    }
    to {
      transform: translateY(-100%);
    }
  }
  .home .home-footer {
    margin-top: -50px;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
  }
  .home .home-footer .home-footer-content {
    display: flex;
    flex-direction: row;
    padding: 0 20px;
  }
  .home .home-footer .home-footer-content h3 {
    padding: 0;
    font-weight: 300;
    font-size: 1.2rem;
  }
  .home .home-footer .home-footer-content strong {
    font-weight: 500;
  }
  .home .home-footer .home-footer-content span {
    margin-bottom: -10px;
    padding: 5px;
  }
  .home .home-footer .home-footer-content a {
    font-size: 0.9rem;
    text-decoration: underline;
    text-underline-offset: 0.7em;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .home {
    background: url("./../_img/bg/bg-home.png");
    width: 100%;
    height: 100vh;
    min-height: 600px;
  }
  .home .home-content {
    width: 70%;
    padding: 0 10px 60px 10px;
  }
  .home .home-content h1 {
    margin-top: 30vh;
    line-height: 1em;
    letter-spacing: -4px;
    font-size: 3em;
    font-weight: 500;
  }
  .home .home-content .bg-title {
    background-image: url("../../../../_img/bg/bg-title.png");
    background-position: 50% 90%;
    background-repeat: repeat-x;
    background-size: 100% 18px;
  }
  .home .home-content .home-sub {
    margin: 0 auto;
    padding: 30px 0 0 0;
  }
  .home .home-content .home-sub p {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 1em;
    font-weight: 300;
  }
  .home .carousel-vertical {
    display: none;
  }
  .home .home-footer {
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
  }
  .home .home-footer .home-footer-content {
    display: flex;
    flex-direction: row;
    padding: 0 7px;
  }
  .home .home-footer .home-footer-content h3 {
    padding: 0;
    font-weight: 300;
    font-size: 1.2rem;
  }
  .home .home-footer .home-footer-content strong {
    font-weight: 500;
  }
  .home .home-footer .home-footer-content span {
    margin-bottom: -10px;
    padding: 5px;
  }
  .home .home-footer .home-footer-content a {
    font-size: 0.9rem;
    text-decoration: underline;
    text-underline-offset: 0.7em;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .home {
    background: url("./../_img/bg/bg-home.png");
    width: 100%;
    min-width: 320px;
    height: 100vh;
    min-height: 600px;
  }
  .home .home-content {
    width: 100%;
    padding: 0 10px 60px 10px;
  }
  .home .home-content h1 {
    margin-top: 25vh;
    line-height: 3.1rem;
    letter-spacing: -4px;
    font-size: 2.5em;
    font-weight: 500;
  }
  .home .home-content .bg-title {
    background-image: url("../../../../_img/bg/bg-title.png");
    background-position: 50% 90%;
    background-repeat: repeat-x;
    background-size: 100% 18px;
  }
  .home .home-content .home-sub {
    margin: 0 auto;
    padding: 30px 0 0 0;
  }
  .home .home-content .home-sub p {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 300;
  }
  .home .carousel-vertical {
    display: none;
  }
  .home .home-footer {
    border: 1px solid #2196F3;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
  }
  .home .home-footer .home-footer-content {
    display: flex;
    flex-direction: row;
    padding: 0 7px;
  }
  .home .home-footer .home-footer-content h3 {
    padding: 0;
    font-weight: 300;
    font-size: 1.2rem;
  }
  .home .home-footer .home-footer-content strong {
    font-weight: 500;
  }
  .home .home-footer .home-footer-content span {
    margin-bottom: -10px;
    padding: 5px;
  }
  .home .home-footer .home-footer-content a {
    font-size: 0.9rem;
    text-decoration: underline;
    text-underline-offset: 0.7em;
  }
}
.mandatory {
  color: #ff0000;
  font-weight: 600;
}

.overflow-hidden {
  overflow: hidden;
}

.budget-header {
  width: 60%;
  margin: 250px auto 50px auto;
  text-align: center;
}
.budget-header p {
  color: #8F8173;
  font-weight: 600;
}
.budget-header h2 {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -4px;
}

.form-multistep {
  width: 95%;
  margin: 0 auto;
  border-radius: 25px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #fff;
  box-shadow: 0 20px 5px 0 rgb(180, 121, 69);
  /* STEP Principal */
}
.form-multistep .progress-bar {
  width: 100%;
  height: 75px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.form-multistep .progress-bar .step-progress {
  width: 190px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-multistep .progress-bar .step-progress .icon_number {
  padding: 8px 10px;
  margin-right: 7px;
  border-radius: 50%;
  background-color: rgb(180, 121, 69);
  color: #fff;
  font-weight: 500;
}
.form-multistep .progress-bar .active {
  border-bottom: 3px solid rgb(180, 121, 69);
}
.form-multistep .progress-bar .active .progress-bar-text {
  font-weight: 600;
}
.form-multistep .progress-bar .desactive {
  color: #9b9999;
}
.form-multistep .progress-bar .desactive .progress-bar-text {
  font-weight: 300;
}
.form-multistep form {
  padding: 2.5rem 0;
}
.form-multistep .form-step {
  display: none;
  width: 80%;
  margin: 0 auto;
}
.form-multistep .form-step.active {
  display: block;
}
.form-multistep .step-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.form-multistep .step-header h3 {
  font-weight: 400;
  font-size: 1.4rem;
}
.form-multistep .step-header h3 strong {
  font-weight: 500;
}
.form-multistep .step-header p {
  font-weight: 300;
  font-size: 1.1rem;
}
.form-multistep .step-header .step-header-special {
  width: 100%;
  text-align: center;
  padding: 40px 0 0;
  margin-bottom: 20px;
}
.form-multistep .step-header .step-header-termos {
  text-align: center;
  display: flex;
  flex-direction: column;
  margin: 50px auto 0 auto;
}
.form-multistep .step-header .step-header-security {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.form-multistep .step-header .step-header-content {
  background-color: #efeeee;
  padding: 20px;
}
.form-multistep .step-header .step-header-content .step-header-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.form-multistep .step-header .step-header-content .step-header-title .security {
  width: 40px;
  height: 40px;
  margin-left: 10px;
  margin-top: 5px;
  padding: 0;
}
.form-multistep .step-header .step-header-content .step-header-title h4 {
  width: 88%;
  font-size: 1.4em;
  font-weight: 500;
  margin: 0;
}
.form-multistep .step-header .step-header-content .step-header-title .step-header-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-left: 28px;
}
.form-multistep .step-header .step-header-content .step-header-title .step-header-item li {
  font-size: 0.8rem;
  font-weight: 300;
  margin: 7px 0;
}
.form-multistep .step-main .form-choice {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  column-gap: 1.5rem;
}
.form-multistep .step-main .form-choice .ambiente-step label {
  min-width: 150px;
  width: 100%;
  height: 120px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.form-multistep .step-main .form-choice .ambiente-step label .btn-choice {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.form-multistep .step-main .form-choice .ambiente-step label input[type=radio] {
  visibility: hidden;
}
.form-multistep .step-main .form-choice .ambiente-step label:hover {
  border: 1px solid #000;
}
.form-multistep .step-main .span-required {
  font-size: 0.8em;
  color: red;
  display: block;
  transition: display 0.6s ease-in-out;
}
.form-multistep .step-main #span-required-erro {
  font-size: 0.8em;
  color: red;
  display: block;
  margin-left: 10px;
}
.form-multistep .step-main .form-items {
  margin: 20px 0 10px 0;
}
.form-multistep .step-main label {
  margin: 40px 0 10px 0;
  font-size: 0.8rem;
}
.form-multistep .step-main select, .form-multistep .step-main input {
  border: none;
  cursor: pointer;
}
.form-multistep .step-main select {
  margin: 0 12px;
}
.form-multistep .step-main .toppings {
  min-height: 100px;
  margin: 10px 0;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 25px;
  display: flex;
  align-items: center;
}
.form-multistep .step-main .toppings label {
  margin: 0;
}
.form-multistep .step-main .toppings .label-topping-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
}
.form-multistep .step-main .toppings .label-topping-content img {
  border-radius: 15px;
  margin: 0 10px;
}
.form-multistep .step-main .toppings .label-topping-content .label-topping-text {
  width: 100%;
}
.form-multistep .step-main .toppings .label-topping-content .quantity-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.form-multistep .step-main .toppings .label-topping-content .quantity-item input {
  margin-left: 10px;
  width: 55px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.form-multistep .step-main .toppings .label-topping-content .quantity-item .error-required {
  margin-left: 20px;
  color: red;
  display: none;
}
.form-multistep .step-main .toppings .label-topping-content .btn-toppings {
  position: relative;
  top: -35px;
  right: -95%;
  width: 30px;
  height: 30px;
}
.form-multistep .step-main .input-group {
  margin-bottom: 7px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
}
.form-multistep .step-main .input-group .input-group-addon {
  padding: 4px;
}
.form-multistep .step-main .form-control:focus {
  box-shadow: none;
  border-color: initial;
}
.form-multistep .step-main .termos {
  padding: 20px;
  background-color: #f7f7f7;
}
.form-multistep .step-main .termos p {
  text-align: justify;
  margin-top: 20px;
  margin-left: 20px;
}
.form-multistep .step-main .step-date {
  margin: 20px 0;
}
.form-multistep .step-main .step-date .calendar-container {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.form-multistep .step-main .step-date .calendar-container #calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
}
.form-multistep .step-main .step-date .calendar-container #calendar-header button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 12px;
}
.form-multistep .step-main .step-date .calendar-container #calendar-header button:hover {
  color: #2196F3; /* Cor no hover */
}
.form-multistep .step-main .step-date .calendar-container #calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr); /* Grade com 7 colunas para os dias da semana */
  gap: 2px;
  margin-top: 20px;
}
.form-multistep .step-main .step-date .calendar-container #calendar div {
  padding: 0;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s;
}
.form-multistep .step-main .step-date .calendar-container #calendar div:hover {
  background-color: #d3d3d3;
}
.form-multistep .step-main .step-date .calendar-container #calendar .selected {
  background-color: #2196F3;
  color: #fff;
}
.form-multistep .step-main .step-date .calendar-container .disabled {
  color: #ccc;
  text-decoration: line-through;
}
.form-multistep .step-main .step-date .calendar-container .highlight {
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  color: #000;
}
.form-multistep .step-main .summary-item {
  min-height: 200px;
  height: 100%;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  padding: 20px;
  margin-top: 20px;
}
.form-multistep .step-main .summary-item .summary-ambient {
  width: 100%;
  padding: 10px;
  border-radius: 15px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  text-align: center;
}
.form-multistep .step-main .summary-item .summary-ambient img {
  width: 70%;
}
.form-multistep .step-main .summary-item .summary-descript {
  width: 90%;
  height: 90%;
  padding: 0 15px;
}
.form-multistep .step-main .summary-item .summary-descript .col-12 {
  padding: 0;
}
.form-multistep .step-main .summary-item .summary-descript h4 {
  margin-bottom: 20px;
}
.form-multistep .step-main .summary-item .summary-descript p {
  font-size: 1.1em;
}
.form-multistep .step-main #box-address {
  max-height: 100%;
  height: 80px;
  margin-top: 26px;
  display: none;
}
.form-multistep .step-main .address {
  display: flex;
  flex-direction: row;
  padding: 12px;
}
.form-multistep .step-main .address .fa-location-dot {
  font-size: 40px;
}
.form-multistep .step-main .address p {
  padding: 10px 25px;
  font-size: 1.15rem;
}
.form-multistep .step-main .data-client {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.form-multistep .step-footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.form-multistep .step-footer .g-signin2 {
  cursor: pointer;
}
.form-multistep .step-footer .loginPopup {
  display: none;
  width: 500px;
  min-height: 600px;
  background-color: #FFFBF7;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 25px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  z-index: 100;
}
.form-multistep .step-footer .loginPopup .popup-header {
  width: 100%;
  display: flex;
  justify-content: end;
}
.form-multistep .step-footer .loginPopup .popup-header #closePopup {
  width: 30px;
  height: 30px;
  background-color: #FFFBF7;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.form-multistep .checkout {
  background-color: #F6F6F6;
  border-radius: 10px;
  padding: 20px;
  min-height: 700px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.form-multistep .checkout .checkout-main .checkout-header {
  padding: 0 0 20px 0;
}
.form-multistep .checkout .checkout-main .checkout-header p {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
}
.form-multistep .checkout .checkout-main .checkout-payment .payment-pix, .form-multistep .checkout .checkout-main .checkout-payment .payment-card {
  background-color: #FFF;
  width: 100%;
  height: 60px;
  margin: 7px 0;
  padding: 0 15px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.form-multistep .checkout .checkout-main .checkout-payment label input[type=radio] {
  margin-right: 10px;
}
.form-multistep .checkout .checkout-main .checkout-payment .credit-card {
  display: none;
}
.form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main {
  background-color: #fff;
  padding: 20px;
}
.form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .mb-3 {
  padding-bottom: 30px;
}
.form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-1, .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-2, .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-3 {
  padding: 0;
}
.form-multistep .checkout .checkout-main .checkout-payment .payment-secure {
  height: 110px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  display: flex;
  padding: 20px;
  flex-direction: row;
  align-items: center;
  margin-top: 50px;
}
.form-multistep .checkout .checkout-main .checkout-payment .payment-secure img {
  padding-right: 15px;
}
.form-multistep .checkout .checkout-main .checkout-payment .payment-secure .secure-text h5 {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.4);
}
.form-multistep .checkout .checkout-main .checkout-payment .payment-secure .secure-text p {
  font-weight: 400;
  font-size: 0.8rem;
}
.form-multistep .checkout .checkout-main .checkout-payment .payment-certify {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.form-multistep .checkout .checkout-aside {
  border-radius: 15px;
}
.form-multistep .checkout .checkout-aside .checkout-summary {
  background-color: #fff;
  border-radius: 10px;
  min-height: 500px;
  height: 100%;
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.form-multistep .checkout .checkout-aside .checkout-summary .budget-summary {
  border: 1px solid rgba(180, 121, 69, 0.8);
  border-radius: 15px;
  margin: 10px 0;
  padding: 7px;
  font-size: 0.9em;
}
.form-multistep .checkout .checkout-aside .checkout-summary .summary {
  background: #F4F4F4;
  border-radius: 10px;
  padding: 10px 15px;
  font-size: 0.8rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
}
.form-multistep .checkout .checkout-aside .checkout-summary .summary-footer {
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: end;
}
.form-multistep .checkout .checkout-aside .checkout-summary .summary-footer .subdivision {
  font-size: 0.8rem;
}
.form-multistep .checkout .checkout-aside .checkout-termos {
  background: #FFF;
  height: 50px;
  margin: 20px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
  border-radius: 10px;
}
.form-multistep .checkout .checkout-aside .checkout-termos input {
  margin-right: 10px;
}
.form-multistep .checkout .checkout-aside .modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  padding-top: 60px;
}
.form-multistep .checkout .checkout-aside .modal .modal-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  max-height: 80vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.form-multistep .checkout .checkout-aside .modal .modal-content .modal-header {
  position: sticky;
  top: 0;
  background-color: #fff; /* Fundo para garantir que o botão fique visível */
  padding: 10px;
  border-bottom: 1px solid #888;
  z-index: 1; /* Para garantir que o botão fique sobre o conteúdo */
}
.form-multistep .checkout .checkout-aside .modal .modal-content .modal-button {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  z-index: 2; /* Para garantir que o botão fique acima do header */
}
.form-multistep .checkout .checkout-aside .modal .modal-content .modal-button:hover {
  background-color: #0056b3;
}
.form-multistep .checkout .checkout-aside .modal .modal-content .modal-body {
  flex: 1;
  overflow-y: auto;
  padding: 0 25px;
}
.form-multistep .checkout .checkout-aside .modal .modal-content .modal-footer {
  background-color: #f1f1f1;
  padding: 10px;
  text-align: center;
  position: sticky;
  bottom: 0;
}
.form-multistep .checkout .checkout-aside .modal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
.form-multistep .checkout .checkout-aside .modal .close:hover, .form-multistep .checkout .checkout-aside .modal .close:focus {
  color: black;
  text-decoration: none;
}
.form-multistep .checkout .checkout-aside .checkout-footer {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.form-multistep .checkout .checkout-aside .checkout-footer p {
  padding-top: 20px;
  font-size: 0.7rem;
}
.form-multistep .payment-qrcode {
  width: 80%;
  margin: 100px auto;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.form-multistep .payment-qrcode .payment-png {
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  width: 350px;
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  margin-top: 50px;
}
.form-multistep .payment-qrcode .payment-png img {
  width: 100%;
}
.form-multistep .payment-qrcode .timer {
  font-size: 1.3em;
  font-family: Arial, sans-serif;
  text-align: center;
  padding: 10px;
}
.form-multistep .payment-qrcode .warning-pix {
  margin: 20px 0;
}
.form-multistep .payment-qrcode .copy-confirmation {
  margin: 0;
  padding: 0;
}
.form-multistep .payment-qrcode .copy-qrcode {
  width: 60%;
  height: 100%;
  margin: 20px 0 0 0;
  padding: 0;
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.form-multistep .payment-qrcode .copy-qrcode .qrcode-text {
  min-height: 50px;
  white-space: nowrap; /* Impede a quebra de linha */
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.form-multistep .payment-qrcode .copy-qrcode .qrcode-text p {
  padding: 0;
  margin: 0;
}
.form-multistep .payment-qrcode .copy-qrcode .copy-text {
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: end;
}
.form-multistep .payment-qrcode .copy-qrcode .copy-text .copy-button {
  width: 100px;
  min-height: 50px;
  height: 100%;
  border: none;
  border-radius: 0 15px 15px 0;
  margin: 0;
}
.form-multistep .payment-confirm {
  padding: 100px 0;
}
.form-multistep .payment-confirm .step-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-multistep .payment-confirm .step-header .icon-success {
  display: none;
  animation: bounce 3s ease-in-out infinite;
  filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.3)); /* Configura a sombra */
  margin: 30px auto;
}
.form-multistep .payment-confirm .step-header .icon-danger {
  display: none;
  animation: bounce 3s ease-in-out infinite;
  filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.3)); /* Configura a sombra */
  margin: 30px auto;
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-20px);
  }
  20% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.form-multistep .payment-confirm .step-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.form-multistep .payment-confirm .step-main h5 {
  margin: 20px 0;
}
.form-multistep .saveModal {
  width: 700px;
  height: 300px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  margin: 100px auto;
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .budget-header {
    width: 60%;
    margin: 250px auto 50px auto;
    text-align: center;
  }
  .budget-header p {
    color: #8F8173;
    font-weight: 600;
  }
  .budget-header h2 {
    font-size: 4rem;
    font-weight: 500;
    letter-spacing: -4px;
  }
  .form-multistep {
    width: 95%;
    margin: 0 auto;
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #fff;
    box-shadow: 0 20px 5px 0 rgb(180, 121, 69);
    /* STEP Principal */
  }
  .form-multistep form {
    padding: 2.5rem 2rem;
  }
  .form-multistep .form-step {
    display: none;
    width: 80%;
    margin: 0 auto;
  }
  .form-multistep .form-step.active {
    display: block;
  }
  .form-multistep .progress-bar {
    width: 100%;
    height: 75px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .form-multistep .progress-bar .step-progress {
    width: 190px;
    height: 70px;
    display: flex;
    align-items: center;
  }
  .form-multistep .progress-bar .icon-number {
    padding: 8px 10px;
    margin-right: 7px;
    border-radius: 50%;
    background-color: rgb(180, 121, 69);
    color: #fff;
    font-weight: 500;
  }
  .form-multistep .progress-bar .active {
    border-bottom: 3px solid rgb(180, 121, 69);
  }
  .form-multistep .progress-bar .active .progress-bar-text {
    font-weight: 600;
  }
  .form-multistep .progress-bar .desactive {
    color: #9b9999;
  }
  .form-multistep .progress-bar .desactive .progress-bar-text {
    font-weight: 300;
  }
  .form-multistep .step-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .form-multistep .step-header h3 {
    font-weight: 400;
    font-size: 1.4rem;
  }
  .form-multistep .step-header h3 strong {
    font-weight: 500;
  }
  .form-multistep .step-header p {
    font-weight: 300;
    font-size: 1.1rem;
  }
  .form-multistep .step-header .step-header-special {
    width: 100%;
    text-align: center;
    padding: 40px 0 0;
    margin-bottom: 20px;
  }
  .form-multistep .step-header .step-header-termos {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 50px auto 0 auto;
  }
  .form-multistep .step-header .step-header-security {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .form-multistep .step-header .step-header-content {
    background-color: #efeeee;
    padding: 20px;
  }
  .form-multistep .step-header .step-header-content .step-header-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
  }
  .form-multistep .step-header .step-header-content .step-header-title .security {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title h4 {
    width: 88%;
    font-size: 1.4em;
    font-weight: 500;
    margin: 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title .step-header-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-left: 28px;
  }
  .form-multistep .step-header .step-header-content .step-header-title .step-header-item li {
    font-size: 0.8rem;
    font-weight: 300;
    margin: 7px 0;
  }
  .form-multistep .step-main .form-choice {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 1.5rem;
  }
  .form-multistep .step-main .form-choice .ambiente-step label {
    min-width: 150px;
    width: 100%;
    height: 120px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .form-multistep .step-main .form-choice .ambiente-step label .btn-choice {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .form-multistep .step-main .form-choice .ambiente-step label input[type=radio] {
    visibility: hidden;
  }
  .form-multistep .step-main .form-choice .ambiente-step label:hover {
    border: 1px solid #000;
  }
  .form-multistep .step-main .span-required {
    font-size: 0.8em;
    color: red;
    display: block;
    transition: display 0.6s ease-in-out;
  }
  .form-multistep .step-main #span-required-erro {
    font-size: 0.8em;
    color: red;
    display: block;
    margin-left: 10px;
  }
  .form-multistep .step-main .form-items {
    margin: 20px 0 10px 0;
  }
  .form-multistep .step-main label {
    margin: 40px 0 10px 0;
    font-size: 0.8rem;
  }
  .form-multistep .step-main select, .form-multistep .step-main input {
    border: none;
    cursor: pointer;
  }
  .form-multistep .step-main select {
    margin: 0 12px;
  }
  .form-multistep .step-main .toppings {
    min-height: 100px;
    margin: 10px 0;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 25px;
    display: flex;
    align-items: center;
  }
  .form-multistep .step-main .toppings label {
    margin: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
  }
  .form-multistep .step-main .toppings .label-topping-content img {
    border-radius: 15px;
    margin: 0 10px;
    height: 90%;
  }
  .form-multistep .step-main .toppings .label-topping-content .label-topping-text {
    width: 100%;
  }
  .form-multistep .step-main .toppings .label-topping-content .quantity-item {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .form-multistep .step-main .toppings .label-topping-content .quantity-item input {
    margin-left: 10px;
    width: 70px;
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
  .form-multistep .step-main .toppings .label-topping-content .quantity-item .error-required {
    margin-left: 20px;
    color: red;
    display: none;
  }
  .form-multistep .step-main .toppings .label-topping-content .btn-toppings {
    position: relative;
    top: -30px;
    right: -95%;
    width: 30px;
    height: 30px;
  }
  .form-multistep .step-main .input-group {
    margin-bottom: 7px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  }
  .form-multistep .step-main .input-group .input-group-addon {
    padding: 4px;
  }
  .form-multistep .step-main .form-control:focus {
    box-shadow: none;
    border-color: initial;
  }
  .form-multistep .step-main .termos {
    padding: 20px;
    background-color: #f7f7f7;
  }
  .form-multistep .step-main .termos p {
    text-align: justify;
    margin-top: 20px;
    margin-left: 20px;
  }
  .form-multistep .step-main .step-date {
    margin: 20px 0;
  }
  .form-multistep .step-main .step-date .calendar-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header button:hover {
    color: #2196F3; /* Cor no hover */
  }
  .form-multistep .step-main .step-date .calendar-container #calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* Grade com 7 colunas para os dias da semana */
    gap: 5px;
    margin-top: 20px;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar div {
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar div:hover {
    background-color: #d3d3d3; /* Cor no hover */
  }
  .form-multistep .step-main .step-date .calendar-container #calendar .selected {
    background-color: #2196F3; /* Cor de fundo do dia selecionado */
    color: #fff; /* Cor do texto no dia selecionado */
  }
  .form-multistep .step-main .step-date .calendar-container .disabled {
    color: #ccc; /* Cor dos dias desabilitados */
    text-decoration: line-through; /* Linha sobre os dias desabilitados */
  }
  .form-multistep .step-main .step-date .calendar-container .highlight {
    position: relative;
    background-color: rgba(0, 0, 0, 0.3); /* Destaque para dias especiais */
    color: #000; /* Cor do texto nos dias destacados */
  }
  .form-multistep .step-main .summary-item {
    min-height: 200px;
    height: 100%;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    padding: 20px;
    margin: 20px 0;
  }
  .form-multistep .step-main .summary-item .summary-ambient {
    width: 100%;
    border-radius: 15px;
    text-align: center;
  }
  .form-multistep .step-main .summary-item .summary-ambient img {
    width: 70%;
  }
  .form-multistep .step-main .summary-item .summary-descript {
    width: 90%;
    height: 90%;
    padding: 0 15px;
  }
  .form-multistep .step-main .summary-item .summary-descript .col-12 {
    padding: 0;
  }
  .form-multistep .step-main .summary-item .summary-descript h4 {
    margin-bottom: 20px;
  }
  .form-multistep .step-main .summary-item .summary-descript p {
    font-size: 1.1em;
  }
  .form-multistep .step-main #box-address {
    max-height: 100%;
    height: 80px;
    margin-top: 26px;
    display: none;
  }
  .form-multistep .step-main .address {
    display: flex;
    flex-direction: row;
    padding: 12px;
  }
  .form-multistep .step-main .address .fa-location-dot {
    font-size: 40px;
  }
  .form-multistep .step-main .address p {
    padding: 10px 25px;
    font-size: 1.15rem;
  }
  .form-multistep .step-main .data-client {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .form-multistep .step-footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .form-multistep .step-footer .g-signin2 {
    cursor: pointer;
  }
  .form-multistep .step-footer .loginPopup {
    display: none;
    width: 500px;
    min-height: 600px;
    background-color: #FFFBF7;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 25px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    z-index: 100;
  }
  .form-multistep .step-footer .loginPopup .popup-header {
    width: 100%;
    display: flex;
    justify-content: end;
  }
  .form-multistep .step-footer .loginPopup .popup-header #closePopup {
    width: 30px;
    height: 30px;
    background-color: #FFFBF7;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  .form-multistep .checkout {
    background-color: #F6F6F6;
    border-radius: 10px;
    padding: 20px;
    min-height: 700px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-main .checkout-header {
    padding: 0 0 20px 0;
  }
  .form-multistep .checkout .checkout-main .checkout-header p {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-pix, .form-multistep .checkout .checkout-main .checkout-payment .payment-card {
    background-color: #FFF;
    width: 100%;
    height: 60px;
    margin: 7px 0;
    padding: 0 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-main .checkout-payment label input[type=radio] {
    margin-right: 10px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card {
    display: none;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main {
    background-color: #fff;
    padding: 20px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .mb-3 {
    padding-bottom: 30px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-1, .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-2, .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-3 {
    padding: 0;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure {
    height: 110px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    display: flex;
    padding: 20px;
    flex-direction: row;
    align-items: center;
    margin-top: 50px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure img {
    padding-right: 15px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure .secure-text h5 {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.4);
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure .secure-text p {
    font-weight: 400;
    font-size: 0.8rem;
  }
  .form-multistep .checkout .checkout-aside {
    border-radius: 15px;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary {
    background-color: #fff;
    border-radius: 10px;
    min-height: 500px;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .budget-summary {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    margin: 10px 0;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 0.8rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary-footer {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary-footer .subdivision {
    font-size: 0.8rem;
  }
  .form-multistep .checkout .checkout-aside .checkout-termos {
    background: #FFF;
    height: 50px;
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
    border-radius: 10px;
  }
  .form-multistep .checkout .checkout-aside .checkout-termos input {
    margin-right: 10px;
  }
  .form-multistep .checkout .checkout-aside .checkout-footer {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .form-multistep .checkout .checkout-aside .checkout-footer p {
    padding-top: 20px;
    font-size: 0.7rem;
  }
  .form-multistep .payment-qrcode {
    width: 80%;
    margin: 50px auto;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .form-multistep .payment-qrcode .warning-pix {
    margin: 20px 0;
  }
  .form-multistep .payment-qrcode .copy-confirmation {
    margin: 0;
    padding: 0;
  }
  .form-multistep .payment-qrcode .copy-qrcode {
    width: 70%;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .budget-header {
    width: 50%;
    margin: 250px auto 50px auto;
    text-align: center;
  }
  .budget-header p {
    color: #8F8173;
    font-weight: 600;
    font-size: 0.8rem;
  }
  .budget-header h2 {
    font-size: 3.5rem;
    font-weight: 500;
    letter-spacing: -4px;
  }
  .form-multistep {
    width: 95%;
    margin: 0 auto;
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #fff;
    box-shadow: 0 20px 5px 0 rgb(180, 121, 69);
    /* STEP Principal */
  }
  .form-multistep form {
    padding: 2.5rem 2rem;
  }
  .form-multistep .form-step {
    display: none;
    width: 80%;
    margin: 0 auto;
  }
  .form-multistep .form-step.active {
    display: block;
  }
  .form-multistep .progress-bar {
    width: 100%;
    height: 75px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .form-multistep .progress-bar .step-progress {
    width: 190px;
    height: 70px;
    display: flex;
    align-items: center;
  }
  .form-multistep .progress-bar .icon-number {
    padding: 8px 10px;
    margin-right: 7px;
    border-radius: 50%;
    background-color: rgb(180, 121, 69);
    color: #fff;
    font-weight: 500;
  }
  .form-multistep .progress-bar .active {
    border-bottom: 3px solid rgb(180, 121, 69);
  }
  .form-multistep .progress-bar .active .progress-bar-text {
    font-weight: 600;
  }
  .form-multistep .progress-bar .desactive {
    color: #9b9999;
  }
  .form-multistep .progress-bar .desactive .progress-bar-text {
    font-weight: 300;
  }
  .form-multistep .step-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .form-multistep .step-header h3 {
    font-weight: 400;
    font-size: 1.4rem;
  }
  .form-multistep .step-header h3 strong {
    font-weight: 500;
  }
  .form-multistep .step-header p {
    font-weight: 300;
    font-size: 1.1rem;
  }
  .form-multistep .step-header .step-header-special {
    width: 100%;
    text-align: center;
    padding: 40px 0 0;
    margin-bottom: 20px;
  }
  .form-multistep .step-header .step-header-termos {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 50px auto 0 auto;
  }
  .form-multistep .step-header .step-header-security {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .form-multistep .step-header .step-header-content {
    background-color: #efeeee;
  }
  .form-multistep .step-header .step-header-content .step-header-title .security {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title h4 {
    font-size: 1.1rem;
    font-weight: 300;
    margin: 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title .step-header-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-left: 28px;
  }
  .form-multistep .step-header .step-header-content .step-header-title .step-header-item li {
    font-size: 0.8rem;
    font-weight: 300;
    margin: 7px 0;
  }
  .form-multistep .step-main .form-choice {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 1.5rem;
  }
  .form-multistep .step-main .ambiente-step label {
    min-width: 120px;
    width: 100%;
    height: 120px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .form-multistep .step-main .ambiente-step label .btn-choice {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .form-multistep .step-main .ambiente-step label input[type=radio] {
    visibility: hidden;
  }
  .form-multistep .step-main .ambiente-step label:hover {
    border: 1px solid #000;
  }
  .form-multistep .step-main .span-required {
    font-size: 0.8em;
    color: red;
    display: block;
    transition: display 0.6s ease-in-out;
  }
  .form-multistep .step-main #span-required-erro {
    font-size: 0.8em;
    color: red;
    display: block;
    margin-left: 10px;
  }
  .form-multistep .step-main .form-items {
    margin: 20px 0 10px 0;
  }
  .form-multistep .step-main label {
    margin: 40px 0 10px 0;
    font-size: 0.8rem;
  }
  .form-multistep .step-main select, .form-multistep .step-main input {
    border: none;
    cursor: pointer;
  }
  .form-multistep .step-main select {
    margin: 0 12px;
  }
  .form-multistep .step-main .toppings {
    min-height: 100px;
    margin: 10px 0;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 25px;
    display: flex;
    align-items: center;
  }
  .form-multistep .step-main .toppings label {
    margin: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
  }
  .form-multistep .step-main .toppings .label-topping-content img {
    border-radius: 15px;
    margin: 0 10px;
    height: 90%;
  }
  .form-multistep .step-main .toppings .label-topping-content .label-topping-text {
    width: 80%;
  }
  .form-multistep .step-main .toppings .label-topping-content .quantity-item {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .form-multistep .step-main .toppings .label-topping-content .quantity-item input {
    margin-left: 10px;
    width: 55px;
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
  .form-multistep .step-main .toppings .label-topping-content .quantity-item .error-required {
    margin-left: 20px;
    color: red;
    display: none;
  }
  .form-multistep .step-main .toppings .label-topping-content .btn-toppings {
    position: relative;
    top: -40px;
    right: -90%;
    width: 30px;
    height: 30px;
  }
  .form-multistep .step-main .input-group {
    margin-bottom: 7px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  }
  .form-multistep .step-main .input-group .input-group-addon {
    padding: 4px;
  }
  .form-multistep .step-main .form-control:focus {
    box-shadow: none;
    border-color: initial;
  }
  .form-multistep .step-main .termos {
    padding: 20px;
    background-color: #f7f7f7;
  }
  .form-multistep .step-main .termos p {
    text-align: justify;
    margin-top: 20px;
    margin-left: 20px;
  }
  .form-multistep .step-main .step-date {
    margin: 20px 0;
  }
  .form-multistep .step-main .step-date .calendar-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header button:hover {
    color: #2196F3; /* Cor no hover */
  }
  .form-multistep .step-main .step-date .calendar-container #calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* Grade com 7 colunas para os dias da semana */
    gap: 5px;
    margin-top: 20px;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar div {
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar div:hover {
    background-color: #d3d3d3; /* Cor no hover */
  }
  .form-multistep .step-main .step-date .calendar-container #calendar .selected {
    background-color: #2196F3; /* Cor de fundo do dia selecionado */
    color: #fff; /* Cor do texto no dia selecionado */
  }
  .form-multistep .step-main .step-date .calendar-container .disabled {
    color: #ccc; /* Cor dos dias desabilitados */
    text-decoration: line-through; /* Linha sobre os dias desabilitados */
  }
  .form-multistep .step-main .step-date .calendar-container .highlight {
    position: relative;
    background-color: rgba(0, 0, 0, 0.3); /* Destaque para dias especiais */
    color: #000; /* Cor do texto nos dias destacados */
  }
  .form-multistep .step-main .summary-item {
    min-height: 200px;
    height: 100%;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    padding: 20px;
    margin-top: 20px;
  }
  .form-multistep .step-main .summary-item .summary-ambient {
    width: 100%;
    border-radius: 15px;
  }
  .form-multistep .step-main .summary-item .summary-ambient img {
    width: 100%;
  }
  .form-multistep .step-main .summary-item .summary-descript {
    width: 90%;
    height: 90%;
    padding: 0 15px;
  }
  .form-multistep .step-main .summary-item .summary-descript .col-12 {
    padding: 0;
  }
  .form-multistep .step-main .summary-item .summary-descript h4 {
    margin-bottom: 20px;
  }
  .form-multistep .step-main .summary-item .summary-descript p {
    font-size: 1.1em;
  }
  .form-multistep .step-main #box-address {
    max-height: 100%;
    height: 80px;
    margin-top: 26px;
    display: none;
  }
  .form-multistep .step-main .address {
    display: flex;
    flex-direction: row;
    padding: 12px;
  }
  .form-multistep .step-main .address .fa-location-dot {
    font-size: 40px;
  }
  .form-multistep .step-main .address p {
    padding: 10px 25px;
    font-size: 1.15rem;
  }
  .form-multistep .step-main .data-client {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .form-multistep .step-footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 30px;
  }
  .form-multistep .step-footer .g-signin2 {
    cursor: pointer;
  }
  .form-multistep .step-footer .loginPopup {
    display: none;
    width: 500px;
    min-height: 600px;
    background-color: #FFFBF7;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 25px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    z-index: 100;
  }
  .form-multistep .step-footer .loginPopup .popup-header {
    width: 100%;
    display: flex;
    justify-content: end;
  }
  .form-multistep .step-footer .loginPopup .popup-header #closePopup {
    width: 30px;
    height: 30px;
    background-color: #FFFBF7;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  .form-multistep .checkout {
    background-color: #F6F6F6;
    border-radius: 10px;
    padding: 20px;
    min-height: 700px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-main .checkout-header {
    padding: 0 0 20px 0;
  }
  .form-multistep .checkout .checkout-main .checkout-header p {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-pix, .form-multistep .checkout .checkout-main .checkout-payment .payment-card {
    background-color: #FFF;
    width: 100%;
    height: 60px;
    margin: 7px 0;
    padding: 0 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-main .checkout-payment label input[type=radio] {
    margin-right: 10px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card {
    display: none;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main {
    background-color: #fff;
    padding: 20px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .mb-3 {
    padding-bottom: 30px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-1, .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-2, .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-3 {
    padding: 0;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure {
    height: 110px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    display: flex;
    padding: 20px;
    flex-direction: row;
    align-items: center;
    margin-top: 50px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure img {
    padding-right: 15px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure .secure-text h5 {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.4);
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure .secure-text p {
    font-weight: 400;
    font-size: 0.8rem;
  }
  .form-multistep .checkout .checkout-aside {
    border-radius: 15px;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary {
    background-color: #fff;
    border-radius: 10px;
    min-height: 500px;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .budget-summary {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    margin: 10px 0;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 0.8rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary-footer {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary-footer .subdivision {
    font-size: 0.8rem;
  }
  .form-multistep .checkout .checkout-aside .checkout-termos {
    background: #FFF;
    height: 50px;
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
    border-radius: 10px;
  }
  .form-multistep .checkout .checkout-aside .checkout-termos input {
    margin-right: 10px;
  }
  .form-multistep .checkout .checkout-aside .checkout-footer {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .form-multistep .checkout .checkout-aside .checkout-footer p {
    padding-top: 20px;
    font-size: 0.7rem;
  }
  .form-multistep .payment-qrcode {
    width: 80%;
    margin: 50px auto;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .form-multistep .payment-qrcode .warning-pix {
    margin: 20px 0;
  }
  .form-multistep .payment-qrcode .copy-confirmation {
    margin: 0;
    padding: 0;
  }
  .form-multistep .payment-qrcode .copy-qrcode {
    width: 70%;
  }
}
@media (min-height: 769px) and (max-width: 1024px) {
  .budget-header {
    width: 100%;
    margin: 150px auto 50px auto;
    text-align: center;
  }
  .budget-header p {
    font-size: 0.8em;
    color: #8F8173;
    font-weight: 600;
  }
  .budget-header h2 {
    font-size: 2em;
    font-weight: 500;
  }
  .form-multistep {
    width: 95%;
    height: 100%;
    margin: 0 auto;
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #fff;
    box-shadow: 0 20px 5px 0 rgb(180, 121, 69);
    /* STEP Principal */
  }
  .form-multistep .progress-bar {
    width: 100%;
    height: 75px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .form-multistep .progress-bar .step-progress {
    width: 190px;
    height: 70px;
    display: flex;
    align-items: center;
  }
  .form-multistep .progress-bar .icon-number {
    padding: 8px 10px;
    margin-right: 7px;
    border-radius: 50%;
    background-color: rgb(180, 121, 69);
    color: #fff;
    font-weight: 500;
  }
  .form-multistep .progress-bar .active {
    border-bottom: 3px solid rgb(180, 121, 69);
  }
  .form-multistep .progress-bar .active .progress-bar-text {
    font-weight: 600;
  }
  .form-multistep .progress-bar .desactive {
    color: #9b9999;
  }
  .form-multistep .progress-bar .desactive .progress-bar-text {
    font-weight: 300;
  }
  .form-multistep #form-budget {
    padding-top: 20px;
  }
  .form-multistep .form-step {
    display: none;
    width: 95%;
    margin: 0 auto;
  }
  .form-multistep .form-step.active {
    display: block;
  }
  .form-multistep .step-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .form-multistep .step-header h3 {
    font-weight: 400;
    font-size: 1.2em;
  }
  .form-multistep .step-header h3 strong {
    font-weight: 500;
  }
  .form-multistep .step-header p {
    font-weight: 300;
    font-size: 1.1rem;
  }
  .form-multistep .step-header .step-header-special {
    width: 100%;
    text-align: center;
    padding: 40px 0 0;
    margin-bottom: 20px;
  }
  .form-multistep .step-header .step-header-termos {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 50px auto 0 auto;
  }
  .form-multistep .step-header .step-header-termos img {
    width: 100%;
  }
  .form-multistep .step-header .step-header-security {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .form-multistep .step-header .step-header-content {
    background-color: #efeeee;
    padding: 20px 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 0 10px 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title .security {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title h4 {
    width: 85%;
    font-size: 1.3em;
    font-weight: 500;
    margin: 0;
  }
  .form-multistep .step-header .step-header-content .step-header-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 0 0 28px;
  }
  .form-multistep .step-header .step-header-content .step-header-item li {
    font-size: 0.8em;
    font-weight: 300;
    margin: 7px 0;
  }
  .form-multistep .step-main .form-choice {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 1.5rem;
  }
  .form-multistep .step-main .form-choice .ambiente-step label {
    min-width: 150px;
    width: 100%;
    height: 120px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .form-multistep .step-main .form-choice .ambiente-step label .btn-choice {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .form-multistep .step-main .form-choice .ambiente-step label input[type=radio] {
    visibility: hidden;
  }
  .form-multistep .step-main .form-choice .ambiente-step label:hover {
    border: 1px solid #000;
  }
  .form-multistep .step-main .span-required {
    font-size: 0.8em;
    color: red;
    display: block;
    transition: display 0.6s ease-in-out;
  }
  .form-multistep .step-main #span-required-erro {
    font-size: 0.8em;
    color: red;
    display: block;
    margin-left: 10px;
  }
  .form-multistep .step-main .form-items {
    margin: 20px 0 10px 0;
  }
  .form-multistep .step-main label {
    margin: 40px 0 10px 0;
    font-size: 0.8rem;
  }
  .form-multistep .step-main select, .form-multistep .step-main input {
    border: none;
    cursor: pointer;
  }
  .form-multistep .step-main select {
    margin: 0 12px;
  }
  .form-multistep .step-main .toppings {
    min-height: 80px;
    height: 100%;
    margin: 10px 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 25px;
    display: flex;
    align-items: center;
    padding: 10px;
  }
  .form-multistep .step-main .toppings .label-topping-content {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .toppings-image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .toppings-image img {
    border-radius: 15px;
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript {
    padding: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript .label-topping-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 130px;
    height: 100%;
    padding: 0;
    margin: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript .label-topping-text .quantity-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin: 10px 0 0 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript .label-topping-text .quantity-item input {
    margin-left: 10px;
    width: 60px;
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript .error-required {
    width: 100%;
    color: red;
    display: none;
    margin: 0;
    padding: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript .btn-toppings {
    position: relative;
    top: -35px;
    right: -90%;
    width: 30px;
    height: 30px;
  }
  .form-multistep .step-main .input-group {
    margin-bottom: 7px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  }
  .form-multistep .step-main .input-group .input-group-addon {
    padding: 4px;
  }
  .form-multistep .step-main .form-control:focus {
    box-shadow: none;
    border-color: initial;
  }
  .form-multistep .step-main .termos {
    padding: 20px;
    background-color: #f7f7f7;
  }
  .form-multistep .step-main .termos p {
    text-align: justify;
    margin-top: 20px;
    margin-left: 20px;
  }
  .form-multistep .step-main .step-date {
    margin: 20px 0;
  }
  .form-multistep .step-main .step-date .calendar-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header button:hover {
    color: #2196F3; /* Cor no hover */
  }
  .form-multistep .step-main .step-date .calendar-container #calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* Grade com 7 colunas para os dias da semana */
    gap: 5px;
    margin-top: 20px;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar div {
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar div:hover {
    background-color: #d3d3d3; /* Cor no hover */
  }
  .form-multistep .step-main .step-date .calendar-container #calendar .selected {
    background-color: #2196F3; /* Cor de fundo do dia selecionado */
    color: #fff; /* Cor do texto no dia selecionado */
  }
  .form-multistep .step-main .step-date .calendar-container .disabled {
    color: #ccc; /* Cor dos dias desabilitados */
    text-decoration: line-through; /* Linha sobre os dias desabilitados */
  }
  .form-multistep .step-main .step-date .calendar-container .highlight {
    position: relative;
    background-color: rgba(0, 0, 0, 0.3); /* Destaque para dias especiais */
    color: #000; /* Cor do texto nos dias destacados */
  }
  .form-multistep .step-main .summary-item {
    min-height: 200px;
    height: 100%;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    padding: 20px;
    margin-top: 20px;
  }
  .form-multistep .step-main .summary-item .summary-ambient {
    width: 100%;
    border-radius: 15px;
  }
  .form-multistep .step-main .summary-item .summary-ambient img {
    width: 100%;
  }
  .form-multistep .step-main .summary-item .summary-descript {
    width: 90%;
    height: 90%;
    padding: 0 15px;
  }
  .form-multistep .step-main .summary-item .summary-descript .col-12 {
    padding: 0;
  }
  .form-multistep .step-main .summary-item .summary-descript h4 {
    margin-bottom: 20px;
  }
  .form-multistep .step-main .summary-item .summary-descript p {
    font-size: 1.1em;
  }
  .form-multistep .step-main #box-address {
    max-height: 100%;
    height: 80px;
    margin-top: 26px;
    display: none;
  }
  .form-multistep .step-main .address {
    display: flex;
    flex-direction: row;
    padding: 12px;
  }
  .form-multistep .step-main .address .fa-location-dot {
    font-size: 40px;
  }
  .form-multistep .step-main .address p {
    padding: 10px 25px;
    font-size: 1.15rem;
  }
  .form-multistep .step-main .data-client {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .form-multistep .step-footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 30px;
  }
  .form-multistep .step-footer .g-signin2 {
    cursor: pointer;
  }
  .form-multistep .step-footer .loginPopup {
    display: none;
    width: 500px;
    min-height: 600px;
    background-color: #FFFBF7;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 25px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    z-index: 100;
  }
  .form-multistep .step-footer .loginPopup .popup-header {
    width: 100%;
    display: flex;
    justify-content: end;
  }
  .form-multistep .step-footer .loginPopup .popup-header #closePopup {
    width: 30px;
    height: 30px;
    background-color: #FFFBF7;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  .form-multistep .checkout {
    background-color: #F6F6F6;
    border-radius: 10px;
    padding: 20px;
    min-height: 700px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-main .checkout-header {
    padding: 0 0 20px 0;
  }
  .form-multistep .checkout .checkout-main .checkout-header p {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-pix, .form-multistep .checkout .checkout-main .checkout-payment .payment-card {
    background-color: #FFF;
    width: 100%;
    height: 60px;
    margin: 7px 0;
    padding: 0 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-main .checkout-payment label input[type=radio] {
    margin-right: 10px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card {
    display: none;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main {
    background-color: #fff;
    padding: 20px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .mb-3 {
    padding-bottom: 30px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-1, .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-2, .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-3 {
    padding: 0;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure {
    height: 110px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    display: flex;
    padding: 20px;
    flex-direction: row;
    align-items: center;
    margin-top: 50px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure img {
    padding-right: 15px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure .secure-text h5 {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.4);
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure .secure-text p {
    font-weight: 400;
    font-size: 0.8rem;
  }
  .form-multistep .checkout .checkout-aside {
    border-radius: 15px;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary {
    background-color: #fff;
    border-radius: 10px;
    min-height: 500px;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .budget-summary {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    margin: 10px 0;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 0.8rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary-footer {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary-footer .subdivision {
    font-size: 0.8rem;
  }
  .form-multistep .checkout .checkout-aside .checkout-termos {
    background: #FFF;
    height: 50px;
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
    border-radius: 10px;
  }
  .form-multistep .checkout .checkout-aside .checkout-termos input {
    margin-right: 10px;
  }
  .form-multistep .checkout .checkout-aside .checkout-footer {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .form-multistep .checkout .checkout-aside .checkout-footer p {
    padding-top: 20px;
    font-size: 0.7rem;
  }
  .form-multistep .payment-qrcode {
    width: 80%;
    margin: 50px auto;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .form-multistep .payment-qrcode .warning-pix {
    margin: 20px 0;
  }
  .form-multistep .payment-qrcode .copy-confirmation {
    margin: 0;
    padding: 0;
  }
  .form-multistep .payment-qrcode .copy-qrcode {
    width: 70%;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .budget-header {
    width: 100%;
    margin: 150px auto 50px auto;
    text-align: center;
  }
  .budget-header p {
    font-size: 0.8em;
    color: #8F8173;
    font-weight: 600;
  }
  .budget-header h2 {
    font-size: 2em;
    font-weight: 500;
  }
  .form-multistep {
    width: 95%;
    margin: 0 auto;
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #fff;
    box-shadow: 0 20px 5px 0 rgb(180, 121, 69);
    padding-top: 10px;
    /* STEP Principal */
  }
  .form-multistep .progress-bar {
    width: 100%;
    height: 75px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .form-multistep .progress-bar .step-progress {
    width: 190px;
    height: 70px;
    display: flex;
    align-items: center;
  }
  .form-multistep .progress-bar .icon-number {
    padding: 8px 10px;
    margin-right: 7px;
    border-radius: 50%;
    background-color: rgb(180, 121, 69);
    color: #fff;
    font-weight: 500;
  }
  .form-multistep .progress-bar .active {
    border-bottom: 3px solid rgb(180, 121, 69);
  }
  .form-multistep .progress-bar .active .progress-bar-text {
    font-weight: 600;
  }
  .form-multistep .progress-bar .desactive {
    display: none;
    color: #9b9999;
  }
  .form-multistep .progress-bar .desactive .progress-bar-text {
    font-weight: 300;
  }
  .form-multistep #form-budget {
    padding-top: 20px;
  }
  .form-multistep .form-step {
    display: none;
    width: 95%;
    margin: 0 auto;
  }
  .form-multistep .form-step.active {
    display: block;
  }
  .form-multistep .step-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding-top: 20px;
  }
  .form-multistep .step-header h3 {
    font-weight: 400;
    font-size: 1.2em;
  }
  .form-multistep .step-header h3 strong {
    font-weight: 500;
  }
  .form-multistep .step-header p {
    font-weight: 300;
    font-size: 1.1rem;
  }
  .form-multistep .step-header .step-header-special {
    width: 100%;
    text-align: center;
    padding: 40px 0 0;
    margin-bottom: 20px;
  }
  .form-multistep .step-header .step-header-termos {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 50px auto 0 auto;
  }
  .form-multistep .step-header .step-header-termos img {
    width: 100%;
  }
  .form-multistep .step-header .step-header-security {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .form-multistep .step-header .step-header-content {
    background-color: #efeeee;
    padding: 20px 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 0 10px 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title .security {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title h4 {
    width: 85%;
    font-size: 1.3em;
    font-weight: 500;
    margin: 0;
  }
  .form-multistep .step-header .step-header-content .step-header-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 0 0 28px;
  }
  .form-multistep .step-header .step-header-content .step-header-item li {
    font-size: 0.8em;
    font-weight: 300;
    margin: 7px 0;
  }
  .form-multistep .step-main .form-choice {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 1.5rem;
  }
  .form-multistep .step-main .form-choice .ambiente-step label {
    min-width: 100px;
    width: 100%;
    height: 120px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .form-multistep .step-main .form-choice .ambiente-step label .btn-choice {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .form-multistep .step-main .form-choice .ambiente-step label input[type=radio] {
    visibility: hidden;
  }
  .form-multistep .step-main .form-choice .ambiente-step label:hover {
    border: 1px solid #000;
  }
  .form-multistep .step-main .span-required {
    font-size: 0.8em;
    color: red;
    display: block;
    transition: display 0.6s ease-in-out;
  }
  .form-multistep .step-main #span-required-erro {
    font-size: 0.8em;
    color: red;
    display: block;
    margin-left: 10px;
  }
  .form-multistep .step-main .form-items {
    margin: 20px 0 10px 0;
  }
  .form-multistep .step-main label {
    margin: 40px 0 10px 0;
    font-size: 0.8rem;
  }
  .form-multistep .step-main select, .form-multistep .step-main input {
    border: none;
    cursor: pointer;
  }
  .form-multistep .step-main select {
    margin: 0 12px;
  }
  .form-multistep .step-main .toppings {
    min-height: 80px;
    height: 100%;
    margin: 10px 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 25px;
    display: flex;
    align-items: center;
    padding: 10px;
  }
  .form-multistep .step-main .toppings .label-topping-content {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .toppings-image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .toppings-image img {
    border-radius: 15px;
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript {
    padding: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript .label-topping-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 130px;
    padding: 0;
    margin: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript .label-topping-text .quantity-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin: 10px 0 0 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript .label-topping-text .quantity-item input {
    margin-left: 10px;
    width: 60px;
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript .error-required {
    width: 100%;
    color: red;
    display: none;
    margin: 0;
    padding: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript .btn-toppings {
    position: relative;
    top: -35px;
    right: -90%;
    width: 30px;
    height: 30px;
  }
  .form-multistep .step-main .input-group {
    margin-bottom: 7px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  }
  .form-multistep .step-main .input-group .input-group-addon {
    padding: 4px;
  }
  .form-multistep .step-main .form-control:focus {
    box-shadow: none;
    border-color: initial;
  }
  .form-multistep .step-main .termos {
    padding: 20px;
    background-color: #f7f7f7;
  }
  .form-multistep .step-main .termos p {
    text-align: justify;
    margin-top: 20px;
    margin-left: 20px;
  }
  .form-multistep .step-main .step-date {
    margin: 20px 0;
  }
  .form-multistep .step-main .step-date .calendar-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header button:hover {
    color: #2196F3; /* Cor no hover */
  }
  .form-multistep .step-main .step-date .calendar-container #calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* Grade com 7 colunas para os dias da semana */
    gap: 5px;
    margin-top: 20px;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar div {
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar div:hover {
    background-color: #d3d3d3; /* Cor no hover */
  }
  .form-multistep .step-main .step-date .calendar-container #calendar .selected {
    background-color: #2196F3; /* Cor de fundo do dia selecionado */
    color: #fff; /* Cor do texto no dia selecionado */
  }
  .form-multistep .step-main .step-date .calendar-container .disabled {
    color: #ccc; /* Cor dos dias desabilitados */
    text-decoration: line-through; /* Linha sobre os dias desabilitados */
  }
  .form-multistep .step-main .step-date .calendar-container .highlight {
    position: relative;
    background-color: rgba(0, 0, 0, 0.3); /* Destaque para dias especiais */
    color: #000; /* Cor do texto nos dias destacados */
  }
  .form-multistep .step-main .step-date #selected-date {
    visibility: hidden;
  }
  .form-multistep .step-main .step-date .fa-clock, .form-multistep .step-main .step-date .fa-house {
    font-size: 1.5rem;
    width: 60px;
    cursor: pointer;
  }
  .form-multistep .step-main .summary-item {
    min-height: 200px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    padding: 20px;
    margin-top: 20px;
  }
  .form-multistep .step-main .summary-item .summary-ambient {
    height: 90%;
    border-radius: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .form-multistep .step-main .summary-item .summary-ambient img {
    width: 100%;
  }
  .form-multistep .step-main .summary-item .summary-descript {
    width: 90%;
    height: 90%;
    padding: 0 15px;
  }
  .form-multistep .step-main .summary-item .summary-descript .col-12 {
    padding: 0;
  }
  .form-multistep .step-main .summary-item .summary-descript h4 {
    margin-bottom: 20px;
  }
  .form-multistep .step-main .summary-item .summary-descript p {
    font-size: 0.9em;
  }
  .form-multistep .step-main #box-address {
    max-height: 100%;
    min-height: 80px;
    height: 100%;
    margin-top: 26px;
    display: none;
  }
  .form-multistep .step-main .address {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
  }
  .form-multistep .step-main .address .fa-location-dot {
    font-size: 40px;
  }
  .form-multistep .step-main .address p {
    padding: 10px 25px;
    font-size: 1.15rem;
  }
  .form-multistep .step-main .data-client {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .form-multistep .step-footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 30px;
  }
  .form-multistep .step-footer .g-signin2 {
    cursor: pointer;
  }
  .form-multistep .step-footer .loginPopup {
    display: none;
    width: 500px;
    min-height: 600px;
    background-color: #FFFBF7;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 25px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    z-index: 100;
  }
  .form-multistep .step-footer .loginPopup .popup-header {
    width: 100%;
    display: flex;
    justify-content: end;
  }
  .form-multistep .step-footer .loginPopup .popup-header #closePopup {
    width: 30px;
    height: 30px;
    background-color: #FFFBF7;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  .form-multistep .checkout {
    background-color: #F6F6F6;
    border-radius: 10px;
    padding: 20px;
    min-height: 700px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-main .checkout-header {
    padding: 0 0 20px 0;
  }
  .form-multistep .checkout .checkout-main .checkout-header p {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-pix, .form-multistep .checkout .checkout-main .checkout-payment .payment-card {
    background-color: #FFF;
    width: 100%;
    height: 60px;
    margin: 7px 0;
    padding: 0 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-main .checkout-payment label input[type=radio] {
    margin-right: 10px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card {
    display: none;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main {
    background-color: #fff;
    padding: 20px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .mb-3 {
    padding-bottom: 30px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-1, .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-2, .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-3 {
    padding: 0;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure {
    height: 110px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    display: flex;
    padding: 20px;
    flex-direction: row;
    align-items: center;
    margin-top: 50px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure img {
    padding-right: 15px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure .secure-text h5 {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.4);
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure .secure-text p {
    font-weight: 400;
    font-size: 0.8rem;
  }
  .form-multistep .checkout .checkout-aside {
    border-radius: 15px;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary {
    background-color: #fff;
    border-radius: 10px;
    min-height: 500px;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .budget-summary {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    margin: 10px 0;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 0.8rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary-footer {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary-footer .subdivision {
    font-size: 0.8rem;
  }
  .form-multistep .checkout .checkout-aside .checkout-termos {
    background: #FFF;
    height: 50px;
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
    border-radius: 10px;
  }
  .form-multistep .checkout .checkout-aside .checkout-termos input {
    margin-right: 10px;
  }
  .form-multistep .checkout .checkout-aside .checkout-footer {
    margin: 0 auto;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .form-multistep .checkout .checkout-aside .checkout-footer p {
    padding-top: 20px;
    font-size: 0.7rem;
  }
  .form-multistep .payment-qrcode {
    width: 80%;
    margin: 100px auto;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .form-multistep .payment-qrcode .warning-pix {
    margin: 20px 0;
  }
  .form-multistep .payment-qrcode .copy-confirmation {
    margin: 0;
    padding: 0;
  }
  .form-multistep .payment-qrcode .copy-qrcode {
    width: 80%;
    height: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .budget-header {
    width: 100%;
    margin: 150px auto 50px auto;
    text-align: center;
  }
  .budget-header p {
    font-size: 0.8em;
    color: #8F8173;
    font-weight: 600;
  }
  .budget-header h2 {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.5em;
  }
  .form-multistep {
    width: 95%;
    margin: 0 auto;
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #fff;
    box-shadow: 0 20px 5px 0 rgb(180, 121, 69);
    /* STEP Principal */
  }
  .form-multistep .progress-bar {
    width: 100%;
    height: 75px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .form-multistep .progress-bar .step-progress {
    width: 190px;
    height: 70px;
    display: flex;
    align-items: center;
  }
  .form-multistep .progress-bar .icon-number {
    padding: 8px 10px;
    margin-right: 7px;
    border-radius: 50%;
    background-color: rgb(180, 121, 69);
    color: #fff;
    font-weight: 500;
  }
  .form-multistep .progress-bar .active {
    border-bottom: 3px solid rgb(180, 121, 69);
  }
  .form-multistep .progress-bar .active .progress-bar-text {
    font-weight: 600;
  }
  .form-multistep .progress-bar .desactive {
    display: none;
    color: #9b9999;
  }
  .form-multistep .progress-bar .desactive .progress-bar-text {
    font-weight: 300;
  }
  .form-multistep .form-step {
    display: none;
    width: 95%;
    margin: 0 auto;
  }
  .form-multistep .form-step.active {
    display: block;
  }
  .form-multistep .step-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .form-multistep .step-header h3 {
    font-weight: 400;
    font-size: 1.2em;
  }
  .form-multistep .step-header h3 strong {
    font-weight: 500;
  }
  .form-multistep .step-header p {
    font-weight: 300;
    font-size: 1.1rem;
  }
  .form-multistep .step-header .step-header-special {
    width: 100%;
    text-align: center;
    padding: 40px 0 0;
    margin-bottom: 20px;
  }
  .form-multistep .step-header .step-header-termos {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 50px auto 0 auto;
  }
  .form-multistep .step-header .step-header-termos img {
    width: 100%;
  }
  .form-multistep .step-header .step-header-security {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .form-multistep .step-header .step-header-content {
    background-color: #efeeee;
    padding: 20px 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 0 10px 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title .security {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 0;
  }
  .form-multistep .step-header .step-header-content .step-header-title h4 {
    width: 85%;
    font-size: 1.3em;
    font-weight: 500;
    margin: 0;
  }
  .form-multistep .step-header .step-header-content .step-header-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 0 0 28px;
  }
  .form-multistep .step-header .step-header-content .step-header-item li {
    font-size: 0.8em;
    font-weight: 300;
    margin: 7px 0;
  }
  .form-multistep .step-main .form-choice {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 1.5rem;
  }
  .form-multistep .step-main .form-choice .ambiente-step label {
    min-width: 120px;
    width: 100%;
    height: 120px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .form-multistep .step-main .form-choice .ambiente-step label .btn-choice {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .form-multistep .step-main .form-choice .ambiente-step label input[type=radio] {
    visibility: hidden;
  }
  .form-multistep .step-main .form-choice .ambiente-step label:hover {
    border: 1px solid #000;
  }
  .form-multistep .step-main .span-required {
    font-size: 0.7em;
    color: red;
    display: block;
    transition: display 0.6s ease-in-out;
  }
  .form-multistep .step-main #span-required-erro {
    font-size: 0.8em;
    color: red;
    display: block;
    margin-left: 10px;
  }
  .form-multistep .step-main .form-items {
    margin: 20px 0 10px 0;
  }
  .form-multistep .step-main label {
    margin: 40px 0 10px 0;
    font-size: 0.8rem;
  }
  .form-multistep .step-main select, .form-multistep .step-main input {
    border: none;
    cursor: pointer;
  }
  .form-multistep .step-main select {
    margin: 0 12px;
  }
  .form-multistep .step-main .toppings {
    min-height: 100px;
    height: 100%;
    margin: 10px 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 25px;
    display: flex;
    align-items: center;
  }
  .form-multistep .step-main .toppings .label-topping-content {
    width: 100%;
    padding: 0;
    margin: 10px;
  }
  .form-multistep .step-main .toppings .label-topping-content .toppings-image {
    display: flex;
    justify-content: center;
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript {
    padding: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .topping-descript .label-topping-text {
    padding: 10px 0;
    margin: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .quantity-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin: 7px 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .quantity-item input {
    margin-left: 10px;
    width: 60px;
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
  .form-multistep .step-main .toppings .label-topping-content .error-required {
    width: 100%;
    color: red;
    display: none;
    margin: 0;
    padding: 0;
  }
  .form-multistep .step-main .toppings .label-topping-content .btn-toppings {
    position: relative;
    top: -40px;
    right: -90%;
    width: 30px;
    height: 30px;
  }
  .form-multistep .step-main .input-group {
    margin-bottom: 7px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  }
  .form-multistep .step-main .input-group .input-group-addon {
    padding: 4px;
  }
  .form-multistep .step-main .form-control:focus {
    box-shadow: none;
    border-color: initial;
  }
  .form-multistep .step-main .termos {
    padding: 20px;
    background-color: #f7f7f7;
  }
  .form-multistep .step-main .termos p {
    text-align: justify;
    margin-top: 20px;
    margin-left: 20px;
  }
  .form-multistep .step-main .step-date {
    margin: 20px 0;
  }
  .form-multistep .step-main .step-date .calendar-container {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    padding: 20px 20px 0 20px;
    font-weight: 600;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar-header button:hover {
    color: #2196F3; /* Cor no hover */
  }
  .form-multistep .step-main .step-date .calendar-container #calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* Grade com 7 colunas para os dias da semana */
    gap: 3px;
    margin-top: 20px;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar div {
    padding: 1px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
    font-weight: 500;
  }
  .form-multistep .step-main .step-date .calendar-container #calendar div:hover {
    background-color: #d3d3d3; /* Cor no hover */
  }
  .form-multistep .step-main .step-date .calendar-container #calendar .selected {
    background-color: #2196F3; /* Cor de fundo do dia selecionado */
    color: #fff; /* Cor do texto no dia selecionado */
  }
  .form-multistep .step-main .step-date .calendar-container .disabled {
    color: #ccc; /* Cor dos dias desabilitados */
    text-decoration: line-through; /* Linha sobre os dias desabilitados */
  }
  .form-multistep .step-main .step-date .calendar-container .highlight {
    position: relative;
    background-color: rgba(0, 0, 0, 0.3); /* Destaque para dias especiais */
    color: #000; /* Cor do texto nos dias destacados */
  }
  .form-multistep .step-main .summary-item {
    min-height: 200px;
    height: 100%;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    padding: 10px 20px;
    margin-top: 20px;
  }
  .form-multistep .step-main .summary-item .summary-ambient {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .form-multistep .step-main .summary-item .summary-ambient .col-12 {
    padding: 0;
  }
  .form-multistep .step-main .summary-item .summary-ambient img {
    width: 50%;
  }
  .form-multistep .step-main .summary-item .summary-descript {
    width: 90%;
    height: 90%;
    padding: 15px 0;
  }
  .form-multistep .step-main .summary-item .summary-descript h4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .form-multistep .step-main .summary-item .summary-descript p {
    font-size: 0.9em;
  }
  .form-multistep .step-main #box-address {
    max-height: 100%;
    min-height: 80px;
    margin-top: 26px;
    display: none;
  }
  .form-multistep .step-main .address {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
  }
  .form-multistep .step-main .address .fa-location-dot {
    font-size: 40px;
  }
  .form-multistep .step-main .address p {
    padding: 10px 25px;
    font-size: 1.15rem;
  }
  .form-multistep .step-main .data-client {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .form-multistep .step-footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 30px;
  }
  .form-multistep .step-footer .g-signin2 {
    cursor: pointer;
  }
  .form-multistep .step-footer .loginPopup {
    display: none;
    width: 500px;
    min-height: 600px;
    background-color: #FFFBF7;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 25px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    z-index: 100;
  }
  .form-multistep .step-footer .loginPopup .popup-header {
    width: 100%;
    display: flex;
    justify-content: end;
  }
  .form-multistep .step-footer .loginPopup .popup-header #closePopup {
    width: 30px;
    height: 30px;
    background-color: #FFFBF7;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  .form-multistep .checkout {
    background-color: #F6F6F6;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 5px;
  }
  .form-multistep .checkout .checkout-main .checkout-header {
    padding: 0;
  }
  .form-multistep .checkout .checkout-main .checkout-header p {
    color: rgba(0, 0, 0, 0.6);
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-pix, .form-multistep .checkout .checkout-main .checkout-payment .payment-card {
    background-color: #FFF;
    height: 60px;
    margin: 7px 0;
    padding: 0 15px;
    font-size: 0.9em;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-pix img, .form-multistep .checkout .checkout-main .checkout-payment .payment-card img {
    display: none;
  }
  .form-multistep .checkout .checkout-main .checkout-payment label input[type=radio] {
    margin-right: 10px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card {
    display: none;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main {
    background-color: #fff;
    padding: 10px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .mb-3 {
    padding-bottom: 30px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-1, .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-2, .form-multistep .checkout .checkout-main .checkout-payment .credit-card .card-main .col-3 {
    padding: 0;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure {
    min-height: 110px;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    display: flex;
    padding: 20px 7px;
    flex-direction: row;
    align-items: center;
    margin-top: 50px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure img {
    padding-right: 15px;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure .secure-text h5 {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.4);
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-secure .secure-text p {
    font-weight: 400;
    font-size: 0.8rem;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-certify {
    width: 100%;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-certify .certify-security {
    width: 100%;
  }
  .form-multistep .checkout .checkout-main .checkout-payment .payment-certify .flag-pagseguro {
    padding: 10px 0;
    width: 100%;
  }
  .form-multistep .checkout .checkout-aside {
    border-radius: 15px;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary {
    background-color: #fff;
    border-radius: 10px;
    min-height: 500px;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary-header h5 {
    font-size: 1rem;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .budget-summary {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    margin: 10px 0;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 0.8rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary-footer {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
  }
  .form-multistep .checkout .checkout-aside .checkout-summary .summary-footer .subdivision {
    font-size: 0.8rem;
  }
  .form-multistep .checkout .checkout-aside .checkout-termos {
    background: #FFF;
    height: 50px;
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
    border-radius: 10px;
  }
  .form-multistep .checkout .checkout-aside .checkout-termos input {
    margin-right: 10px;
  }
  .form-multistep .checkout .checkout-aside .checkout-footer {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .form-multistep .checkout .checkout-aside .checkout-footer p {
    padding-top: 20px;
    font-size: 0.7rem;
  }
  .form-multistep .payment-qrcode {
    width: 95%;
    margin: 100px auto;
    min-height: 500px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .form-multistep .payment-qrcode .payment-png {
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    width: 100%;
    min-height: 250px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-top: 50px;
  }
  .form-multistep .payment-qrcode .payment-png img {
    width: 100%;
  }
  .form-multistep .payment-qrcode .warning-pix {
    margin: 20px 0;
  }
  .form-multistep .payment-qrcode .copy-confirmation {
    margin: 0;
    padding: 0;
  }
  .form-multistep .payment-qrcode .copy-qrcode {
    width: 100%;
    height: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .form-multistep .payment-qrcode .copy-qrcode .qrcode-text {
    white-space: nowrap; /* Impede a quebra de linha */
    overflow-x: auto;
    padding: 0;
  }
  .form-multistep .payment-qrcode .copy-qrcode .copy-text {
    height: 100%;
    padding: 0;
    display: flex;
    justify-content: end;
  }
  .form-multistep .payment-qrcode .copy-qrcode .copy-text .copy-button {
    width: 100px;
    min-height: 50px;
    height: 100%;
    border: none;
    border-radius: 0 15px 15px 0;
    margin: 0;
  }
  .form-multistep .saveModal {
    width: 100%;
    height: 400px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    margin: 100px auto;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .form-multistep .saveModal img {
    width: 100%;
    padding: 30px 0;
  }
}
.modal-form {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 3000;
}
.modal-form .modal-form-content {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #B47945;
}
.modal-form .modal-form-content .modal-form-header .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  cursor: pointer;
}

/* ABOUT */
.about {
  width: 100%;
  height: 800px;
  margin-top: 150px;
}
.about .about-content .about-shorts {
  width: 540px;
  height: 640px;
  display: flex;
  justify-content: center;
}
.about .about-content .about-shorts .video-shorts {
  width: 360px;
  height: 640px;
  border-radius: 25px;
  border: 1px solid #928477;
  box-shadow: 10px 10px 10px rgb(180, 121, 69);
}
.about .about-content .about-text {
  padding-top: 50px;
}
.about .about-content .about-text h2 {
  font-size: 5rem;
  line-height: 5rem;
  letter-spacing: -4px;
  font-weight: 600;
}
.about .about-content .about-text span {
  font-size: 1.3rem;
  font-weight: 400;
  color: #928477;
}
.about .about-content .about-text p {
  padding-top: 30px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #928477;
}

@media (max-width: 1200px) {
  .about {
    width: 95%;
    height: 1000px;
    margin: 150px auto 0 auto;
    overflow: hidden;
  }
  .about .about-content .about-shorts {
    width: 540px;
    height: 640px;
    display: flex;
    justify-content: center;
  }
  .about .about-content .about-shorts .video-shorts {
    width: 360px;
    height: 640px;
    border-radius: 25px;
    border: 1px solid #928477;
    box-shadow: 10px 10px 10px rgb(180, 121, 69);
  }
  .about .about-content .about-text h2 {
    font-size: 4rem;
    line-height: 4rem;
    letter-spacing: -4px;
    font-weight: 600;
    padding-bottom: 150px;
  }
  .about .about-content .about-text span {
    font-size: 1.2rem;
    font-weight: 400;
    color: #928477;
  }
  .about .about-content .about-text p {
    padding-top: 30px;
    font-size: 1.3rem;
    font-weight: 500;
    color: #928477;
  }
}
@media (max-width: 1024px) {
  .about {
    width: 95%;
    height: 750px;
    overflow: hidden;
  }
  .about .about-content .about-shorts {
    width: 50%;
    height: 640px;
    display: flex;
    justify-content: center;
  }
  .about .about-content .about-shorts .video-shorts {
    width: 360px;
    height: 640px;
    border-radius: 25px;
    border: 1px solid #928477;
    box-shadow: 10px 10px 10px rgb(180, 121, 69);
  }
  .about .about-content .about-text h2 {
    font-size: 4rem;
    line-height: 4rem;
    letter-spacing: -4px;
    font-weight: 600;
    padding-bottom: 120px;
  }
  .about .about-content .about-text span {
    font-size: 1.2rem;
    font-weight: 400;
    color: #928477;
  }
  .about .about-content .about-text p {
    padding-top: 0;
    font-size: 1.1rem;
    font-weight: 500;
    color: #928477;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .container-fluid {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .about {
    padding: 0;
    width: 95%;
    height: 100%;
    overflow: hidden;
  }
  .about .about-content .about-shorts {
    width: 100%;
    height: 640px;
    display: flex;
    justify-content: center;
  }
  .about .about-content .about-shorts .video-shorts {
    width: 100%;
    height: 640px;
    border-radius: 25px;
    border: 1px solid #928477;
    box-shadow: 5px 5px 5px rgb(180, 121, 69);
  }
  .about .about-content .about-text h2 {
    font-size: 3.5rem;
    line-height: 4rem;
    letter-spacing: -4px;
    font-weight: 600;
    padding-bottom: 20px;
  }
  .about .about-content .about-text span {
    font-size: 1rem;
    font-weight: 400;
    color: #928477;
  }
  .about .about-content .about-text p {
    padding-top: 0;
    font-size: 1em;
    font-weight: 500;
    color: #928477;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .container-fluid {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .about {
    padding: 0;
    width: 95%;
    height: 100%;
    margin: 100px auto;
    overflow: hidden;
  }
  .about .about-content .about-shorts {
    width: 100%;
    height: 640px;
    display: flex;
    justify-content: center;
  }
  .about .about-content .about-shorts .video-shorts {
    width: 100%;
    height: 640px;
    border-radius: 25px;
    border: 1px solid #928477;
    box-shadow: 10px 10px 10px rgb(180, 121, 69);
  }
  .about .about-content .about-text h2 {
    font-size: 3.5rem;
    line-height: 4rem;
    letter-spacing: -4px;
    font-weight: 600;
    padding-bottom: 20px;
  }
  .about .about-content .about-text span {
    font-size: 1rem;
    font-weight: 400;
    color: #928477;
  }
  .about .about-content .about-text p {
    padding-top: 0;
    font-size: 1.1rem;
    font-weight: 500;
    color: #928477;
  }
}
.instagram_feed {
  /* Container principal com flexbox */
}
.instagram_feed header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px;
}
.instagram_feed header i {
  font-size: 8rem;
}
.instagram_feed header h2 {
  padding-left: 20px;
  font-size: 4rem;
  line-height: 4rem;
  letter-spacing: -4px;
  font-weight: 600;
}
.instagram_feed .mosaic-container {
  display: flex;
  flex-wrap: wrap; /* Permite que os itens se movam para a linha seguinte */
  gap: 0; /* Remove espaços entre os itens */
  justify-content: flex-start; /* Garante que os itens se alinhem à esquerda */
  width: 100%; /* Limita o tamanho do container */
  height: 500px;
  margin: 0 auto; /* Centraliza o container na página */
  overflow: auto;
  background-color: #B47945;
  /* Itens do mosaico */
}
.instagram_feed .mosaic-container .mosaic-item {
  width: 20%;
  background-color: #f0f0f0;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0; /* Remove margens extras entre os itens */
}
.instagram_feed .mosaic-container .mosaic-item img, .instagram_feed .mosaic-container .mosaic-item video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Garante que as imagens ou vídeos se ajustem ao tamanho do container sem distorcer */
}

@media (min-width: 320px) and (max-width: 480px) {
  .instagram_feed {
    /* Container principal com flexbox */
  }
  .instagram_feed header {
    padding: 0 10px;
  }
  .instagram_feed header h2 {
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: -4px;
    font-weight: 600;
  }
  .instagram_feed .mosaic-container {
    display: flex;
    flex-wrap: wrap; /* Permite que os itens se movam para a linha seguinte */
    gap: 0; /* Remove espaços entre os itens */
    justify-content: flex-start; /* Garante que os itens se alinhem à esquerda */
    width: 100%; /* Limita o tamanho do container */
    height: 500px;
    margin: 0 auto; /* Centraliza o container na página */
    overflow: auto;
    background-color: #B47945;
    /* Itens do mosaico */
  }
  .instagram_feed .mosaic-container .mosaic-item {
    width: 20%;
    background-color: #f0f0f0;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0; /* Remove margens extras entre os itens */
  }
  .instagram_feed .mosaic-container .mosaic-item img, .instagram_feed .mosaic-container .mosaic-item video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Garante que as imagens ou vídeos se ajustem ao tamanho do container sem distorcer */
  }
}
.testimonial {
  width: 100%;
  background-color: #928477;
  padding-top: 160px;
  padding-bottom: 50px;
}
.testimonial .header-testimonial {
  padding: 0 20px;
  margin-bottom: 50px;
}
.testimonial .header-testimonial span {
  font-size: 1rem;
  font-weight: 300;
  padding-bottom: 10px;
  color: #FFFBF7;
}
.testimonial .header-testimonial h2 {
  font-size: 3rem;
  font-weight: 600;
}
.testimonial .testimonial-main {
  padding-left: 10px;
  width: 100%;
  min-width: 320px;
}
.testimonial .testimonial-main .testimonial-card {
  display: flex;
  flex-flow: row nowrap;
  gap: 15px;
  overflow-x: auto;
  scrollbar-width: none;
  align-items: center;
}
.testimonial .testimonial-main .testimonial-card .card {
  background-color: #FFFBF7;
  min-width: 350px;
  height: 220px;
  border-radius: 25px;
  padding: 20px;
}
.testimonial .testimonial-main .testimonial-card .card h3 {
  font-size: 1em;
}
.testimonial .testimonial-main .testimonial-card .card p {
  font-size: 0.8em;
  display: inline-block;
}
.testimonial .testimonial-main .testimonial-card .card .avatar {
  position: absolute;
  bottom: 10px;
  display: flex;
  flex-flow: row nowrap;
}
.testimonial .testimonial-main .testimonial-card .card .avatar .avatar-testimonial {
  background-color: rgb(180, 121, 69);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
}
.testimonial .testimonial-main .testimonial-card .card .avatar p {
  display: inline;
  line-height: 20px;
}
.testimonial .testimonial-main .arrow-left, .testimonial .testimonial-main .arrow-right {
  padding: 10px;
  border-radius: 50%;
  margin: 10px;
  border: none;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .testimonial {
    width: 100%;
    background-color: #928477;
    padding-top: 160px;
    padding-bottom: 50px;
  }
  .testimonial .header-testimonial {
    padding: 0 20px;
    margin-bottom: 50px;
  }
  .testimonial .header-testimonial span {
    font-size: 1rem;
    font-weight: 300;
    padding-bottom: 10px;
    color: #FFFBF7;
  }
  .testimonial .header-testimonial h2 {
    font-size: 3rem;
    font-weight: 600;
  }
  .testimonial .testimonial-main {
    padding-left: 10px;
    width: 100%;
    min-width: 320px;
  }
  .testimonial .testimonial-main .testimonial-card {
    display: flex;
    flex-flow: row nowrap;
    gap: 15px;
    overflow-x: auto;
    scrollbar-width: none;
    align-items: center;
  }
  .testimonial .testimonial-main .testimonial-card .card {
    background-color: #FFFBF7;
    min-width: 350px;
    height: 220px;
    border-radius: 25px;
    padding: 20px;
  }
  .testimonial .testimonial-main .testimonial-card .card h3 {
    font-size: 1em;
  }
  .testimonial .testimonial-main .testimonial-card .card p {
    font-size: 0.8em;
    display: inline-block;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar {
    position: absolute;
    bottom: 10px;
    display: flex;
    flex-flow: row nowrap;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar .avatar-testimonial {
    background-color: rgb(180, 121, 69);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar p {
    display: inline;
    line-height: 20px;
  }
  .testimonial .testimonial-main .arrow-left, .testimonial .testimonial-main .arrow-right {
    padding: 10px;
    border-radius: 50%;
    margin: 10px;
    border: none;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .testimonial {
    width: 100%;
    background-color: #928477;
    padding-top: 160px;
    padding-bottom: 50px;
  }
  .testimonial .header-testimonial {
    padding: 0 20px;
    margin-bottom: 50px;
  }
  .testimonial .header-testimonial span {
    font-size: 1rem;
    font-weight: 300;
    padding-bottom: 10px;
    color: #FFFBF7;
  }
  .testimonial .header-testimonial h2 {
    font-size: 3rem;
    font-weight: 600;
  }
  .testimonial .testimonial-main {
    padding-left: 10px;
    width: 100%;
    min-width: 320px;
  }
  .testimonial .testimonial-main .testimonial-card {
    display: flex;
    flex-flow: row nowrap;
    gap: 15px;
    overflow-x: auto;
    scrollbar-width: none;
    align-items: center;
  }
  .testimonial .testimonial-main .testimonial-card .card {
    background-color: #FFFBF7;
    min-width: 350px;
    height: 220px;
    border-radius: 25px;
    padding: 20px;
  }
  .testimonial .testimonial-main .testimonial-card .card h3 {
    font-size: 1em;
  }
  .testimonial .testimonial-main .testimonial-card .card p {
    font-size: 0.8em;
    display: inline-block;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar {
    position: absolute;
    bottom: 10px;
    display: flex;
    flex-flow: row nowrap;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar .avatar-testimonial {
    background-color: rgb(180, 121, 69);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar p {
    display: inline;
    line-height: 20px;
  }
  .testimonial .testimonial-main .arrow-left, .testimonial .testimonial-main .arrow-right {
    padding: 10px;
    border-radius: 50%;
    margin: 10px;
    border: none;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .testimonial {
    width: 100%;
    background-color: #928477;
    padding-top: 160px;
    padding-bottom: 50px;
  }
  .testimonial .header-testimonial {
    padding: 0 20px;
    margin-bottom: 50px;
  }
  .testimonial .header-testimonial span {
    font-size: 1rem;
    font-weight: 300;
    padding-bottom: 10px;
    color: #FFFBF7;
  }
  .testimonial .header-testimonial h2 {
    font-size: 3rem;
    font-weight: 600;
  }
  .testimonial .testimonial-main {
    padding-left: 10px;
    width: 100%;
    min-width: 320px;
  }
  .testimonial .testimonial-main .testimonial-card {
    display: flex;
    flex-flow: row nowrap;
    gap: 15px;
    overflow-x: auto;
    scrollbar-width: none;
    align-items: center;
  }
  .testimonial .testimonial-main .testimonial-card .card {
    background-color: #FFFBF7;
    min-width: 350px;
    height: 220px;
    border-radius: 25px;
    padding: 20px;
  }
  .testimonial .testimonial-main .testimonial-card .card h3 {
    font-size: 1em;
  }
  .testimonial .testimonial-main .testimonial-card .card p {
    font-size: 0.8em;
    display: inline-block;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar {
    position: absolute;
    bottom: 10px;
    display: flex;
    flex-flow: row nowrap;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar .avatar-testimonial {
    background-color: rgb(180, 121, 69);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar p {
    display: inline;
    line-height: 20px;
  }
  .testimonial .testimonial-main .arrow-left, .testimonial .testimonial-main .arrow-right {
    padding: 10px;
    border-radius: 50%;
    margin: 10px;
    border: none;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .testimonial {
    width: 100%;
    background-color: #928477;
    padding-top: 160px;
    padding-bottom: 50px;
  }
  .testimonial .header-testimonial {
    padding: 0 20px;
    margin-bottom: 50px;
  }
  .testimonial .header-testimonial span {
    font-size: 1rem;
    font-weight: 300;
    padding-bottom: 10px;
    color: #FFFBF7;
  }
  .testimonial .header-testimonial h2 {
    font-size: 3rem;
    font-weight: 600;
  }
  .testimonial .testimonial-main {
    padding-left: 10px;
    width: 100%;
    min-width: 320px;
  }
  .testimonial .testimonial-main .testimonial-card {
    display: flex;
    flex-flow: row nowrap;
    gap: 15px;
    overflow-x: auto;
    scrollbar-width: none;
    align-items: center;
  }
  .testimonial .testimonial-main .testimonial-card .card {
    background-color: #FFFBF7;
    min-width: 350px;
    height: 220px;
    border-radius: 25px;
    padding: 20px;
  }
  .testimonial .testimonial-main .testimonial-card .card h3 {
    font-size: 1em;
  }
  .testimonial .testimonial-main .testimonial-card .card p {
    font-size: 0.8em;
    display: inline-block;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar {
    position: absolute;
    bottom: 10px;
    display: flex;
    flex-flow: row nowrap;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar .avatar-testimonial {
    background-color: rgb(180, 121, 69);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar p {
    display: inline;
    line-height: 20px;
  }
  .testimonial .testimonial-main .arrow-left, .testimonial .testimonial-main .arrow-right {
    padding: 10px;
    border-radius: 50%;
    margin: 10px;
    border: none;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .testimonial {
    width: 100%;
    background-color: #928477;
    padding-top: 160px;
    padding-bottom: 50px;
  }
  .testimonial .header-testimonial {
    padding: 0 20px;
    margin-bottom: 50px;
  }
  .testimonial .header-testimonial span {
    font-size: 1rem;
    font-weight: 300;
    padding-bottom: 10px;
    color: #FFFBF7;
  }
  .testimonial .header-testimonial h2 {
    font-size: 3rem;
    font-weight: 600;
  }
  .testimonial .testimonial-main {
    padding-left: 10px;
    width: 100%;
    min-width: 320px;
  }
  .testimonial .testimonial-main .testimonial-card {
    display: flex;
    flex-flow: row nowrap;
    gap: 15px;
    overflow-x: auto;
    scrollbar-width: none;
    align-items: center;
  }
  .testimonial .testimonial-main .testimonial-card .card {
    background-color: #FFFBF7;
    min-width: 350px;
    height: 220px;
    border-radius: 25px;
    padding: 20px;
  }
  .testimonial .testimonial-main .testimonial-card .card h3 {
    font-size: 1em;
  }
  .testimonial .testimonial-main .testimonial-card .card p {
    font-size: 0.8em;
    display: inline-block;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar {
    position: absolute;
    bottom: 10px;
    display: flex;
    flex-flow: row nowrap;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar .avatar-testimonial {
    background-color: rgb(180, 121, 69);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
  }
  .testimonial .testimonial-main .testimonial-card .card .avatar p {
    display: inline;
    line-height: 20px;
  }
  .testimonial .testimonial-main .arrow-left, .testimonial .testimonial-main .arrow-right {
    padding: 10px;
    border-radius: 50%;
    margin: 10px;
    border: none;
  }
}
.faq {
  width: 100%;
  margin-top: 100px;
}
.faq .faq-header {
  margin-top: 50px;
}
.faq .faq-header p {
  font-weight: 200;
}
.faq .faq-header h2 {
  font-size: 3em;
  font-weight: 700;
}
.faq .faq-question .accordion-header button {
  font-weight: 800;
}
.faq .faq-question .accordion-button {
  background-color: #FFFBF7;
  border-bottom: 1px solid rgb(180, 121, 69);
  text-align: left;
  width: 100%;
  color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}
.faq .faq-question .accordion-button:focus {
  box-shadow: none;
}
.faq .faq-question .accordion-collapse {
  border-top: 1px solid #FFFBF7;
  padding: 0.75rem 1.25rem;
}
.faq .faq-question .accordion-body {
  margin: 0;
}

@media (max-width: 320px) {
  .faq {
    max-width: 100%;
    margin-top: 100px;
  }
  .faq .faq-header {
    margin-top: 50px;
  }
  .faq .faq-header p {
    font-weight: 200;
  }
  .faq .faq-header h2 {
    font-size: 3em;
    font-weight: 700;
  }
  .faq .faq-question {
    padding: 0;
    margin: 0;
  }
  .faq .faq-question .accordion-header button {
    font-weight: 800;
  }
  .faq .faq-question .accordion-button {
    background-color: #FFFBF7;
    border-bottom: 1px solid rgb(180, 121, 69);
    text-align: left;
    width: 100%;
    color: rgba(0, 0, 0, 0.65);
    cursor: pointer;
  }
  .faq .faq-question .accordion-button:focus {
    box-shadow: none;
  }
  .faq .faq-question .accordion-collapse {
    border-top: 1px solid #FFFBF7;
    padding: 0.75rem 1.25rem;
  }
  .faq .faq-question .accordion-body {
    margin: 0;
  }
}
.job {
  text-align: center;
  padding: 100px;
}
.job .job-content h2 {
  font-size: 4em;
  font-weight: 700;
  padding: 20px 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .job {
    max-width: 100%;
    text-align: center;
    padding: 100px 0;
    border-radius: 50px;
  }
  .job p {
    font-size: 0.8em;
  }
  .job .job-content {
    width: 90%;
  }
  .job .job-content h2 {
    font-size: 2em;
    font-weight: 700;
    padding: 20px 0;
  }
}
.main-footer {
  width: 100%;
  height: 450px;
  background: #928477;
  color: #fff;
  padding: 100px 0;
}
.main-footer p {
  padding-top: 10px;
  font-size: 0.8em;
}
.main-footer .footer-link {
  color: #FFFBF7;
}

footer {
  width: 100%;
  height: 80px;
  padding: 0 30px;
  background-color: #5A554F;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer-copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1200px) {
  .main-footer {
    width: 100%;
    height: 250px;
    background: #928477;
    color: #fff;
  }
  .main-footer p {
    padding-top: 10px;
    font-size: 0.8em;
  }
  .main-footer footer {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1rem;
  }
}
@media (max-width: 1024px) {
  .main-footer {
    width: 100%;
    height: 250px;
    background: #928477;
    color: #fff;
  }
  .main-footer p {
    padding-top: 10px;
    font-size: 0.8em;
  }
  footer {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1rem;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .main-footer {
    width: 100%;
    height: 100%;
    background: #928477;
    color: #fff;
  }
  .main-footer p {
    padding-top: 10px;
    font-size: 0.8em;
  }
  .main-footer .footer-header {
    margin: 30px 0;
  }
  footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1rem;
    padding-top: 15px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .main-footer {
    width: 100%;
    height: 100%;
    background: #928477;
    color: #fff;
  }
  .main-footer p {
    padding-top: 10px;
    font-size: 0.8em;
  }
  .main-footer .footer-header {
    margin: 30px 0;
  }
  footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1rem;
    padding-top: 15px;
  }
}
.policy-container {
  display: flex;
  flex-wrap: wrap;
  min-height: 100vh;
  background-color: #ffffff;
  position: relative;
  padding-left: 318px;
}
.policy-container .sidebar-policy {
  background-color: #FFFBF7;
  width: 318px;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  overflow-y: auto;
  z-index: 1000;
}
.policy-container .sidebar-policy .sidebar {
  width: 100%;
}
.policy-container .sidebar-policy .sidebar .nav-item {
  width: 100%;
  height: 70px;
  font-weight: bolder;
  font-size: 20px;
}
.policy-container .sidebar-policy .sidebar .nav-item .nav-link {
  color: #000000;
  text-decoration: none;
  display: block;
  transition: background 0.3s;
  list-style: none;
  padding-left: 20px;
}
.policy-container .sidebar-policy .sidebar .nav-item .nav-link:hover {
  background: #C6976D;
}
.policy-container .sidebar-policy .sidebar .nav-item .nav-link.active {
  background: #C6976D;
  font-weight: bold;
}
.policy-container .content-wrapper {
  width: 100%;
  flex: 1;
  margin-left: 5px;
}
.policy-container .content-wrapper .policy-header {
  height: 300px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  background-color: rgb(180, 121, 69);
}
.policy-container .content-wrapper .policy-header .policy-brand {
  height: 60px;
  width: 270px;
}
.policy-container .content-wrapper .policy-header .policy-title {
  font-size: 3.5rem;
  font-weight: 700;
  text-align: center;
  color: #FFFBF7;
}
.policy-container .content-wrapper .policy-content {
  width: 60%;
  margin: 0 auto;
  padding: 20px;
}
.policy-container .content-wrapper .policy-content .policy-title-2 {
  font-size: 28px;
  margin: 25px 0 15px 5px;
  padding: 15px 0;
}
.policy-container .content-wrapper .policy-content p {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 15px;
  margin-left: 15px;
}
.policy-container .content-wrapper .policy-content list {
  padding-left: 25px;
  margin: 15px 0;
}
.policy-container .content-wrapper .policy-content list list-item {
  line-height: 1.5;
}
.policy-container .content-wrapper .policy-content list list-item::marker {
  color: #4CAF50;
}
.policy-container .policy-footer {
  width: 100%;
  height: 250px;
  background: #928477;
  color: #fff;
  padding: 100px 0;
}
.policy-container .policy-footer p {
  padding-top: 10px;
  font-size: 0.8em;
}
.policy-container .policy-footer .footer-link {
  color: #FFFBF7;
}

/*
@media (max-width: 768px) {
    flex-direction: column;
    padding-left: 0;

    .sidebar-policy {
        width: 100%;
        height: auto;
        position: static;
    }

    .content-wrapper, .footer-policy {
        width: 100%;
    }
}
*/
body {
  background-color: #fffbf7;
  font-family: Inter, sans-serif;
  color: #000;
  min-height: 100%;
}

.container {
  max-width: 82rem;
  margin: 0 auto;
  padding: 0;
}

/*# sourceMappingURL=style.css.map */