@charset "UTF-8";
/*------------ slide show -----------*/
.carousel-caption-left {
  left: 15%;
  bottom: 15%;
  /*$carousel-control-width*/
  margin-right: auto;
  text-align: left;
}

.carousel-caption-right {
  right: 15%;
  bottom: 15%;
  /*$carousel-control-width*/
  margin-left: auto;
  text-align: right;
}

.carousel-caption {
  font-size: larger;
}

/*------- faixa por que a live é + ----- */
@media only screen and (max-width: 571px) {
  #por-que-live .coloms {
    display: flex;
  }
  #por-que-live .img {
    width: 20% !important;
  }
  #por-que-live .texto {
    width: 80% !important;
  }
}
/*------- faixa cartão live+ ----- */
#div-fundo-cartao {
  background-image: linear-gradient(#ba9901, transparent);
  padding-top: 5%;
  padding-bottom: 10%;
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  #div-fundo-cartao {
    padding-bottom: 30%;
  }

    #info-cartaolive {
        width: 85%;
        text-align: center;
    }
}

@media only screen and (max-width: 576px) {
    #div-fundo-cartao {
        padding-bottom: 70%;
    }
}

@media only screen and (max-width: 400px) {
    #div-fundo-cartao {
        padding-bottom: 100%;
    }
}
#cartao {
  width: 60%;
  aspect-ratio: 5/3;
  border: 2px solid #f8f9fa;
  background-color: #182755;
  border-radius: 6%/10%;
  transform: rotate(-15deg);
  padding: 5%;
  margin-bottom: 12%;
  box-shadow: -10px 10px 5px rgba(0, 0, 0, 0.2509803922);
  margin-top: 8%;
}

#cartao img {
  max-width: 50%;
  margin-left: 5%;
}

#cartao .nome {
  font-size: 1.25vw;
}

#cartao-branco {
  position: relative;
}

#cartao-branco div {
  position: absolute;
  left: 5%;
  background-color: #f8f9fa;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2509803922);
  padding: 10%;
}

/*------- faixa "o que oferecemos"----- */
#nav-tab-oferecimento .nav-item {
  border: none;
  color: #f8f9fa;
  font-size: large;
}

#nav-tab-oferecimento .nav-item:nth-child(even) {
  background-color: #2e4ba5;
}

#nav-tab-oferecimento .nav-item:nth-child(odd) {
  background-color: #23397d;
}

#nav-tab-oferecimento .active {
  background-color: #182755 !important;
}

/*------- faixa "pacotes"----- */
#pacotes h4 {
  font-size: small;
}

#pacotes img {
  width: 100px;
  margin: 10px 30px;
}/*# sourceMappingURL=home.css.map */