/* Global Colors */
:root {
  --color-default: #212529;
  --color-default-rgb: 33, 37, 41;
  --color-background: #ffffff;
  --color-background-rgb: 255, 255, 255;
  --color-primary: #ff680a;
  --color-primary-rgb: 255, 104, 10;
  --color-secondary: #0e4333;
  --color-secondary-rgb: 50, 53, 58;
  --color-box-background: #ffffff;
  --color-box-background-rgb: 255, 255, 255;
  --color-inverse: #ffffff;
  --color-inverse-rgb: 255, 255, 255;
  /* carousel de anuncios */
  --swiper-theme-color: #e5e5e5 !important;
}

/* carousel de anuncios swipe*/


/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap'); */
body{
  overflow-x : hidden !important;
}
.Gratuito{
    background:  #25cc9a !important;
    border-color:  #25cc9a!important;
    background-image:  linear-gradient(140deg, #0e4333 0%, #25cc9a 28%,#25cc9a 55%, #0e4333 95%) !important;
    
}
.Bronze{
    background:  #cd7f32 !important;
    border-color:  #cd7f32!important;
    background-image:  linear-gradient(140deg, #cd7f32 0%, #e5c8ab 50%, #cd7f32 75%) !important;
}
.Prata{
    background:  #d5d5d5 !important;
    border-color:  #d5d5d5!important;
    background-image:  linear-gradient(140deg, #c0c0c0 0%, #f7f3f3 50%, #c0c0c0 75%) !important;
}
.Ouro{
    background:  #d5d5d5 !important;
    border-color:  #d5d5d5!important;
    background-image:  linear-gradient(140deg, #ddac17 0%, #ece78f 50%, #ddac17 75%) !important;
}
.js-cookie-consent{
  z-index: 9999 !important;
}
.swiper-container {
  overflow: visible;
}


.swiper-slide {
  transition: all 300ms ease-in-out;
  border-radius: 5px;
}

.swiper-slide img, .swiper-card {
  border-radius: 5px;
  max-width: 18rem;
  cursor: grab;
}

.swiper-slide img:active , .swiper-card:active{
  cursor: grabbing;
}

/* .swiper-slide:hover {
  transform: scale(1.5);
  transition: all 300ms ease-in-out;
  transition-delay: 300ms;
  z-index: 1;
} */

.swiper-slide:hover .swiper-card {
  /* transition-delay: 300ms; */
  box-shadow: 0 0 5px 1px rgba(0,0,0,0.5);
}
/*--------------------------------------------------------------
# tooltip para Swal
--------------------------------------------------------------*/
.tool-tip[title-new]:hover:after {
  content: attr(title-new);
  position: absolute;
  border: #c0c0c0 1px dotted;
  border-radius: 10px;
  padding: 2px;
  display: block;
  z-index: 100000000000000000000000000000000000000000;
  background-color:var(--color-secondary);
  color: #ffffff;
  max-width: 200px;
  text-decoration: none;
  text-align:center;
margin-top:5px;
margin-left:-5%;
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  background-color: var(--color-background);
  transition: all 0.6s ease-out;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

#preloader div {
  width: 13px;
  height: 13px;
  background-color: var(--color-primary);
  border-radius: 50%;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  position: absolute;
  left: 50%;
}

#preloader div:nth-child(1) {
  left: calc(50% + 8px);
  animation: animate-preloader-1 0.6s infinite;
}

#preloader div:nth-child(2) {
  left: calc(50% + 8px);
  animation: animate-preloader-2 0.6s infinite;
}

#preloader div:nth-child(3) {
  left: calc(50% + 32px);
  animation: animate-preloader-2 0.6s infinite;
}

#preloader div:nth-child(4) {
  left: calc(50% + 56px);
  animation: animate-preloader-3 0.6s infinite;
}

@keyframes animate-preloader-1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes animate-preloader-3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes animate-preloader-2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(24px, 0);
  }
}
/* fim preload */

@media screen and (max-width: 599px) {
  .swiper-slide img, .swiper-card {
    max-width: 14rem;
  }
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
}

