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;
}

/* .color-bg {
  height: 25rem;
  background: url("/assets/img/Cores/seccao-cores/cores-veka-pvc.webp") center/cover;
} */
/* .product-types {
  top: -6rem;
} */

.container-fornecedores {
  height: 40vh;
}

@media (max-width: 576px) {
  .container-fornecedores {
  height: 35vh;
}

}

.img-fornecedor {
  border-radius: 0;
}

.group {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100vw;
  width: 100vw;
}

.item {
  background-position: center;
  background-size: 100vh;
  border-radius: 0 !important;
  display: inline-block;
  cursor: pointer;
  width: 33.3%;
  
}
@media (max-width: 576px) {
  .item {
    width: 100%;
  }
}
.product-img-overlay {
  background: linear-gradient(to bottom, rgba(0, 54, 138, 0.5) 0%, rgba(0, 0, 0, 0.9) 100%) !important;
  border-radius: 0 !important;
  border: 3px #efefef solid !important;
  height: auto;
  z-index: 10;
  color: #fff;
}

.product-img-overlay:hover {
  background: linear-gradient(to bottom, rgba(0, 54, 138, 0) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}

/* Evita cortes quando aumenta */
.swiper-slide {
  overflow: visible !important; /* importante para a escala não ser cortada */
}

/* Para a animação ficar suave */
.swiper-slide .card {
  transform-origin: center center;
  will-change: transform, filter;
}
.swiper-categoria {
  z-index: 9999;
}

.logo-fornecedor {
  position: absolute;
  z-index: 9999;
}

#swiper-2 {
  height: 60vh !important;
}

@media (max-width: 576px) {
    #swiper-2 {
    height: 50vh !important;
  }
}

.seta-icone {
  width: 1.25rem;
}

.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;
}