body {
  padding-top: 40px; /* ou a altura real do nav */
}
@media (min-width: 320px) and (max-width: 576px) {
  body {
    padding-top: 0;
  }
}

#carousel-2 {
  height: 80vh;
}
@media (min-width: 320px) and (max-width: 576px) {
  #carousel-2 {
    height: 80vh;
  }
}

.col-overlay-video {
  overflow: hidden;
  z-index: 999;
}

.pref-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.rounded {
  border-radius: 0 0 3.5rem 3.5rem !important;
}
@media (min-width: 320px) and (max-width: 576px) {
  .rounded {
    border-radius: 0 0 2.5rem 2.5rem !important;
  }
}

.section-numbers {
  min-height: 100vh;
  padding-top: 0rem;
}

.number-box {
  border-radius: 0.9375rem;
  box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  height: 16rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .number-box {
    height: 12rem;
  }
}

.card-body {
  border-radius: 0;
  background: rgba(255, 255, 255, 0.7);
}

.card-product-type {
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.section-products {
  min-height: 50vh;
}
@media (min-width: 320px) and (max-width: 576px) {
  .section-products {
    min-height: 100vh !important;
  }
}

.product-bg {
  height: 25rem;
  background: url("/assets/img/vantagens.webp") center/cover;
}

.product-types {
  top: -6rem;
}

.container-box {
  width: 50rem;
  height: 30rem;
  border-radius: 15px;
  box-shadow: 0 0 20px 0 rgba(32, 32, 32, 0.13);
  background-color: #fff;
}
@media (min-width: 576px) and (max-width: 992px) {
  .container-box {
    width: 100%;
    height: 28rem;
  }
}
@media (max-width: 576px) {
  .container-box {
    width: 100%;
    height: 28rem;
  }
}

.inner-box {
  background-image: url("/../../assets/img/Pop-up/BG-pop-up.webp");
  background-position: center;
  border-radius: 15px;
  padding: 20px;
  width: 47rem;
  height: 27rem;
  background-size: cover;
}
@media (min-width: 576px) and (max-width: 992px) {
  .inner-box {
    width: 95%;
    height: 27rem;
  }
}
@media (max-width: 575px) {
  .inner-box {
    width: 88%;
    height: 26rem;
  }
}

@media (max-width: 575px) {
  .btn-budget {
    width: 14rem;
  }
}

.modal-title {
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.295);
}

.div-modal {
  background-color: #ffffff;
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 45px;
  height: 45px;
  border-radius: 50px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
  z-index: 500;
}
@media (min-width: 576px) and (max-width: 768px) {
  .div-modal {
    top: 1rem;
    right: 1.25rem;
  }
}
@media (max-width: 575px) {
  .div-modal {
    top: 0.75rem;
    right: 1rem;
  }
}

.btn-close {
  width: 45px;
  height: 45px;
}