@media screen and (max-width: 400px) {
  .swiper-slide img, .swiper-card {
    max-width: 10.5rem;
    border-radius: 2px;
  }
}
/* fim carousel de anuncios */
/* Search blade */
.accordion-button:not(.collapsed) {
  color: var(--color-inverse);
  background-color: var(--color-primary) !important;
  }
  .accordion-button:focus {
    /* z-index: 3; */
    border: none !important;
    /* outline: 0; */
    box-shadow: none !important;
}
  .accordion-item:has(.show){
    border-width: 2px;
    border-top: none;
    border-color: var(--color-primary) !important;
  }
/* Search blade */
/* Anuncio Card */
.carg-img {
  float: left;
  overflow: hidden;
}

.card-img-div {
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
  justify-content: center;
  align-items: center;
  object-fit: cover;
  aspect-ratio: 1.6 !important;
}

.card-img img {
  width: 100%;
  height: -webkit-fill-available;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
}

/* Anuncio Card */
/* rating */
.rating {
  display: inline-block;
  position: relative;
  /* height: 50px;
  line-height: 50px;
  font-size: 50px; */
}

.rating label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer;
}

.rating label:last-child {
  position: static;
}

.rating label:nth-child(1) {
  z-index: 5;
}

.rating label:nth-child(2) {
  z-index: 4;
}

.rating label:nth-child(3) {
  z-index: 3;
}

.rating label:nth-child(4) {
  z-index: 2;
}

.rating label:nth-child(5) {
  z-index: 1;
}

.rating label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.rating label .icon {
  float: left;
  color: transparent;
}

.rating label:last-child .icon {
  color: #000;
}

.rating:not(:hover) label input:checked~.icon,
.rating:hover label:hover input~.icon {
  color: var(--color-primary);
}

.rating label input:focus:not(:checked)~.icon:last-child {
  color: #000;
  text-shadow: 0 0 5px var(--color-primary);
}

/* rating */
/* padroes */
.nav-div p {
  font-weight: 100;
}

.z-1500 {
  z-index: 1500 !important;
}

.primary-btn {
  /* background: rgba(var(--color-default-rgb), 0.07) !important; */
  background: var(--color-primary) !important;
  color: #fff !important;
}
.primary-btn-outliner {
  /* background: rgba(var(--color-default-rgb), 0.07) !important; */
  background: var(--color-inverse) !important;
  color: var(--color-primary) !important;
  text-transform: capitalize !important;
}
.bg-primary-btn:hover,.primary-btn:hover, .primary-btn-outliner:hover {
  background: var(--color-secondary) !important;
  color: var(--color-inverse) !important;
}

.bg-green {
  background-color: rgba(109, 229, 113, 0.35) !important;

}

.bg-green:hover {
  color: #000 !important;
}

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--color-secondary);
  --bs-tooltip-color: var(--color-inverse);
}

.border-primary-color {
  border-color: rgba(var(--color-primary-rgb), 1) !important;

}

.text-primary {
  color: var(--color-primary) !important;
}

.text-secondary {
  color: var(--color-secondary) !important;
}
.text-white:hover{
  color:white !important;
}
.text-shadow{
  text-shadow: 0 0 5px  var(--color-secondary);
}
.link:hover {
  color: var(--color-secondary) !important;
  cursor: pointer;
}
.blur-10{
  filter: blur(10px) !important;
}
.bolder {
  font-weight: 900 !important;
}
.swal2-container {
  z-index: 20000 !important;
}
.border-bottom-right-radius-4 {
  border-bottom-right-radius: 1rem !important;
}

.x200x200{
  width:200px;
  height:200px;
}
.border-top-right-radius-4 {
  border-top-right-radius: 1rem !important;
}

.border-primary-color {
  border-color: var(--color-primary) !important;
}
.border-5px {
  border-width: 0px 0px 5px 0px !important;
}

a {
  color: var(--color-primary) !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  font-weight: bold;
}

a:hover {
  color: rgba(var(--color-primary-rgb), 0.7) !important;
  text-decoration: none !important;
}

/* ************anuncio profile*************** */
/* text parts */
.descricao:first-letter {
  text-transform: uppercase;
}

.input-group-preco {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

/* stars rating */

.ratings {
  margin-right: 10px;
}

.ratings i {

  color: #cecece;
  font-size: 18px;
}

.rating-color {
  color: #fbc634 !important;
}

.review-count {
  font-weight: 400;
  margin-bottom: 2px;
  font-size: 12px !important;
}

.small-ratings i {
  color: #cecece;
}

.review-stat {
  font-weight: 200;
  font-size: 12px;
  margin-bottom: 2px;
}

/* favorito */
.favorito-heart {
  color: red !important;
  font-size:x-large;
  margin: 2px;
}

.favorito-heart:hover {
  color: var(--color-primary) !important;
  cursor: pointer;

}

/* picture gallery parts */
.pic-container,
.text-profile-container {
  height: 25vw !important;
}

.pic-1 {
  /* width:100%; */
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden
}

.pic-2 {
  /* width:100%; */
  height: 50%;
  /* display:flex; */
  justify-content: center;
  align-items: center;
  overflow: hidden
    /* position: relative; */

}

.pic-1 img,
.pic-2 img {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  /* max-width:70%;
  max-height:90%; */
}

/* nav parts */
.page .nav_header {
  --color-background: rgba(255, 255, 255, 0);
  --color-secondary: #ffffff;
  --color-nav: rgba(255, 255, 255, 0.515);
  --color-nav-hover: #ffffff;
}

.page.scrolled .nav_header {
  --color-background: #ffffff;
  --color-secondary: #444444;
  --color-nav: #444444;
  --color-nav-hover: #DBADA2;
}

.nav_header {
  --color-background: #ffffff;
  --color-inverse: #ffffff;
  color: var(--color-default);
  background-color: var(--color-background);
  /* padding: 15px 0; */
  transition: all 0.5s;
  /* z-index: 99; */
}

.nav_header a:hover {
  color: var(--color-primary);
  /* border-bottom: #0e4333; */
}

.scrolled .nav_header {
  --color-background: #ffffff;
  --color-secondary: #0e4333;
  --color-nav: #0e4333;
  --color-nav-hover: #e84545;
  /* box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1); */
  box-shadow: 0rem 0.6rem 1rem -0.5rem #888;
  color: rgb(83, 83, 83);
}

.b-shadow {
  box-shadow: 0rem 0.6rem 1rem -0.5rem #888;
}

.sub-paragrafo {
  color: var(--color-secondary) !important;
  font-size: 1.25rem !important;
}

/* home page inicio */
.cb-wellcome {
  flex-wrap: wrap;
  /* background-color: rgb(0, 0, 0, 0.35); */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(255, 0, 0, 0));
  width: 100%;
  min-height: 65vh;
  position: relative;
  /* padding: 160px 0 80px 0; */
  /* padding-top: 80px; */
  display: block;
  align-items: center;
  /* justify-content: center; */

}

.bg-img-wellcome {
  width: 100%;
  padding: 0px;
  background: url('../images/artwork.png');
  background-repeat: no-repeat;
  background-size: cover;

}

/* .about {
  width: 100%;
  padding: 0px;
  background: url('../images/artwork.png');
  background-repeat: no-repeat;
  background-size: cover;

} */
.about .content h2 {
  color: var(--color-secondary);
  font-weight: 700;
}

#about {
  background-image: url('../images/fornecedoresBG.jpeg');
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: cover;

  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.bg-img-wellcome-sm {
  width: 100%;
  padding: 0px;
  background: url('../images/bg-wellcome.jpeg');
  background-repeat: no-repeat;
  background-size: cover;

}

.wellcome-title {
  font-size: 2.5rem !important;
}

.cb-wellcome .nav_header {
  color: #fff;
}

.scrolled .cb-wellcome .nav_header {
  color: #32353a;
}

.wellcome-card {
  padding: 0 0.5rem 0 0.5rem;
  /* margin: 24px; */
}

.icon-box {
  box-shadow: 0 4px 6px 2px #d3d0d0;
  padding: 1rem;
  border-radius: .375rem;
  background-color: #ffffff !important;
  /* align-items: center; */

}

.icon-box i {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 0;
  transition: all 0.4s ease-out 0s;
  background-color: rgba(var(--color-primary-rgb), 0.05);
  color: var(--color-primary);
}

.icon-box:hover i {
  background-color: var(--color-primary);
  color: var(--color-inverse);
}

.icon-box p {
  font-size: large;
}

/* home page fim */
/* guest.layouts inicio */

.guest {
  background-color: rgb(0, 0, 0, 0.35);
  width: 100%;
  min-height: 100vh;
  position: relative;
  /* padding: 160px 0 80px 0; */
  padding-bottom: 80px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.bg-img {
  width: 100%;
  padding: 0px;
  background: url('../images/bg-guest.jpg');
  background-repeat: no-repeat;
  background-size: cover;

}

.guest .nav_header {
  color: #fff;
}

.scrolled .guest .nav_header {
  color: #32353a;
}

/* Footer */

.footer {
  --color-background: #f4f4f4;
  --color-box-background: rgba(14, 67, 51, 1);
  color: var(--color-default);
  background-color: var(--color-background);
  font-size: 14px;
  padding-bottom: 50px;

}

.footer .footer-top {
  padding-top: 50px;
}

.footer .copyright {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: var(--color-box-background);
  background-image: linear-gradient(to right, #27d39f, #0e4333);
}

.footer .footer-about .logo {
  line-height: 0;
  margin-bottom: 25px;
}

.footer .footer-about p {
  font-size: 14px;
  font-family: var(--font-primary);
}

.footer .footer-about span:hover {
  color: var(--color-secondary);
}

.footer .footer-about span {
  color: var(--color-primary);
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: var(--font-primary);
}

.footer .footer-links {
  margin-bottom: 30px;
}

.footer .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer-links ul li:first-child {
  padding-top: 0;
}

.footer .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.footer .footer-links ul a {
  color: rgba(var(--color-default-rgb), 0.8);
  display: inline-block;
  line-height: 1;

}

.footer .social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(var(--color-default-rgb), 0.5);
  /* font-size: 16px; */
  color: rgba(var(--color-default-rgb), 0.5);
  margin-right: 10px;
  transition: 0.3s;
  font-size: xx-large;
}

.footer .copyright {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: var(--color-box-background);
}

.footer .credits {
  margin-top: 6px;
  font-size: 13px;
}

.footer h4 {
  color: var(--color-secondary);
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-bottom: 12px;
}

.footer .footer-contact p {
  margin-bottom: 5px;
}

.footer .copyright p {
  margin-bottom: 0;
}

/* Footer */

/* responsividade pra telas */

@media (max-width: 575.98px) {

  /* tudo menor que 576px */
  .col-xs-12 {
    width: 100vw;
    ;
  }

  .pic-container {
    height: 60vw !important;
  }

  .text-profile-container {
    height: auto !important;
  }
}

@media (max-width: 767.98px) {

  /* tudo menor que 768px */
  .pic-container {
    height: 60vw !important;
  }

  .text-profile-container {
    height: auto !important;
  }
}

@media (min-width: 991.98px) {

  /* tudo maior que 992px */
  .col-1-5 {
    flex: 0 0 auto;
    width: 20%;
  }

}

@media (max-width: 991.98px) {

  /* tudo menor que 992px */
  .cb-wellcome {
    min-height: 40vh;
  }

  .wellcome-title {
    font-size: 1.3rem !important;
  }

  .bg-img-wellcome {
    width: 100%;
    padding: 0px;
    background: url('../images/bg-praia2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .pic-container {
    height: 60vw !important;
  }

  .text-profile-container {
    height: auto !important;
  }
}

@media (max-width: 1199.98px) {
  /* tudo menor que 1200px */

}

@media (max-width: 1399.98px) {
  /* tudo menor que 1400px */
}