:root {
  --tituloCinza: var(--tituloCinza);
  --cor-secundaria: #2ecc71;
}

/* Tabela detalhe do produto Subtotal */
#thSubtotal {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: relative;
}

.help {
  width: 17px;
  height: 17px;
  background-color: #fd6d21;
  color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  line-height: 17px;
  font-weight: 500;
  cursor: pointer;

  p {
    color: #000;
    display: none;
    z-index: 50;
    line-height: 14px;
    font-weight: 400;
    text-align: left;
    letter-spacing: 0.3px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  }

  &:hover {
    p {
      position: absolute;
      left: calc(50% - 30px);
      transform: translateX(-50%);
      height: auto;
      width: max-content;
      padding: 15px;
      display: flex;
      background-color: #fafafa;
      margin-bottom: 0;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      box-sizing: border-box;
      align-items: center;
      justify-content: center;
      border-radius: 5px;

      &:before {
        content: "";
        width: 16px;
        height: 100%;
        position: absolute;
        left: -16px;
        top: 0;
      }
    }
  }
}

/* Extrato cashback */
.minhaContaColumns {
  .colDir_mc .container:has(#example_wrapper) {
    h3 {
      text-transform: none;
      font-family: inherit;
      margin-bottom: 20px !important;
    }

    #example_wrapper {
      margin-left: 0;
      width: 100%;
      text-transform: none;
      border-radius: 5px;
      height: 100%;
      border: solid 1px #aaaaaa;
      padding: 17px;
      margin-bottom: 24px;

      .dataTables_length {
        label {
          display: flex;
          align-items: center;
          justify-content: start;
          gap: 10px;

          select {
            width: 60px !important;
          }
        }
      }

      .dataTables_filter {
        label {
          display: flex;
          align-items: center;
          justify-content: end;
          gap: 10px;
        }
      }

      #example {
        margin-top: 4rem;

        th {
          text-align: center;
          background-color: #2d2d2d;
          color: #ffffff;
          border: 1px solid white;
        }

        td {
          border: 1px solid #d9d9d9;
        }
      }

      .paginate_button {
        background: transparent !important;
        border: 1px solid #2d2d2d !important;
      }

      .paginate_button.current {
        background-color: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
        color: #f7f7f7 !important;
      }

      .dataTables_info {
        text-align: center;
      }
    }
  }
}

/* Newsletter */
.assine {
  padding: 30px 0;

  .container,
  .container2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    > div {
      width: 100%;
      display: flex;
      gap: 20px;
      align-items: center;

      input {
        height: 30px;
        border-radius: 3px;
        border: 1px solid #717171;
        padding: 5px;
        font-size: 14px;
      }

      .button {
        padding: 10px 20px;
        border-radius: 3px;
        font-size: 14px;
        background: var(--secundary-color);
        color: #fff;
      }
    }

    > p {
      display: block !important;

      a {
        font-weight: bold;
        text-decoration: underline;
      }
    }
  }
}

.assine + .footer {
  margin-top: 0;
}

.afiliados .bannerInternas {
  position: relative;
}

.afiliados .bannerInternas .txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 35px;
  max-width: 768px;
}

.afiliados .bannerInternas .txt h2 {
  color: #fff;
  text-shadow: 0px 0px 6px #242424;
  font-size: 21px;
  margin-bottom: 35px;
}

.afiliados .bannerInternas .txt h1 {
  color: #fff;
  margin-bottom: 6px;
  text-shadow: 0px 0px 7px #242424;
  font-weight: bold;
  font-size: 39px;
  margin-bottom: 35px;
}

.afiliados .bannerInternas .txt a {
  background: var(--secundary-color);
  color: #fff;
  max-width: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  height: 60px;
  font-size: 18px;
}

.afiliados .bannerInternas img {
  height: 550px;
  width: 100%;
  max-width: 1280px;
}

.afiliados .boxFunciona ul {
  display: flex;
  margin-top: 20px;
  margin-bottom: 50px;
}

.afiliados .bannerInternas .title-bar {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: rgb(151 151 151 / 50%);
  text-align: center;
  padding: 10px 0;
  color: #fff;
  font-size: 15px;
}

.afiliados .boxFunciona ul li {
  text-align: center;
  background-color: #e7f8f8;
  max-width: 400px;
  width: 100%;
  padding: 30px;
  margin: 0px 10px;
  background-color: #cccccc1a;
  box-shadow:
    rgb(50 50 93 / 25%) 0px 2px 5px -1px,
    rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

.afiliados .boxFunciona ul li .txt p {
  text-align: justify;
}

.scroll-progresso {
  overflow: auto;
  position: relative;
  margin: 0 10px;
}

.linha-de-progresso .step.first {
  width: 15px;
}

.linha-de-progresso {
  width: 100%;
  display: flex;
  margin: 0px auto;
  justify-content: flex-end;
  height: 120px;
  padding-top: 50px;
  padding-left: 26px;
  color: #464855;
  max-width: 780px;
}

.linha-de-progresso .step.concluido {
  background: #e1e1e1;
}

.linha-de-progresso .step {
  height: 3px;
  background: #555555;
  width: 50%;
  position: relative;
  font-size: 12px;
}

.linha-de-progresso .step .numero {
  top: -7px;
  position: absolute;
  right: 12px;
  white-space: nowrap;
  font-size: 20px;
  z-index: 1;
  text-align: center;
  color: #fff;
}

.linha-de-progresso .step.concluido:after {
  background: var(--secundary-color);
}

.linha-de-progresso .step:after {
  content: "";
  width: 35px;
  height: 35px;
  background: #555555;
  position: absolute;
  border-radius: 190px;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}

.afiliados .boxFunciona ul li h1 {
  color: var(--secundary-color);
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 25px;
  margin-top: 0;
}

.afiliados .boxPerguntas ul li a.title {
  padding: 12px 10px;
  display: block;
  font-size: 16px;
  color: #000;
  background: url(../../images/select.png) no-repeat right;
  background-color: #cccccc1a;
  border-radius: 3px;
  box-shadow:
    rgb(50 50 93 / 25%) 0px 2px 5px -1px,
    rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

.afiliados .boxPerguntas ul li {
  border-radius: 3px;
  margin-bottom: 10px;
}

.afiliados .boxPerguntas h1 {
  color: var(--secundary-color);
  padding: 11px;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
}

@media (max-width: 1700px) {
  .afiliados__content-cards {
    max-width: 1300px !important;
  }
}

@media (max-width: 1400px) {
  .afiliados__content-cards {
    max-width: 1000px !important;
  }
}

#dvImgProdutoMob {
  display: none !important;
}

.pswp__img,
.pswp img {
  max-width: none !important;
  object-fit: contain !important;
}

@media (max-width: 768px) {
  #dvImgProdutoMob {
    display: block !important;
    margin: 40px 0;
    width: 100% !important;
  }

  #dvImgProdutoMob .ImgProdutoMob {
    width: 100% !important;
  }

  .ImgProdutoMob img {
    display: block !important;
    max-width: 100% !important;
    aspect-ratio: 1 /1 !important;
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
  }

  #dvImgProduto {
    display: none !important;
  }

  #ulThumbsMob {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: nowrap !important;
    max-width: 100%;
  }

  #ulThumbsMob > * {
    flex: 1;
  }

  #ulThumbsMob img {
    object-fit: cover;
    max-width: 100%;
    aspect-ratio: 1 /1;
    height: auto;
  }

  #ImgProdMob a {
    position: relative;
    display: block;
  }

  #ImgProdMob a::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("/assets/imagens/ico_search.svg");
    background-size: 40px;
    background-position: center;
    background-repeat: no-repeat;
    right: 0;
    bottom: 0;
    cursor: pointer;
  }

  .afiliados .boxFunciona ul {
    flex-direction: column;
  }

  .afiliados .boxFunciona ul li {
    max-width: initial;
    margin: initial;
    margin-bottom: 10px;
  }

  .afiliados .bannerInternas .txt {
    margin-left: initial;
    max-width: initial;
    padding: 10px;
  }

  .afiliados .bannerInternas .txt h1 {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .afiliados .bannerInternas .txt h2 {
    font-size: 12px;
    margin-bottom: 16px;
  }

  .afiliados .bannerInternas .title-bar {
    bottom: initial;
  }

  .linha-de-progresso {
    padding-bottom: 70px;
    height: 93px;
    margin-top: 100px;
  }

  .afiliados .bannerInternas .txt a {
    max-width: initial;
    padding: 5px;
  }

  .afiliados .bannerInternas .txt a {
    margin: initial;
  }
}

.button.btnDisabled {
  background: #dddddd !important;
}

.modalPopup #ctl00_ContentPlaceHolder1_LinkButton6 {
  padding: 5px;
  background-color: var(--primary-color);
  color: #fff;
  gap: 5px;
}

.modalPopup #ctl00_ContentPlaceHolder1_LinkButton5 {
  padding: 5px;
  background-color: var(--secundary-color);
  color: #fff;
  order: -1;
  margin-right: 5px;
  float: right;
}

.modalPopup .condicoes {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}

#ctl00_ContentPlaceHolder1_divAceitarContrato input {
  height: initial;
}

.tabelaVitrine,
#divGridView {
  width: 100%;
  overflow: auto;
}

.minhaContaColumns .colDir_mc .tabelaVitrine table tbody tr:first-child,
.minhaContaColumns .colDir_mc #divGridView table tbody tr:first-child {
  background-color: #fff;
}

.minhaContaColumns .colDir_mc .tabelaVitrine table,
.minhaContaColumns .colDir_mc #divGridView table {
  width: 100%;
  text-align: center;
}

.minhaContaColumns .colDir_mc .tabelaVitrine table tr:nth-child(even),
.minhaContaColumns .colDir_mc #divGridView table tr:nth-child(even),
#ctl00_ContentPlaceHolder1_gdvProdutos tr:nth-child(even) {
  background-color: #ff6a1252;
}

.minhaContaColumns .colDir_mc .tabelaVitrine table tr,
.minhaContaColumns .colDir_mc #divGridView table tr,
#ctl00_ContentPlaceHolder1_gdvProdutos tr {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
  height: 50px;
  padding: 0 13px 0 30px;
}

#ctl00_ContentPlaceHolder1_gdvProdutos tr {
  justify-content: space-between;
  height: 37px;
}

#ctl00_ContentPlaceHolder1_gdvProdutos .pagination {
  background-color: initial !important;
  justify-content: flex-end;
}

#ctl00_ContentPlaceHolder1_gdvProdutos .pagination td {
  padding: 5px;
  font-weight: 500;
}

.minhaContaColumns .colDir_mc .tabelaVitrine table td:first-child,
.minhaContaColumns .colDir_mc #divGridView table td:first-child {
  text-align: left;
  text-transform: none;
}

.minhaContaColumns .colDir_mc .tabelaVitrine table td {
  font-size: 16px;
  width: 25% !important;
}

.minhaContaColumns .colDir_mc .tabelaVitrine table th,
.minhaContaColumns .colDir_mc #divGridView table th {
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  color: #868473;
  width: 25%;
  text-transform: none;
}

.minhaContaColumns .colDir_mc .tabelaVitrine table th:first-child,
.minhaContaColumns .colDir_mc #divGridView table th:first-child {
  text-align: left;
}

.minhaContaColumns .colDir_mc #divGridView table th {
  font-weight: 900;
  color: black;
}

.minhaContaColumns .colDir_mc #divGridView table tr td span {
  font-weight: 500;
  color: black;
}

.minhaContaColumns .colDir_mc .tabelaVitrine table th:nth-child(3),
.minhaContaColumns .colDir_mc .tabelaVitrine table td:nth-child(3) {
  width: 40% !important;
  /*overflow: auto;*/
}

.minhaContaColumns .colDir_mc .tabelaVitrine table th:nth-child(2),
.minhaContaColumns .colDir_mc .tabelaVitrine table td:nth-child(2),
.minhaContaColumns .colDir_mc .tabelaVitrine table td:last-child,
.minhaContaColumns .colDir_mc .tabelaVitrine table th:last-child {
  width: 10% !important;
}

.cadastrarVitrine .minhaContaColumns .colDir_mc #rblStatus tbody {
  display: flex;
}

.cadastrarVitrine .minhaContaColumns .colDir_mc #rblStatus tbody tr {
  display: flex;
}

.cadastrarVitrine .minhaContaColumns .colDir_mc #rblStatus tbody tr td {
  margin: 0 5px;
  display: flex;
}

.cadastrarVitrine .minhaContaColumns .colDir_mc #rblStatus tbody tr td label {
  margin: 5px 0;
  display: block;
}

.cadastrarVitrine .minhaContaColumns .colDir_mc #rblStatus tbody tr td input {
  width: initial !important;
  display: flex;
  min-width: initial !important;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: initial;
  margin: 0 10px;
}

.cadastrarVitrine .minhaContaColumns .colDir_mc .pgmc .bx > .line:nth-child(1) {
  display: flex;
}

.cadastrarVitrine .minhaContaColumns .colDir_mc .pgmc .bx .line .boxCampo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  height: 100px;
}

.cadastrarVitrine .minhaContaColumns .colDir_mc .pgmc .bx > .line {
  flex-direction: column;
}

.cadastrarVitrine
  .minhaContaColumns
  .colDir_mc
  .pgmc
  .bx
  .line
  .boxCampo
  label {
  width: 100%;
  text-align: left;
}

.cadastrarVitrine
  .minhaContaColumns
  .colDir_mc
  .pgmc
  .bx
  .line
  .boxCampo
  table {
  width: 100%;
}

.cadastrarVitrine .minhaContaColumns .colDir_mc .pgmc .bx .boxCampo.addProduto {
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
}

.cadastrarVitrine
  .minhaContaColumns
  .colDir_mc
  .pgmc
  .bx
  .line
  .boxCampo
  .btn.alterar,
.cadastrarVitrine .minhaContaColumns .colDir_mc .pgmc .bx .btn.alterar {
  background-color: var(--primary-color);
  color: #fff;
  padding: 10px;
  border-radius: 25px;
  display: block;
}

#ctl00_ContentPlaceHolder1_imbPesquisarProd,
#ctl00_ContentPlaceHolder1_divModalRodapeProdutos .botoes input {
  background-color: #ff6a12;
  color: #fff;
  border-radius: 25px;
  height: 33px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}

#ctl00_ContentPlaceHolder1_divModalRodapeProdutos .botoes input {
  font-size: 16px;
  background-color: var(--secundary-color);
}

#ctl00_ContentPlaceHolder1_pnkProduto .tableLightBox {
  width: 100%;
}

.cadastrarVitrine .minhaContaColumns .colDir_mc .pgmc .bx .contextButtons {
  display: flex;
  margin: 10px 0;
  justify-content: space-between;
}

.cadastrarVitrine
  .minhaContaColumns
  .colDir_mc
  .pgmc
  .bx
  .contextButtons
  .btn.alterar,
.cadastro__button a {
  background-color: var(--secundary-color);
  width: 120px;
  text-align: center;
  font-size: 16px !important;
}

.minhaContaColumns .colDir_mc .pgmc .bx .btn.alterar {
  background-color: var(--primary-color);
  color: #fff;
  padding: 10px;
  border-radius: 25px;
}

.minhaContaColumns .colDir_mc .pgmc .bx div:first-of-type {
  text-align: right;
}

#ctl00_ContentPlaceHolder1_divModalProdutos {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  align-items: center;
  justify-content: center;
}

#ctl00_ContentPlaceHolder1_divModalProdutos .bk {
  margin: 0 auto;
  background-color: #fff;
  padding: 20px;
}

#ctl00_ContentPlaceHolder1_divModalProdutos
  table
  tbody
  tr:nth-child(2)
  td
  input {
  height: initial;
}

#ctl00_ContentPlaceHolder1_divModalProdutos .inputG input {
  height: 32px !important;
}

#ctl00_ContentPlaceHolder1_gdvProdutos tr td input {
  background-color: initial;
}

#ctl00_ContentPlaceHolder1_divModalProdutos #lblModalConteudoProdutos {
  margin: 10px 0;
  display: block;
  font-size: 22px;
}

#ctl00_ContentPlaceHolder1_LinkButtonInteresse {
  display: block;
  padding: 9px;
  width: 100%;
  background-color: var(--secundary-color);
  color: white;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 150px;
  border-radius: 0;
  text-align: center;
  transition: all linear 300ms;
  margin-top: 20px;
}

#ctl00_ContentPlaceHolder1_LinkButtonInteresse:hover {
  background-color: var(--primary-color);
}

#ctl00_ContentPlaceHolder1_divAceitarContrato a {
  text-decoration: underline;
}

#ctl00_ContentPlaceHolder1_divAceitarContrato {
  margin-top: 35px;
}

#ctl00_ContentPlaceHolder1_divServicoDetalhes ul {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  border-bottom: 1px solid #d8d8d8;
  border-bottom: none !important;
}

.produto .opcoes {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #efefef;
  background: #f9f9f9;
}

.produto .detail .itens_subtitle {
  font-size: 17px;
  margin-top: 0px;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}

#ctl00_ContentPlaceHolder1_divServicoDetalhes ul li.key,
#ctl00_ContentPlaceHolder1_divServicoDetalhes ul li.value {
  width: 45%;
}

#ctl00_ContentPlaceHolder1_divServicoDetalhes ul li.separator {
  width: 10%;
}

.boxResumo.boxResumo--total .valor_parcelado {
  font-weight: 400;
}

/*MODAL VALORES*/

#ctl00_ContentPlaceHolder1_divParcelas {
  cursor: pointer;
}

#ctl00_ContentPlaceHolder1_divParcelas div:nth-child(1) {
  margin-top: 20px;
  padding-right: 18px;
  background: url(/imagens/icones/more.png) no-repeat right 5px;
  background-size: 10px;
  width: fit-content;
}

.produto .melhoresParcelas {
  position: absolute;
  background-color: #fff;
  z-index: 1;
  transition: all 0.5s ease-in-out;
  width: 100%;
  max-width: 365px;
  overflow: auto;
  border: 1px solid #dddddd;
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
  padding: 10px;
  border-radius: 3px;
}

.produto .melhoresParcelas ul {
  display: flex;
  flex-wrap: wrap;
}

.produto .melhoresParcelas ul li {
  font-size: 12px;
  margin: 10px 0;
  font-weight: bold;
}

.produto .melhoresParcelas ul li.parcela {
  width: 10%;
}

.produto .melhoresParcelas ul li.parcelaValor {
  width: 35%;
}

.produto .melhoresParcelas ul li.juros {
  width: 20%;
}

.produto .melhoresParcelas ul li.total {
  width: 35%;
}

@media (max-width: 768px) {
  .produto .melhoresParcelas {
    position: initial;
  }
}

.flag_exclusivo {
  position: absolute;
  left: 0;
  background-color: var(--primary-color);
  color: #fff;
  padding: 10px;
  width: 100%;
  padding-left: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  top: 0;
  font-weight: 400;
  letter-spacing: 2px;
  opacity: 0.9;
  background-position: right;
  background-size: 25px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTEyLjAwMDAwMHB0IiBoZWlnaHQ9IjUxMi4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDUxMi4wMDAwMDAgNTEyLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTI0MzcgNDk4NiBjLTYwIC0yNSAtMTE3IC02NSAtMjI3IC0xNjAgLTc0IC02NCAtMTMzIC05NiAtMTc2IC05NgotMTcgMCAtODIgOSAtMTQ1IDIxIC0xNTYgMjggLTI2OSAyOCAtMzM3IC0xIC05NyAtNDIgLTE2MyAtMTM1IC0yMzEgLTMyNSAtNDAKLTExNSAtNjggLTE2NCAtMTA3IC0xOTAgLTE4IC0xMiAtODkgLTQzIC0xNjAgLTY5IC0xNTggLTU5IC0yMDEgLTg0IC0yNTkKLTE0OCAtNzggLTg3IC05MiAtMTg1IC01NSAtMzk4IDMwIC0xNzIgMjggLTE5NiAtMjAgLTI2NiAtMjMgLTMzIC03MSAtOTYKLTEwOCAtMTQxIC0xMDAgLTEyMSAtMTI3IC0xNzkgLTEyNyAtMjc4IDAgLTcxIDQgLTg4IDMyIC0xNDUgMTggLTM2IDc0IC0xMTQKMTI0IC0xNzUgNTAgLTYwIDk4IC0xMjQgMTA1IC0xNDIgMTkgLTQ0IDE4IC0xMDAgLTYgLTIyOCAtNTkgLTMxOSA1IC00MzIgMzA0Ci01NDAgMTEyIC00MSAxOTUgLTgxIDIwMiAtOTggMiAtNyAtODYgLTI5OCAtMTk2IC02NDYgLTExMCAtMzQ5IC0yMDAgLTYzOQotMjAwIC02NDQgMCAtNSA3IC0yNCAxNiAtNDIgMzEgLTY1IDI4IC02NSA1NzQgLTY1IDUyMyAwIDUzNyAxIDU2NyA0OCA2IDExCjYxIDE3OCAxMjMgMzczIDYxIDE5NSAxMTUgMzU4IDExOSAzNjIgNCA0IDMwIC0xMCA1NyAtMzEgMTc4IC0xNDIgMzMwIC0xNDIKNTA4IC0xIDI3IDIyIDUzIDM2IDU3IDMyIDQgLTQgNTcgLTE2NyAxMTkgLTM2MiA2MSAtMTk0IDExNyAtMzYyIDEyMyAtMzcyIDMwCi00OCA0MyAtNDkgNTY3IC00OSA1NDYgMCA1NDMgMCA1NzQgNjUgOSAxOCAxNiAzNyAxNiA0MiAwIDUgLTkwIDI5NSAtMjAwIDY0NAotMTEwIDM0OCAtMTk4IDYzOSAtMTk2IDY0NiA3IDE3IDkyIDU5IDE5NCA5NSAzMDMgMTA2IDM3MSAyMjQgMzEyIDU0MyAtMjQKMTI4IC0yNSAxODQgLTYgMjI4IDcgMTggNTUgODIgMTA1IDE0MiA1MCA2MSAxMDYgMTM5IDEyNCAxNzUgMjggNTcgMzIgNzQgMzIKMTQ1IDAgOTkgLTI3IDE1NyAtMTI3IDI3OCAtMzcgNDUgLTg1IDEwOCAtMTA4IDE0MSAtNDggNzAgLTUwIDk0IC0yMCAyNjYgMzcKMjE2IDIzIDMxMiAtNTkgNDAyIC01NCA1OSAtMTI3IDk5IC0yNjggMTQ5IC0xODEgNjQgLTE5MyA3NyAtMjYxIDI3MSAtNDIgMTE4Ci03NiAxODIgLTEyNSAyMzUgLTk2IDEwNCAtMTgxIDExNiAtNDc0IDY4IC0xNDYgLTI0IC0xNTggLTIwIC0zMDMgOTkgLTE1MgoxMjUgLTIxOSAxNjAgLTMxOSAxNjQgLTYyIDIgLTg3IC0yIC0xMzQgLTIyeiBtMTgxIC0yMDUgYzIwIC0xMSA3NSAtNTIgMTIyCi05MSAyMDMgLTE3MiAyODMgLTE5NSA1MjUgLTE1MCA2MCAxMSAxMzMgMjAgMTYzIDIwIDQ5IDAgNTggLTMgODYgLTMzIDIwIC0yMgo0NiAtNzQgNzUgLTE1MyA1NyAtMTU0IDgzIC0yMDYgMTMzIC0yNjAgNTMgLTU3IDExNCAtOTEgMjczIC0xNTAgNzEgLTI3IDE0MgotNjAgMTU4IC03NCAzOSAtMzUgNDMgLTgyIDE4IC0yMjIgLTEyIC02NCAtMjEgLTE1NSAtMjEgLTIwMiAwIC0xMzIgMjYgLTE4NgoxNjkgLTM1NSAzOSAtNDcgODAgLTEwNCA5MiAtMTI4IDIwIC00MiAyMSAtNDYgNSAtODcgLTkgLTIzIC01OSAtOTQgLTExMQotMTU3IC01MiAtNjMgLTEwNiAtMTM5IC0xMjEgLTE2OSAtMzkgLTc3IC00MyAtMTkyIC0xNSAtMzU5IDMwIC0xNzUgMjkgLTE4NwotMTcgLTIzMCAtMjggLTI2IC02OCAtNDcgLTE0OCAtNzUgLTI2NyAtOTYgLTMxNyAtMTQ0IC00MDkgLTM5NyAtNjEgLTE2NyAtODkKLTIwMyAtMTYxIC0yMDMgLTI3IDEgLTExNCAxMSAtMTkyIDI0IC0yMzAgMzggLTI5MiAyMCAtNDgzIC0xMzcgLTEyOSAtMTA3Ci0xNTUgLTEyMyAtMTk5IC0xMjMgLTQ0IDAgLTcwIDE2IC0yMDAgMTI0IC0xODUgMTUzIC0yNTUgMTczIC00ODIgMTM2IC03OAotMTMgLTE2NSAtMjMgLTE5MSAtMjQgLTcyIDAgLTk2IDMwIC0xNjMgMjA0IC05OCAyNTcgLTEzNyAyOTYgLTM5NCAzOTEgLTIwNgo3NSAtMjEzIDg2IC0xODQgMjYzIDExIDcwIDE5IDE3MCAxOSAyMzYgMCAxMDYgLTIgMTE5IC0yOCAxNzAgLTE1IDMwIC03MCAxMDYKLTEyMiAxNjkgLTUyIDYzIC0xMDIgMTM0IC0xMTEgMTU3IC0xNiA0MSAtMTUgNDUgNSA4NyAxMiAyNCA1MyA4MSA5MiAxMjggMTc4CjIxMCAxOTQgMjcxIDE0OCA1NTUgLTM1IDIxMCAtMjggMjIyIDE3NyAyOTggMjU3IDk2IDMxMiAxNDkgMzkyIDM3NyA0MiAxMjAKNzAgMTc2IDEwMCAxOTkgMzIgMjYgOTQgMjYgMjM2IDAgMTMyIC0yNCAyMTUgLTI1IDI4NiAtNCA2OCAyMCAxMTIgNDggMjMzCjE0OCAxNDcgMTIxIDE3NiAxMzMgMjQ1IDk3eiBtLTExNTcgLTM2MDIgYzg1IC04NSAxODggLTEwNCAzODUgLTcwIDEyMyAyMQoyMTQgMjcgMjE0IDE0IDAgLTUgLTQ5IC0xNjEgLTEwOCAtMzQ4IGwtMTA4IC0zNDAgLTM2NyAtMyBjLTIwMiAtMSAtMzY3IDEKLTM2NyA0IDAgOSAyNjIgODM3IDI2OCA4NDggMyA1IDE0IC04IDI0IC0yOCAxMCAtMjAgMzcgLTU1IDU5IC03N3ogbTI0MTgKLTMyMSBjNzIgLTIzMCAxMzEgLTQyMCAxMzEgLTQyMyAwIC0zIC0xNjUgLTQgLTM2NyAtMyBsLTM2NyAzIC0xMDggMzQwIGMtNTkKMTg3IC0xMDggMzQzIC0xMDggMzQ4IDAgMTMgOTEgNyAyMTQgLTE0IDEzOSAtMjQgMjMxIC0yMSAzMDAgMTAgNTIgMjMgMTI3IDk1CjE0NiAxNDEgNyAxNyAxNiAyNyAyMCAyMyA0IC00IDY2IC0xOTYgMTM5IC00MjV6Ii8+CjxwYXRoIGQ9Ik0yNDE1IDQyNTkgYy02MDAgLTczIC0xMDc0IC01MjQgLTExNzEgLTExMTcgLTI0IC0xNDMgLTE0IC0zODIgMjAKLTUyMCAxMjggLTUxMSA1MjMgLTg4OCAxMDQ2IC05OTkgMTE4IC0yNSAzODIgLTI1IDUwMCAwIDUyNCAxMTEgOTE4IDQ4NyAxMDQ2Cjk5OSAzNCAxMzggNDQgMzc3IDIwIDUyMCAtNzAgNDI1IC0zNDAgNzkxIC03MjYgOTg2IC0yMTMgMTA3IC01MDMgMTU5IC03MzUKMTMxeiBtNDMwIC0yNDMgYzM4OSAtMTAyIDY5NSAtNDEyIDgwMiAtODE0IDIzIC04NiAyNiAtMTE2IDI2IC0yNjcgMCAtMTUxIC0zCi0xODEgLTI1IC0yNjYgLTU5IC0yMTkgLTE0MiAtMzY0IC0yOTcgLTUyMCAtMjI4IC0yMjggLTQ3NSAtMzMyIC03OTEgLTMzMgotMjMzIDAgLTQyMyA1NyAtNjIwIDE4NCAtMTAxIDY2IC0yNzUgMjQ4IC0zMzcgMzUzIC0xMjAgMjAzIC0xNzIgNDEzIC0xNjAKNjQxIDI4IDUxMiA0MDggOTQ0IDkxNCAxMDQwIDEyNCAyMyAzNjEgMTQgNDg4IC0xOXoiLz4KPHBhdGggZD0iTTI0OTggMzcxMSBjLTE0IC0xMiAtNjAgLTk1IC0xMTMgLTIwOCAtNDggLTEwMyAtOTEgLTE5MSAtOTQgLTE5NQotMyAtMyAtOTYgLTIwIC0yMDYgLTM3IC0yMTEgLTMzIC0yMzggLTQzIC0yNjMgLTk1IC0yNyAtNTQgLTkgLTgxIDE1MSAtMjQzCmwxNTEgLTE1MyAtNDcgLTIwMiBjLTUwIC0yMTUgLTUzIC0yNDMgLTM2IC0yODEgMTMgLTI4IDU4IC01NyA5MSAtNTcgMTIgLTEKMTE0IDQ1IDIyNiAxMDIgbDIwMiAxMDMgMjAzIC0xMDMgYzExMSAtNTYgMjEzIC0xMDMgMjI1IC0xMDIgMzMgMCA3OCAyOSA5MQo1NyAxNyAzOCAxNCA2NiAtMzYgMjgxIGwtNDcgMjAyIDE1MSAxNTMgYzE2MCAxNjIgMTc4IDE4OSAxNTEgMjQzIC0yNSA1MiAtNTIKNjIgLTI2MyA5NSAtMTEwIDE3IC0yMDMgMzQgLTIwNiAzOCAtMyAzIC00NiA5MSAtOTQgMTk0IC01MyAxMTMgLTk5IDE5NiAtMTEzCjIwOCAtMTQgMTEgLTQwIDE5IC02MiAxOSAtMjIgMCAtNDggLTggLTYyIC0xOXogbTEyMyAtNDYzIGMzMSAtNjUgNjQgLTExOSA3OQotMTI5IDE1IC0xMSA3MSAtMjUgMTQ1IC0zNSA2NiAtMTAgMTIyIC0xOSAxMjQgLTIxIDIgLTEgLTM5IC00NyAtOTEgLTEwMSAtNTIKLTUzIC05OCAtMTA5IC0xMDEgLTEyNCAtNCAtMTYgNCAtNzYgMjMgLTE1NCAxNiAtNzEgMjggLTEzMCAyNiAtMTMxIC0yIC0yCi01NSAyNCAtMTE4IDU3IC03MyAzOCAtMTI3IDYwIC0xNDggNjAgLTIxIDAgLTc1IC0yMiAtMTQ4IC02MCAtNjMgLTMzIC0xMTYKLTU5IC0xMTggLTU3IC0yIDEgMTAgNjAgMjYgMTMxIDE5IDc4IDI3IDEzOCAyMyAxNTQgLTMgMTUgLTQ5IDcxIC0xMDEgMTI0Ci01MiA1NCAtOTMgMTAwIC05MSAxMDEgMiAyIDU4IDExIDEyNCAyMSA3NCAxMCAxMzAgMjQgMTQ1IDM1IDE1IDEwIDQ4IDY0IDc5CjEyOSAzMCA2MiA1NyAxMTIgNjEgMTEyIDQgMCAzMSAtNTAgNjEgLTExMnoiLz4KPC9nPgo8L3N2Zz4K);
  background-position-x: 50px;
  background-position-y: 7px;
  height: 40px;
}

.container.marca .boxProdutos .prods ul li a {
  position: relative;
}

.box-personalizacao {
  margin-top: 20px;
}

.Products .item .productInfos {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.Products .item .productInfos .desconto {
  order: -1;
}

.Products .item .productInfos span {
  margin: 10px 0;
  text-align: center;
}

/*.Products .item {
    display: flex;
}*/

.Products .item .productInfos {
  min-height: initial;
}

.Products .item .buy .button {
  line-height: initial;
  padding: 5px;
}

#ctl00_ContentPlaceHolder1_upProgress {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999999;
}

#ctl00_ContentPlaceHolder1_upProgress .loader {
  margin: 15% auto;
  padding: 20px;
  width: 100%;
  text-align: center;
}

.Products.flex-start.flex-wrap.prods.list .Products.flex-between.flex-wrap {
  display: block !important;
}

.Products.list .Products {
  display: initial;
  grid-template-columns: initial;
}

.Products.flex-start.flex-wrap.prods.list .item .flex-column {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  padding: 10px;
}

.Products.flex-start.flex-wrap.prods.list .item .titulo {
  text-transform: uppercase;
}

body .produto .thumbnail {
  max-width: 100%;
  max-height: max-content;
  margin: 0;
}

body .produto .sale {
  background: var(--cor-secundaria);
  color: #fff;
  width: fit-content;
  padding: 5px 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.Products.flex-start.flex-wrap.prods.list .Products .thumbnail img {
  width: 200px;
  height: 168px;
  object-fit: cover;
}

.Products.flex-start.flex-wrap.prods.list .flex-column div {
  flex: initial;
}

.Products.flex-start.flex-wrap.prods.list .item .infos {
  flex: initial;
}

.vitrine .col-last .Products.list {
  display: block;
  grid-template-columns: initial;
}

.queroVender .boxPassos .card01 .row .col .infoSpan {
  text-align: left;
  margin: 10px 0;
}

fieldset .camposH tr {
  justify-content: space-between !important;
  width: 45% !important;
}

fieldset .camposH td select {
  margin-left: 5px !important;
  width: 150px !important;
}

fieldset .camposH tbody {
  flex-wrap: wrap !important;
  gap: 10px !important;
}

fieldset .camposH tr + tr {
  margin-left: initial !important;
}

.passos li.p1 p:before,
.passos li.p2 p:before,
.passos li.p3 p:before,
.boxCarrinho table.carrinho tr td.tdFrete p.insiraCEP:before {
  background: none !important;
}

.boxPassos2 .card01 .texto {
  max-height: 270px !important;
  overflow-x: hidden;
}

.infoSpan b {
  font-weight: bold;
}

/*Tela Nova Todas Categorias */

.content.queroAnunciar {
  max-width: 100%;
}

.queroAnunciar + .boxGrey {
  background: #f4f4f4;
  padding-top: 15px;
}

.queroAnunciar + .boxGrey h2 {
  font-size: 36px;
  margin-bottom: 13px;
}

.politicas.termos .boxScroll div {
  font-size: 16px;
}

.content.tc .breadcrumb {
  margin-bottom: 50px;
}

.content.tc h1 {
  color: #002c6c;
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 21px;
}

.content.tc .todasCategorias {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 35px));
  justify-content: space-between;
}

.content.tc .todasCategorias .categoria .image {
  width: 215px;
  /* border-top: 5px solid #BF83B9; */
  border: 1px solid #b1b3b3;
  border-top: 5px solid #bf83b9;
  margin-bottom: 28px;
}

.content.tc .todasCategorias .categoria {
  margin-bottom: 29px;
}

.content.tc .todasCategorias .categoria .image img {
  width: 100%;
}

.content.tc .todasCategorias .categoria ul a b {
  font-size: 18px;
  color: #002c6c;
  font-weight: 400;
}

.content.tc .todasCategorias .categoria ul a {
  color: #008dbd;
  font-size: 14px;
  margin-bottom: 12px;
  display: block;
}

.content.tc .todasCategorias .categoria .image h3 {
  font-size: 17px;
  color: #fff;
  background: #002c6c;
  font-weight: 400;
  padding: 20px 10px;
}

.content.tc .todasCategorias .categoria ul {
  columns: 1;
}

footer .copyright a {
  font-size: 14px;
  text-decoration: underline;
  color: var(--secundary-color);
  font-weight: 600;
}

/*FOOTER TEMPLATE2*/

/* footer.mp2 .pgto h3 {
    width: fit-content;
}

footer.mp2 .assine .container > div {
    display: inline;
}

footer.mp2 .assine .container > div button {
    width: 100%;
    margin-top: 8px;
}


footer.mp2 .assine .container > div input {
    margin-top: 8px;
}

footer.mp2 .assine .container {
    padding: initial;
}

footer.mp2 .container .pgto {
    margin-top: 20px;
}

footer.mp2 .assine .container h2 {
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #000;
    padding-bottom: 4px;
} */

/*footer template2*/

/*Tela Nova Todas Categorias */

@media only screen and (max-width: 768px) {
  .content.tc .todasCategorias {
    display: flex;
    flex-wrap: wrap;
  }
}

footer .assine .container > div input {
  margin-right: 8px;
}

footer .assine .container > div button {
  height: 35px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

footer .assine .container h2 {
  margin-bottom: 10px;
}

#ctl00_ContentPlaceHolder1_divParcelas:hover .melhoresParcelas {
  display: block !important;
}

/*RECUPERAR SENHA*/

.recuperarSenha .box_recuperarSenha {
  display: flex;
  align-items: center;
  justify-content: center;
}

.recuperarSenha .box_recuperarSenha .boxId {
  width: 563px;
  display: inline-block;
  padding: 37px 93px 37px 93px;
  margin-bottom: 0px;
  position: relative;
  background-color: rgb(255 255 255 / 0.8);
}

.recuperarSenha .box_recuperarSenha .boxId h3 {
  font-size: 23px;
  color: var(--primary-color);
  text-transform: none;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  width: calc(100% + 43px);
  margin-left: -21.5px;
}

.recuperarSenha .box_recuperarSenha .boxId input {
  width: 100%;
  height: 35px;
  padding: 0 14px;
  border: 1px solid #cdcccc;
  border-radius: 2px;
  color: #989898;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  margin-top: 5px;
  font-size: 14px;
  border-radius: 30px;
}

.recuperarSenha .box_recuperarSenha .boxId a {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  font-size: 20px;
  color: var(--soft-color);
  margin: 0 auto;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  border-radius: 42px;
  font-weight: 400;
  border: 1px solid var(--secundary-color);
  background: var(--secundary-color);
}

/*RECUPERAR SENHA FIM*/

.boletoLinha {
  gap: 20px;
  margin-top: 20px;
}

.boletoLinha .btnInserir {
  cursor: pointer;
  background-color: #e7e7e7;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 3px;
}

.boletoLinha .LinhaDigitalizavelBoleto {
  display: flex;
  align-items: center;
  justify-content: center;
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: var(--primary-color);
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

/*MELHORES FRETES*/
.melhoresFretes {
  padding: 5px 0;
  cursor: pointer;
  position: relative;
  user-select: none;
}

.melhoresFretes .modalCEP {
  min-width: 260px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.2s;
  z-index: 100;
  top: 50px;
  left: -20px;
  background: #fff;
  padding: 20px;
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
  border-radius: 3px;
}

.melhoresFretes .modalCEP.show {
  opacity: 1;
  visibility: visible;
}

.melhoresFretes .modalCEP p {
  margin-bottom: 10px;
}

.melhoresFretes .modalCEP a {
  width: 100%;
  text-align: center;
  font-size: 22px;
  background-color: var(--primary-color);
  color: #fff;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  margin-top: 20px;
  transition: all 0.2s;
}

.melhoresFretes .modalCEP a:hover {
  background-color: var(--secundary-color);
}

.melhoresFretes .modalCEP input {
  border-radius: 3px;
}

.melhoresFretes .modalCEP #cepInvidualText {
  width: 60%;
  background-image: none;
  padding: 0;
  color: initial;
  margin-top: 0;
  letter-spacing: 5px;
}

.melhoresFretes .modalCEP input[type="submit"]:nth-child(4) {
  width: 100%;
  border: 2px solid var(--secundary-color);
  color: var(--secundary-color);
  transition: all 0.2s;
  width: 30%;
  background-image: none;
  padding: 0;
}

.melhoresFretes .modalCEP input[type="submit"]:nth-child(4):hover {
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
}

.melhoresFretes .btnCEP {
  display: flex;
  gap: 5px;
  align-items: center;
}

.melhoresFretes .btnCEP:hover .cepIndividualExib {
  text-decoration: underline;
}

.melhoresFretes .btnCEP:hover .CepIndividualLink {
  text-decoration: none !important;
}

.melhoresFretes .btnCEP svg {
  fill: var(--secundary-color);
  width: 20px;
  height: 20px;
}

.melhoresFretes .modalCEP.show:before {
  content: "";
  width: 25px;
  height: 25px;
  background: #fff;
  transform: rotate(45deg);
  position: absolute;
  z-index: 99999;
  left: 17px;
  top: -10px;
}

.melhoresFretes .CepIndividualLink {
  background-color: var(--primary-color);
  color: #fff;
  padding: 2px 10px;
  border-radius: 3px;
  text-decoration: none;
}

.melhoresFretes .CepIndividualLink:hover {
  background-color: var(--secundary-color);
}

.bgLoader.actBG {
  display: block !important;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 768px) {
  .melhoresFretes .modalCEP {
    position: initial;
    order: 2;
    max-height: 0;
    padding: 0;
    box-shadow: none;
    visibility: hidden;
  }

  .melhoresFretes {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
  }

  .melhoresFretes .modalCEP.show:before {
    content: "";
    display: none;
  }

  .melhoresFretes .modalCEP.show {
    max-height: 100%;
    padding: 20px 0;
    visibility: visible;
  }

  .bgLoader.actBG {
  }
}

/*FIM MELHORES FRETES*/

/*REFORMULACAO FILTROS*/

.vitrine .filtros_select.mb-5 {
  background-color: #efefef;
  padding: 5px;
  border-radius: 5px;
}

.vitrine .filtros_select.mb-5 h3 {
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
  padding-bottom: 10px;
  color: var(--primary-color);
}

.vitrine .filtros_select.mb-5 .box-bt {
  width: 100%;
  text-align: center;
  background-color: var(--secundary-color);
  color: #fff;
  border-radius: 5px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vitrine .mb-5 {
  margin-bottom: 20px;
}

.vitrine .mb-3 {
  margin-bottom: 12px;
}

.vitrine .filters .category {
  padding-bottom: 15px;
  border-bottom: 1px solid #dedede;
  margin-bottom: initial;
}

.vitrine .filters .category + .category {
  margin-top: 20px;
}

.vitrine .category h3 {
  color: var(--primary-color);
}

.vitrine .category ul {
  margin-top: 16px;
  border: 1px solid #f3f3f3;
  padding: 5px 8px;
  overflow: auto;
  max-height: 210px;
}

.vitrine input[type="checkbox"]:checked,
.boxProdutos.vitrine input[type="radio"]:checked {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.vitrine input[type="checkbox"] {
  height: auto;
  margin-right: 15px;
  appearance: none;
  width: 13px;
  height: 13px;
  border: 1px solid #707070;
  padding: 0;
  border-radius: 0px;
  background-color: white;
}

.vitrine .category .preco,
.category .marcas {
  margin-top: 20px;
  padding: 0;
}

.boxProdutos.vitrine input[type="radio"] {
  margin-right: 8px !important;
  appearance: none;
  width: 13px;
  height: 13px !important;
  border: 1px solid #707070;
  padding: 0;
  border-radius: 0px;
  background-color: white;
}

.boxProdutos.vitrine .category ul::-webkit-scrollbar,
.vitrine .category table::-webkit-scrollbar {
  width: 8px;
  height: 6px;
}

.boxProdutos.vitrine .category ul::-webkit-scrollbar-thumb,
.vitrine .category table::-webkit-scrollbar-thumb {
  background: #cccccc;
  border: 0px none #d8d8d8;
}

.vitrine .category table {
  display: block;
  border: 1px solid #f3f3f3;
  padding: 5px 8px;
  overflow: auto;
  max-height: 210px;
}

.vitrine .btn--orange {
  background-color: var(--secundary-color);
  color: #fff;
  width: 100%;
  max-width: 100% !important;
}

.vitrine .category table tr td {
  display: flex;
  padding: 0 !important;
  margin-top: 11px;
}

.vitrine .category table tr:first-child td {
  margin-top: 0 !important;
}

.vitrine #ctl00_ContentPlaceHolder1_divMarcaFiltro {
  border-bottom: none !important;
}

/*FIM REFORMULAÃƒÆ’Ã¢â‚¬Â¡ÃƒÆ’Ã†â€™O FILTROS*/

/*VITRINE COMPARTILHADA*/

.vitrine.compartilhada .headerVitrineCompartilhada {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vitrine.compartilhada #ctl00_ContentPlaceHolder1_div_result {
  margin-top: 20px;
}

.vitrine.compartilhada
  .headerVitrineCompartilhada
  .descricaoVitrineCompartilhada {
  text-align: center;
  width: 100%;
}

.vitrine.compartilhada .ordenacaoVitrineCompartilhada {
  display: flex;
  justify-content: flex-end;
}

.vitrine.compartilhada .fotoAfiliadoVitrine {
  max-width: 150px;
}

/* FIM VITRINE COMPARTILHADA*/

/* AGENDAMENTO PDP */

/* Estilo para datas bloqueadas (vermelho) */
.bloqueada .ui-state-default {
  background-color: #e53529 !important;
  color: white;
  border: 1px solid #e53529 !important;
  border-radius: 4px;
}

/* Estilo para datas desbloqueadas (verde) */
.escolhaData .desbloqueada .ui-state-default {
  background-color: #5cb25d !important;
  color: white;
  border: 1px solid #5cb25d !important;
  border-radius: 4px;
}

/* Estilo para datas passadas (cinza) */
.passada .ui-state-default {
  background-color: gray !important;
  color: white;
  border: 1px solid gray !important;
  border-radius: 4px;
}

/* Remova o destaque/foco da data de hoje (cor de fundo transparente) */
.ui-datepicker-today {
  background-color: transparent !important;
  color: inherit !important;
  border: none !important;
  border-radius: 4px;
}

.ui-state-highlight {
  background-color: blue;
  /* Define a cor de fundo como azul */
  color: white;
  /* Define a cor do texto como branco (opcional) */
}

.ui-datepicker td a,
.ui-datepicker td span {
  text-align: center !important;
}

#legenda {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 10px;
}

.legenda-item {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.legenda-cor {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.legenda-vermelha {
  background-color: #e53529;
  border-radius: 4px;
}

.legenda-verde {
  background-color: #5cb25d;
  border-radius: 4px;
}

.legenda-texto {
  font-size: 14px;
}

.containerdiv {
  display: none;
  border: 1px solid #ccc;
  /* Borda fina cinza */
  padding: 10px;
  /* EspaÃƒÆ’Ã‚Â§amento interno para a borda */
}

.escolhaData {
  margin-top: 10px;
  padding: 15px;
  border: 1px solid #e1e1e1;
  background: #fff;
  border-radius: 5px;
}

.escolhaData h3 {
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}

.escolhaData .ui-datepicker-inline {
  width: 100%;
}

.escolhaData #calendario {
  margin-bottom: 10px;
}

.escolhaData .ui-datepicker-header {
  background-color: var(--secundary-color);
  color: white;
}

.escolhaData .ui-datepicker .ui-datepicker-title {
  font-family: "Roboto";
  font-weight: 500;
}

.escolhaData .ui-widget-header .ui-icon {
  filter: brightness(0) invert(1);
}

.escolhaData .ui-widget.ui-widget-content {
  border-radius: 4px;
}

.escolhaData #radiobuttons span {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.escolhaData #radiobuttons {
  display: flex;
  flex-direction: column;
}

#detalhesFrete {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#detalhesFrete p span {
  font-size: 15px;
}

#detalhesFrete #btnAlterar {
  height: 35px;
  background-color: var(--secundary-color);
  color: white;
  font-size: 16px;
  text-transform: lowercase;
  padding: 0 10px;
  border-radius: 4px;
}

#detalhesFrete.detalhesFreteCarrinho #btnAlterar {
}

#detalhesFrete.detalhesFreteCarrinho {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 20px;
}

.escolhaDataCarrinho .escolhaDataCarrinhoCalendario {
  display: flex;
  column-gap: 20px;
}

/* NOVO CEP TEMA01 */

header.main.comCEP .melhoresFretes > div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
}

header.main.comCEP .melhoresFretes .btnCEP {
  color: black;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}

header.main.comCEP .melhoresFretes .modalCEP {
  min-width: 260px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition:
    opacity 0.2s,
    visibility 0.2s;
  z-index: 100;
  top: 50px;
  left: -20px;
  background: #fff;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(99, 99, 99, 0.2);
  border-radius: 3px;
}

header.main.comCEP .melhoresFretes .modalCEP.show {
  opacity: 1;
  visibility: visible;
}

header.main.comCEP .melhoresFretes .modalCEP p {
  margin-bottom: 10px;
}

header.main.comCEP .melhoresFretes .modalCEP a {
  width: 100%;
  text-align: center;
  font-size: 16px;
  background-color: var(--primary-color);
  color: #fff;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  margin-top: 20px;
  transition: background-color 0.2s;
}

header.main.comCEP .melhoresFretes .modalCEP a:hover {
  background-color: var(--secundary-color);
}

header.main.comCEP .melhoresFretes .modalCEP input {
  border-radius: 3px;
  padding: 5px;
}

header.main.comCEP .melhoresFretes .modalCEP #cepInvidualText {
  width: 60%;
  padding: 5px;
  margin-top: 10px;
  letter-spacing: 5px;
}

header.main.comCEP .melhoresFretes .modalCEP input[type="submit"] {
  width: 30%;
  border: 2px solid var(--secundary-color);
  color: var(--secundary-color);
  background: none;
  padding: 5px;
  cursor: pointer;
  transition:
    border 0.2s,
    color 0.2s;
}

header.main.comCEP .melhoresFretes .modalCEP input[type="submit"]:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

header.main.comCEP .melhoresFretes .btnCEP svg {
  fill: var(--secundary-color);
  width: 20px;
  height: 20px;
}

header.main.comCEP .melhoresFretes .modalCEP.show::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 17px;
  top: -10px;
  z-index: 1;
}

.bgLoader.actBG {
  display: block !important;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

/* Responsividade */
@media only screen and (max-width: 768px) {
  header.main.comCEP .melhoresFretes .modalCEP {
    position: static;
    max-height: 0;
    padding: 0;
    box-shadow: none;
    visibility: hidden;
  }

  header.main.comCEP .melhoresFretes .modalCEP.show {
    max-height: 100%;
    padding: 20px;
    visibility: visible;
  }
}

/* NOVO CEP TEMA03*/

header.comCEP .search .flex.flex-between.flex-align-center > div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: end;
}

header.comCEP #inputCEP {
  margin-top: 5px;
  display: none;
}

header.comCEP .search .buscar .btnCEP {
  color: white;
}

header.comCEP .wrapperHeaderMenu {
  align-items: flex-end;
}

header.comCEP .buttonsH.contato,
header.comCEP .contato {
  row-gap: 23px;
}

/* valor pix */

.gpProdutoFormaPagamento .tipopagamento,
.valorR .tipopagamento {
  display: flex;
  column-gap: 5px;
  margin: 5px 0;
  justify-content: center;
  color: #949494;
}

.gpProdutoFormaPagamento .tipopagamento p {
  font-size: 13px;
}

.gpProdutoFormaPagamento .tipopagamento .valorpagamento {
  font-weight: bold;
}

/* NOVO RECURSO BARRA DE PESQUISA*/

#eac-container-txtBusca > ul > li:nth-child(1) > div > div > a #NameProd {
  padding: 15px 0px 15px 0;
  cursor: pointer;
  font-weight: bold;
}

#eac-container-txtBusca
  > ul
  > li:nth-child(1)
  > div
  > div
  > a
  > div:nth-child(1) {
  display: none;
}

.searchTermRealTime {
  text-decoration: underline;
  margin-bottom: 7px;
  display: block;
}

.sugeridosLabel {
  color: #575757;
}

#ctl00_ContentPlaceHolder1_rptLojas_ctl01_rpt2_ctl01_lkbIncluirInscritos {
  background-color: var(--secundary-color);
  color: white;
  padding: 1px 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 75px;
  border-radius: 3px;
  font-size: 13px;
  line-height: 1.1;
}

/* FIM NOVO RECURSO BARRA DE PESQUISA */

/* COMPRE JUNTO PDP*/
.compre-junto {
  background-color: #e3e3e3;
  padding: 40px 0;
}

.compre-junto-produto {
  max-width: 150px;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.compre-junto-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.compre-junto-produtoWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.compre-junto-produto-mais,
.compre-junto-produto-igual {
  background-color: var(--primary-color);
  color: var(--soft-color);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  margin: 0 auto;
  margin-top: 70px;
}

.compre-junto-produto-titulo h3 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
}

.compre-junto-produto-descricao p {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  white-space: pre-wrap;
  font-size: 15px;
  line-height: 1.3;
}

.compre-junto-produto-link a {
  font-size: 12px;
  color: #8c8c8c;
  text-decoration: underline;
}

.compre-junto-produto-preco span {
  font-weight: bold;
  font-size: 16px;
}

.compre-junto-titulo {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 18px;
}

.compre-junto-total-btnAdicionar button {
  background-color: var(--primary-color);
  color: white;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}

.compre-junto .container {
  max-width: 890px;
}

.compre-junto-total {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.compre-junto-total-titulo p {
  font-size: 14px;
}

.compre-junto-total-titulo b {
  font-weight: bold;
}

.compre-junto-total-preco span {
  font-size: 40px;
  font-weight: bold;
}

.compre-junto-produto-imgContainer img {
  max-width: 150px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .compre-junto-grid {
    white-space: nowrap;
    overflow: auto;
    min-width: 890px;
    padding-bottom: 40px;
  }

  .compre-junto .container {
    padding: 0 30px;
    overflow: auto;
  }
}

/* FIM COMPRE JUNTO PDP*/

.tableCaracteristicas {
  width: 100%;
  border: 1px solid #d9d9d9;
  margin: 10px 0;
}

.tableCaracteristicas-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.tableCaracteristicas-row .tableCaracteristicas-col:first-child {
  font-weight: bold;
}

.tableCaracteristicas-row:nth-child(even) {
  background-color: #eaeaea;
}

.tableCaracteristicas-row:nth-child(odd) {
  background-color: #fff;
}

.tableCaracteristicas-col {
  padding: 10px;
}

@media only screen and (max-width: 768px) {
  .tableCaracteristicas-row {
    display: flex;
    flex-direction: column;
  }
}

.gerenciarVitrineHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.gerenciarVitrineHeader h3 {
  font-size: 24px !important;
  letter-spacing: 0 !important;
  color: var(--tituloCinza) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
  margin-bottom: 0 !important;
  text-transform: none !important;
}

.gerenciarVitrineHeader .btn.alterar {
  padding: 10px 20px !important;
  background-color: var(--secundary-color) !important;
  text-transform: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.gerenciarVitrineHeader .btn.alterar img {
  height: 16px !important;
}

.minhaContaColumns {
  margin-top: 50px;
}

.vitrinesContainer {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
}

.vitrine__card {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: start;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  width: 280px;
  padding: 10px 20px;
}

p.vitrine__card-nome {
  color: var(--tituloCinza);
  font-size: 18px;
  font-weight: bolder;
  margin-top: 20px;
  text-transform: none;
}

p.vitrine__card-descricao {
  text-align: left;
  color: var(--tituloCinza);
  max-width: 260px;
  font-size: 16px;
  height: 50px;
}

p.vitrine__card-status.ativo {
  padding: 5px 15px;
  background-color: #aaffbe;
  border-radius: 20px;
  font-size: 12px;
  color: #0d472d;
  text-transform: uppercase;
}

p.vitrine__card-status.inativo {
  padding: 5px 15px;
  background-color: #ffd9d2;
  border-radius: 20px;
  font-size: 12px;
  color: #0d472d;
  text-transform: uppercase;
}

.vitrine__card-produtos {
  display: flex;
  flex-direction: column;
  height: 150px;
  gap: 15px;
}

.card__produto {
  display: flex;
  border-top: 1px solid #e6ebf0;
  padding-top: 15px;
  gap: 10px;
}

.card__produto p {
  color: #707070;
  font-size: 14px;
  text-align: left;
}

.card__produto img {
  height: 14px;
}

.vitrine__card-buttons {
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding: 15px 0px;
}

.vitrine__card-buttons a {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 20px;
  text-transform: none !important;
  font-weight: bold;
  padding: 8px 15px;
  font-size: 14px;
  cursor: pointer;
}

.vitrine__card-buttons a img {
  height: 14px;
}

a.button__copyId {
  border: 1px solid #cbcbcb;
  color: #000000;
}

a.button__detalhes {
  color: white;
  background-color: var(--secundary-color);
}

a.button__detalhes:hover {
  opacity: 0.8;
  transition: 0.3s ease-in-out;
}

.pgmc.modal__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bx.modal__container-content {
  width: 800px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0px 20px;
  border-radius: 10px;
}

.vitrine__container-input {
  width: 500px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px;
  text-transform: none !important;
}

.boxCampo.vitrine__container-input input {
  width: 500px;
  background: none;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 20px;
}

.imageEtapa__container {
}

.imageEtapa__container img {
  margin-left: 20px;
  position: relative;
  bottom: 55px;
}

.imageEtapa__container img.image__ativo {
  bottom: 10px;
}

.contextButtons.container__buttons {
  width: 500px;
}

.boxCampo.container__checkBox {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
}

.boxCampo.container__checkBox label {
  text-transform: none !important;
}

.container__buttons-actions {
  display: flex;
  gap: 10px;
  margin-top: 13px;
}

.cadastrarVitrine
  .minhaContaColumns
  .colDir_mc
  .pgmc
  .bx
  .contextButtons
  .btn.cancel,
.container__mensagem .container__buttons a:first-child {
  background-color: transparent;
  color: #000;
  border: 1px solid #cbcbcb;
  border-radius: 20px;
  padding: 10px 20px;
  text-transform: none !important;
  font-size: 14px;
}

.cadastrarVitrine .minhaContaColumns .colDir_mc .pgmc .bx .contextButtons a {
}

.cadastrarVitrine
  .minhaContaColumns
  .colDir_mc
  .pgmc
  .bx
  .contextButtons
  .btn.prox {
  border-radius: 20px;
  padding: 10px 30px;
  text-transform: none !important;
}

.cadastrarVitrine
  .minhaContaColumns
  .colDir_mc
  .pgmc
  .bx
  .contextButtons
  .btn.prox:hover {
  cursor: pointer;
  opacity: 0.8;
  transition: 0.8s ease-in-out;
}

.produtos__container {
  width: 90%;
}

.produtos__container .tableList {
  margin-top: 10px;
}

.produtos__container .tableList tr {
  text-align: left;
  overflow: hidden;
  background-color: transparent !important;
  border: 1px solid #a5c9ff;
  width: 98% !important;
  padding: 30px 10px !important;
}

.produtos__container .tableList tr:first-child {
  border: 0;
  font-weight: bolder;
  text-transform: uppercase;
  text-align: left;
  padding: 0 !important;
}

.produtos__container .tableList tr td span {
  font-weight: 500;
  color: black;
}

.produtos__container .tableList tr.pagination,
.produtos__container .tableList tr.pagination td {
  width: 100%;
  border: 0 !important;
}

.container__filtros {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.container__filtros .fundo_claro {
  text-transform: none !important;
}

.container__pesquisas {
  display: flex;
  gap: 15px;
}

.container__filtros-filtro {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
}

.etapa2__title {
  display: block;
  width: 100% !important;
  text-align: left;
  margin-bottom: 15px;
  color: var(--tituloCinza);
  text-transform: none !important;
  font-size: 20px !important;
  font-weight: 900;
}

.bk.container__etapa2 {
  display: flex;
}

.container__mensagem {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  background-color: #f7f7f7;
  height: fit-content;
  padding: 30px 20px;
  border-radius: 10px;
  margin-left: 20px;
}

table#gdvVitrinesCompartlhadaItens th:nth-child(2),
table#gdvVitrinesCompartlhadaItens td:nth-child(2) {
  display: none;
}

table#gdvVitrinesCompartlhadaItens tr:first-child {
  border: none !important;
  padding: 0px !important;
  text-transform: uppercase;
}

table#gdvVitrinesCompartlhadaItens tr:first-child th {
  font-weight: bolder;
}

table#gdvVitrinesCompartlhadaItens tr {
  border: 1px solid #a5c9ff;
  padding: 30px 10px !important;
}

.produtos__container-selecionados table tr {
  background-color: transparent !important;
  width: 100% !important;
  padding: 0 !important;
  text-align: left;
}

.container__mensagem .container__buttons {
  display: flex;
  gap: 10px;
  width: 100%;
  justify-content: center;
}

.container__mensagem .container__buttons a {
  cursor: pointer;
}

.container__mensagem .container__buttons a:nth-child(2) {
  padding: 10px 20px;
  background-color: #707070;
  color: white;
  border-radius: 20px;
}

.produtos__container table tbody tr:nth-child(2) td div {
  margin-top: 20px;
  max-height: 322px;
  overflow-y: scroll;

  scrollbar-color: #ff6a12 transparent;
  scrollbar-width: thin;
}

.produtos__container table tbody tr:nth-child(2) td div::-webkit-scrollbar {
  width: 6px;
}

.produtos__container
  table
  tbody
  tr:nth-child(2)
  td
  div::-webkit-scrollbar-thumb {
  background-color: #ff6a12;
}

.produtos__container
  table
  tbody
  tr:nth-child(2)
  td
  div::-webkit-scrollbar-track {
  background-color: transparent;
}

.etapa2.container__buttons-actions {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.etapa3 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.etapa3__card-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 90%;
  column-gap: 30px;
  row-gap: 50px;
}

.etapa3__card {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border: 1px solid #a5c9ff;
  border-radius: 20px;
  padding: 30px;
  padding-top: 40px;
  width: 250px;
  height: 380px;
}

.etapa3__card-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 5px;
  border-bottom: 1px solid #e6ebf0;
  height: 60px;
}

.etapa3__card-header img {
  width: 20px;
  position: relative;
  bottom: 30px;
  left: 95%;
}

.etapa3__card-header img:hover {
  cursor: pointer;
  opacity: 0.8;
}

.etapa3__card-header p {
  font-size: 25px;
  font-weight: bolder;
  text-align: left;
}

.etapa3__card-header input {
  background: none;
  height: 15px;
  border-radius: 5px;
  margin-left: 10px;
}

.etapa3__card-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 350px !important;
}

.etapa3__card-line {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.etapa3__card-line img {
  max-width: 24px;
}

.etapa3__card-line p {
  font-size: 14px;
  color: black;
  font-weight: 600;
  text-align: left;
}

.etapa3__card-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.etapa3__card-footer p {
  color: #ff6a12;
  font-size: 12px;
  margin-top: 25px;
  font-weight: 500;
  text-align: left;
}

.etapa3__mostrarMais a {
  padding: 10px 20px;
  background-color: transparent;
  border: 1px solid gray;
  color: black;
  font-size: 12px;
  border-radius: 20px;
  text-align: center;
}

.etapa3__mostrarMais:hover {
  cursor: pointer;
  opacity: 0.8;
  transition: 0.2s;
}

.etapa3__mostrarMais {
  width: 90%;
  display: flex;
  justify-content: space-between;
}

.etapa3__mostrarMais p {
  color: var(--tituloCinza);
  font-size: 14px;
  font-weight: 600;
}

.etapa3__mostrarMais p:hover {
  cursor: pointer;
  text-decoration: underline;
}

.etapa3__aviso {
  width: 90%;
  background-color: #ff6a12;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  border-radius: 10px;
}

.etapa3__aviso p {
  color: #ffffff;
  font-size: 12px;
}

.etapa3__aviso img {
  width: 24px;
}

.etapa3 .container__buttons {
  width: 100%;
  display: flex;
  justify-content: center !important;
  align-items: center;
}

.etapa4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 30px;
  padding: 50px 0;
}

.etapa4__container-textos {
  width: 100%;
  text-align: center;
}

.etapa4__titulo {
  color: var(--tituloCinza);
  font-weight: bolder;
  font-size: 22px;
  text-transform: none !important;
}

.etapa4__texto {
  color: var(--tituloCinza);
  font-size: 14px;
  margin-top: 10px !important;
  text-transform: none !important;
}

.etapa4__container-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.etapa4__container-buttons a.button__voltar {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ff6a12;
  color: white;
  text-transform: none !important;
  border-radius: 20px;
  padding: 10px 30px;
}

.etapa4__container-buttons a.button__copiarId {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: transparent;
  color: #000000;
  border: 1px solid #cbcbcb;
  text-transform: none !important;
  border-radius: 20px;
  padding: 10px 30px;
}

.etapa4__container-buttons a.button__copiarId img {
  width: 16px;
}

.minhaContaColumns .colDir_mc .inputG select {
  width: 300px !important;
  background-color: white !important;
  filter: none !important;
  border: 1px solid !important;
  color: gray;
}

.produtos__container-selecionados table tr td {
  width: 100% !important;
  max-width: 310px !important;
  color: #707070 !important;
}

.lp__container {
  width: 100%;
  height: 100%;
}

.lp__header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: 20px;
  background: linear-gradient(270deg, #fce7f6, #e3eaf8);
}

.lp__header-texts {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 412px;
}

.lp__header-texts p:first-child,
.lp__content-texts p:first-child {
  font-size: 20px;
  color: var(--tituloCinza);
  text-transform: none !important;
  font-weight: bold;
}

.lp__header-texts p:nth-child(2),
.lp__content-texts p:nth-child(2) {
  font-size: 16px;
  color: var(--tituloCinza);
  text-transform: none !important;
  font-weight: 400;
}

.lp__header-texts a,
.lp__content-button a {
  padding: 10px 30px;
  background-color: #ff6a12;
  border-radius: 20px;
  color: white;
  max-width: fit-content;
}

.lp__header-texts a:hover {
  opacity: 0.8;
  cursor: pointer;
  transition: 0.3s;
}

.lp__header-image {
  position: relative;
  top: 50px;
}

.lp__content {
  display: 100%;
  padding: 50px 0px;
}

.lp__line {
  display: flex;
  justify-content: center;
  gap: 100px;
}

.line__image {
  display: flex;
  flex-direction: column;
}

.line__image a {
  padding: 5px 10px;
  background-color: #ff6a12;
  border-radius: 5px;
  position: relative;
  top: 30px;
  left: 10px;
  width: fit-content;
  color: white;
  text-transform: uppercase;
  font-size: 10px;
}

.lp__content-texts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

.lp__content-texts p {
  border-left: 8px solid #ff6a12;
  padding-left: 20px;
}

.lp__content-texts p:first-child {
  font-size: 30px;
  height: 50px;
  display: flex;
  align-items: center;
}

.lp__content-texts p:nth-child(2) {
  max-width: 400px;
}

.lp__content-button {
  display: flex;
  gap: 10px;
}

.afiliados__container {
  display: flex;
  flex-direction: column;
  gap: 50px;
  max-width: fit-content;
  padding: 0 20px;
  align-items: start;
}

.afiliados__apresentacao {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.afiliados__apresentacao h3 {
  color: var(--tituloCinza);
  font-size: 20px;
  font-weight: bolder;
}

.afiliados__apresentacao p {
  color: var(--tituloCinza);
  font-size: 16px;
}

.afiliados__produtos-container {
  width: fit-content;
  padding: 20px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  height: 350px;
}

.afiliados__content-cards {
  display: flex;
  gap: 30px;
  justify-content: start;
  max-width: 1600px;
  flex-wrap: wrap;
}

.afiliados__produtos-container h2 {
  color: var(--tituloCinza);
  font-weight: bold;
  font-size: 16px;
}

.afiliados__produtos-line tr {
  border-bottom: 1px solid #e6ebf0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0px;
}

.afiliados__produtos-line tr:first-child,
.afiliados__produtos-line tr:last-child {
  border: none;
}

.afiliados__produtos-line tr td:first-child {
  color: var(--tituloCinza);
  font-weight: 400px;
  font-size: 14px;
  width: 350px;
}

.afiliados__produtos-line tr td:nth-child(2) {
  padding: 3px 20px;
  color: white;
  background-color: #ff6a12;
  border-radius: 20px;
  text-align: center;
}

.afiliados__comissao-card {
  display: flex;
  padding: 20px 50px;
  padding-top: 20px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  height: 350px;
}

.afiliados__comissao-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.afiliados__comissao-subHeader {
  display: flex;
  justify-content: center;
  align-items: center;
}

.afiliados__comissao-header h3 {
  color: #1e1c24;
  font-size: 23px;
  font-weight: 900;
}

.afiliados__comissao-header img {
  font-family: Helvetica, sans-serif !important;
}

.afiliados__comissao-header h4 {
  color: #1e1c24;
  font-size: 14px;
  font-weight: 200;
  white-space: nowrap;
}

.afiliados__comissao-footer {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 50px 0px;
}

.afiliados__comissao-footer h1 {
  color: #ff6a12;
  font-size: 40px;
}

.afiliados__comissao-footer h4 {
  color: #1e1c24;
  font-size: 16px;
}

.afiliados__buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.afiliados__buttons a img {
  width: 14px;
}

.afiliados__buttons a:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #ff6a12;
  padding: 10px 30px;
  color: white;
  text-transform: none;
  border-radius: 20px;
  white-space: nowrap;
}

.afiliados__buttons a:last-child {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: transparent;
  border: 1px solid #cbcbcb;
  color: black;
  padding: 10px 30px;
  text-transform: none;
  border-radius: 20px;
  white-space: nowrap;
}

.afiliados__table {
  border: 1px solid #a5c9ff;
  width: 100%;
  padding: 0px 20px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.afiliados__table-header {
  display: flex;
  justify-content: space-between;
  margin: 30px 0px;
  width: 100%;
}

.afiliados__table-header h2 {
  color: var(--tituloCinza);
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}

.afiliados__table-header a {
  padding: 0px;
  border: 1px solid #000000;
  color: #000;
  background-color: transparent;
  border-radius: 20px;
  font-weight: bold;
}

.afiliados__table-grid {
  width: 100%;
}

.afiliados__table-grid table,
.afiliados__table-grid table tr,
.afiliados__table-grid table tr th,
.afiliados__table-grid table tr td {
  width: 100%;
  padding: 10px 25px;
  text-align: center;
  white-space: nowrap;
}

.afiliados__table-grid table tr th:first-child,
.afiliados__table-grid table tr td:first-child {
  width: 50%;
}

.afiliados__table-grid table tr {
  margin: 10px 0px;
}

.afiliados__table-grid table tr td {
  border-top: 1px solid #a5c9ff;
  border-bottom: 1px solid #a5c9ff;
}

.afiliados__table-grid table tr th {
  font-size: 14px;
  font-weight: bolder;
}

.afiliados__table-grid table tr td {
  color: var(--tituloCinza);
  font-size: 12px;
}

.afiliados__table-grid table tr td:last-child a {
  display: block;
  width: 200px;
  background-color: #ffeeca;
  padding: 10px 30px;
  border-radius: 20px;
}

.afiliados__table-grid table tr td:last-child a.a1,
.afiliados__table-grid
  table
  tr
  td:last-child
  a.a18
  .afiliados__table-grid
  table
  tr
  td:last-child
  a.a36
  .afiliados__table-grid
  table
  tr
  td:last-child
  a.a37,
.afiliados__table-grid table tr td:last-child a.a43,
.afiliados__table-grid table tr td:last-child a.a44 {
  background-color: #aaffbe;
}

.afiliados__table-grid table tr td:last-child a {
  cursor: default;
}

.afiliados__table-grid table tr td:last-child a.a16 {
  background-color: #ffd9d2;
  padding: 5px 30px;
  border-radius: 20px;
}

.minhaContaColumns .colDir_mc input {
  width: 100% !important;
}

div#dvBannerCategoria img {
  width: 100%;
}

.center {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0px 5px;
}

.modal__container-content .vitrine__container-input:last-child input {
  height: 100px;
}

.vitrine___buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.product-item-ordem {
  display: flex;
  gap: 10px;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  font-family: Helvetica, sans-serif !important;
  font-size: 14px;
  text-transform: none !important;
}

.product-item-ordem select {
  width: 150px !important;
  background-color: #e1e1e1 !important;
  filter: none !important;
  border: 0px solid !important;
  color: gray;
  border-radius: 60px !important;
}

.minhaContaColumns .colDir_mc input,
.minhaContaColumns .colDir_mc select {
  font-family: Helvetica, sans-serif !important;
  font-size: 14px;
  text-transform: none !important;
}

.modal__aviso {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 60px;
}

.modal__aviso .bk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

#ctl00_ContentPlaceHolder1_lojaNome {
  text-transform: none;
}

.cadastro__afiliado-etapa1,
.cadastro__afiliado-etapa2,
.cadastro__afiliado-etapa3,
.cadastro__afiliado-etapa4 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0px;
}

.cadastro__container {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
  padding: 30px 50px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.cadastro__header img.ativo {
  position: relative;
  bottom: 42px;
  left: 65%;
}

.cadastro__header {
  text-align: center;
}

.cadastro__header img {
  position: relative;
  bottom: 87px;
  left: 65%;
}

.cadastro__header p {
  font-family: Helvetica, sans-serif !important;
}

.cadastro__header .titulo,
.cadastro__afiliado-etapa4 .titulo {
  font-weight: bolder;
  color: var(--tituloCinza);
  font-size: 20px;
  margin-bottom: 10px;
}

.cadastro__header .subtitulo {
  color: var(--tituloCinza);
  font-size: 16px;
  max-width: 480px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.cadastro__inputs {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 60%;
}

.cadastro__input-containerDuplo {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 10px;
}

.cadastro__input-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.cadastro__input-container input {
  width: 100% !important;
  background-color: transparent;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.cadastro__button {
  display: flex;
  width: 60%;
  justify-content: end;
}

.cadastro__button a {
  padding: 10px 30px;
  border-radius: 20px;
  color: white !important;
}

.cadastro__inputImagem {
  width: 60%;
  padding: 20px 30px;
  background-color: #e4e4e4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.cadastro__input-containerData input,
.cadastro__input-containerData select {
  width: 100% !important;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.cadastro__input-containerData label {
  margin-bottom: 10px;
}

.cadastro__input-containerData {
  display: flex;
  flex-direction: column;
  width: 70%;
}

.cadastro__input-containerData.col2 {
  display: flex;
  flex-direction: column;
  justify-content: end;
  width: 30%;
}

.cadastro__input-containerData a {
  padding: 5px 30px;
  white-space: nowrap;
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}

.cadastro__checkbox-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cadastro__checkbox-containerData {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cadastro__checkbox-containerData p {
  font-size: 14px;
  color: var(--tituloCinza);
}

.cadastro__input-containerData input[type="checkbox"] {
  border-radius: 20px;
}

.cadastro__afiliado-etapa4 .subTitulo {
  color: var(--tituloCinza);
  font-size: 16px;
  max-width: 650px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.cadastro__button-etapa4 {
  background-color: var(--secundary-color);
  color: white;
  border-radius: 20px;
  padding: 10px 50px;
}

.boxCampo.vitrine__container-input {
  margin: 20px 0px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}

h2#ctl00_ContentPlaceHolder1_lojaNome {
  text-shadow:
    5px 1px 2px white,
    0 0 1em white,
    0 0 0.2em white;
}

.box_loja .banner-loja h4 {
  font-size: 20px;
  text-transform: lowercase;
  color: #000;
  text-shadow:
    5px 1px 2px white,
    0 0 1em white,
    0 0 0.2em white;
}

.custom_colDir_mc h3 {
  text-align: left !important;
  color: #2d2d2d !important;
  font-family: Helvetica, sans-serif !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  margin-bottom: 40px;
  font-size: 30px;
  text-transform: lowercase;
  font-weight: 700;
}

.tblProdutos,
.tableListInscrito td {
  border: 0 !important;
  padding: 10px 30px !important;
  color: white !important;
  background-color: var(--secundary-color) !important;
  width: fit-content !important;
  border-radius: 20px;
}

.tblProdutos span {
  text-transform: none !important;
  font-family: Helvetica, sans-serif !important;
}

#ctl00_ContentPlaceHolder1_lblVagasCompradas,
#ctl00_ContentPlaceHolder1_lblVagasPreenchidas,
#ctl00_ContentPlaceHolder1_lblVagasDisponiveis {
  border: 0 !important;
  padding: 10px 30px;
  color: black !important;
  background-color: #a5c9ff !important;
  width: fit-content !important;
  border-radius: 20px;
  font-weight: 800;
  text-transform: none !important;
}

.tblVagas {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 30px;
}

.tblDados {
  border: 1px solid #a5c9ff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 1300px;
}

.tabela-dados {
  width: 100%;
  border-collapse: collapse;
}

.tabela-dados th {
  padding: 30px 0px;
  font-weight: 700;
}

.tabela-dados td {
  padding-top: 10px;
  border-top: 1px solid #a5c9ff;
}

.tabela-dados th,
.tabela-dados td,
.tableListInscrito th,
.tableListInscrito td {
  text-align: left;
  background-color: transparent;
  padding-left: 17px;
}

input#ctl00_ContentPlaceHolder1_lkbLimparCampos {
  background: url(http://lojamp6.chleba.net:80/imagens//trash.png);
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  background-size: 22px;
}

.cpfInput {
  width: 120px !important;
  padding-left: 15px !important;
}

.btnAcoes span {
  padding: 0 40px !important;
}

.btnAcoes a {
  padding: 0 20px;
  border-radius: 20px;
}

.btCancelar {
  background: none !important;
  color: black !important;
  border: 1px solid black !important;
}

.btnAcoes span a {
  background-image: url(http://lojamp6.chleba.net:80/imagens//iconSalvar.png) !important;
  background-repeat: no-repeat !important;
  background-position: left !important;
  padding-left: 27px;
  background-size: 22px !important;
}

.btnAcoes span:nth-child(2) a {
  background-image: url(http://lojamp6.chleba.net:80/imagens//iconExportar.png) !important;
}

#content table.tableList tr,
#content table.tableList2 tr,
#content table.tableNivelCat tr {
  gap: 10px;
  overflow-x: scroll;
}

.center.fale__container {
  max-width: 100% !important;
}

.center.fale__container .colTel {
  width: 100% !important;
  margin-left: 3%;
}

.center.fale__container .colTel input {
  width: 100% !important;
}

div#ctl00_ContentPlaceHolder1_dvDadosBancarios {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 30px 0px;
}

#ctl00_ContentPlaceHolder1_dvDadosBancarios label {
  width: 300px;
}

#ctl00_ContentPlaceHolder1_dvDadosBancarios input[type="radio"] {
  width: 20px;
  height: 20px;
}

table#ctl00_ContentPlaceHolder1_rbTipoConta {
  position: relative;
  right: 77px;
}

table#ctl00_ContentPlaceHolder1_rbTipoDocumento {
  position: relative;
  right: 70px;
}

table#ctl00_ContentPlaceHolder1_rbTipoDocumento td:last-child {
  position: relative;
  left: 20px;
}

a#ctl00_ContentPlaceHolder1_imbIncluir {
  background-color: var(--secundary-color);
  padding: 10px 20px;
  border-radius: 20px;
  margin-left: 20px;
  color: white;
  transition: all 0.3s ease-in-out;
}

a#ctl00_ContentPlaceHolder1_imbIncluir:hover {
  color: var(--secundary-color);
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  transform: translateY(-3px);
}

span#ctl00_ContentPlaceHolder1_lblAviso {
  font-weight: 600;
}

.boxCarrinho table.carrinho tr td.sz1 {
  display: flex !important;
  gap: 10px !important;
}

.boxCarrinho table.carrinho td.qtd {
  width: 140px;
}

.boxCarrinho .boxQtd {
  display: flex !important;
  gap: 10px;
}

.boxCarrinho table.carrinho tr td .boxDesc {
  width: calc(100% - 124px);
}

.boxCarrinho table.carrinho tr td.qtd input {
  /* border-radius: 20px; */
  text-align: center;
}

.boxCarrinho table.carrinho tr td.qtd a.bt_add {
  background: url(../../../../../../_html/tema1/assets/images/icones/ico_add.png)
    no-repeat center 7px;
}

.boxCarrinho table.carrinho tr td.qtd .bt_sub {
  background: url(../../../../../../_html/tema1/assets/images/icones/ico_sub.png)
    no-repeat center 7px;
}

#slider_marcas {
  gap: 80px;
}

.saldoCashbackHeader {
  width: 80px;
  color: var(--primary-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;

  p {
    margin-bottom: 5px;
    text-align: center;
    margin: 0;
  }

  span {
    font-weight: bold;
    text-align: center;
    margin: 0;
  }
}

.programaCashback {
  padding: 10px;
}

.programaCashback p,
.programaCashback span {
  text-align: center;
}

.programaCashback span {
  font-weight: bold;
  margin: 5px 0;
}

.programaCashback input {
  margin-top: 15px;
}

.programaCashback .saldoCashback {
  display: flex;
  flex-direction: column;
}

.boxCarrinho .right .boxResumo .tdCashback {
  padding: 0.75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #155724;
  background: linear-gradient(135deg, #a1ffb8 0%, rgba(212, 237, 218, 1) 100%);
  border-color: #c3e6cb;
  margin: 1rem 0;
}

.modalCashback p {
  font-size: 14px;
}

.valorCashback {
  display: flex;
  align-items: center;
  margin: 5px 0 20px;
  gap: 10px;
}

.valorCashback label {
  font-size: 14px;
}

.valorCashback input {
  padding: 0 10px;
}

.modalCashback .btnConfirmar {
  background: var(--secundary-color);
  color: #fff;
}

#btEmailModal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #00000099;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.bxRegModalContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 40px 20px 20px;
  border-radius: 10px;
}

.bxRegModalContent .fechar {
  position: absolute;
  right: 10px;
  top: 10px;
}

.bxRegModalContent p {
  line-height: 1.5;
}

.bxRegModalContent .btns {
  justify-content: center;
  margin-top: 20px;
}

.bxRegModalContent .btns a {
  background: #ff6a12;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
}

#ctl00_ContentPlaceHolder1_rptLojas_ctl01_h2ContatoPV {
  display: flex;
  align-items: center;
  color: #fff;
  background: #25d366;
  font-size: 14px;
  margin-bottom: 10px;
  width: max-content;
  padding: 10px;
  border-radius: 8px;
  margin-top: 10px;
}

#ctl00_ContentPlaceHolder1_rptLojas_ctl01_h2ContatoPV svg {
  fill: #fff;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

/* TELAS NOVAS ORÃ‡AMENTOS */
/* Meus OrÃ§amentos - cliente */
.minhaContaColumns .colDir_mc.meusOrcamentos .head select {
  font-size: 12px;
  color: #989898;
  height: 32px;
  /* background-color: #f2f2f2;
	border: 1px solid #e9e9e9; */
  border-radius: 4px;
  padding: 0px 20px;
}

.minhaContaColumns .colDir_mc.meusOrcamentos .head {
  margin-bottom: 21px;
}

.minhaContaColumns .colDir_mc.meusOrcamentos .head .filter {
  align-items: end;
}

.minhaContaColumns .colDir_mc.meusOrcamentos .head .collun {
  padding-right: 13px;
}

.minhaContaColumns .colDir_mc.meusOrcamentos .head .btn_150.ml20 {
  background: var(--secundary-color);
  font-size: 14px;
  color: var(--soft-color);
  width: max-content;
  text-align: center;
  font-weight: 500;
  border-radius: 5px;
  padding: 0 20px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.minhaContaColumns .colDir_mc.meusOrcamentos .head label {
  letter-spacing: 0px;
  color: #000000;
}

.minhaContaColumns .colDir_mc.meusOrcamentos .head label + input,
.minhaContaColumns .colDir_mc.meusOrcamentos .head label + select {
  margin-top: 5px;
}

.minhaContaColumns .colDir_mc.meusOrcamentos .head .collun:first-child input {
  min-width: 100px;
}

.minhaContaColumns
  .colDir_mc.meusOrcamentos
  .mostraPedidos
  table
  tr:nth-child(odd) {
  cursor: pointer;
  padding: 0;
  height: auto;
  text-align: left;
  display: flex;
  justify-content: flex-start;
}

.minhaContaColumns
  .colDir_mc.meusOrcamentos
  .mostraPedidos
  table
  tr:nth-child(odd)
  td {
  padding: 29px 17px 13px;
  border: 1px solid #c1c0bf;
  border-bottom: 0;
  background: #f7f7f7;
  letter-spacing: -0.36px;
  color: #333333;
  width: 100%;
  font-weight: bold;
  text-align: left !important;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.minhaContaColumns
  .colDir_mc.meusOrcamentos
  .mostraPedidos
  table
  tr:nth-child(even) {
  background: #f7f7f7;
  cursor: pointer;
  border: 1px solid #c1c0bf;
  border-top: 0;
  margin-bottom: 10px;
  padding: 15px 17px 28px;
  height: auto;
  justify-content: flex-start;
  position: relative;
  align-items: start;
  gap: 10px;
}

.minhaContaColumns .colDir_mc.meusOrcamentos .mostraPedidos table tr {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
  height: 50px;
  padding: 0 13px 0 30px;
}

.minhaContaColumns
  .colDir_mc.meusOrcamentos
  .mostraPedidos
  table
  tr:nth-child(even)
  td {
  width: auto;
  margin-right: 10px;
  text-align: left;
}

.minhaContaColumns
  .colDir_mc.meusOrcamentos
  .mostraPedidos
  table
  tr:nth-child(even)
  td
  span:first-child {
  letter-spacing: 0px;
  color: #000000;
  display: block;
  text-align: left;
  font-weight: bold;
  margin-bottom: 5px;
  width: max-content;
}

.minhaContaColumns
  .colDir_mc.meusOrcamentos
  .mostraPedidos
  table
  tr:nth-child(even)
  td:first-child
  span:last-child {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  padding: 5px;
  display: block;
  color: #707070;
  text-align: center;
}

.minhaContaColumns
  .colDir_mc.meusOrcamentos
  .mostraPedidos
  table
  tr
  td:nth-child(3) {
  min-width: 324.63px;
}

.minhaContaColumns
  .colDir_mc.meusOrcamentos
  .mostraPedidos
  table
  tr:nth-child(even)
  td:nth-child(3)
  span:last-child {
  background: var(--primary-color);
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 5px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
}

.minhaContaColumns
  .colDir_mc.meusOrcamentos
  .mostraPedidos
  table
  tr:nth-child(even)
  td:nth-child(4)
  span:last-child {
  letter-spacing: 0px;
  color: var(--secundary-color);
  text-decoration: underline;
}

#ctl00_ContentPlaceHolder1_lvPedidos_ctrl1_LblDataCricaoVal {
  width: 100%;
  display: block;
  text-align: left;
}

/* Fim Meus OrÃ§amentos - cliente */

/* Gerar orÃ§amento - cliente */
.bk-produto.box_enviesuaproposta {
  background: #fff !important;

  .produto {
    margin-bottom: 30px;
  }
}

.enviesuaproposta {
  max-width: 561px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.enviesuaproposta input,
.enviesuaproposta select,
.enviesuaproposta textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #686565;
  font-size: 12px;
  color: #989898;
  height: 32px;
  background-color: #f2f2f2;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}

.enviesuaproposta #headerPopUp {
  width: 481px;
  margin: 0 auto;
  text-align: center;
  border: 0 !important;
}

.enviesuaproposta #headerPopUp h3 {
  position: relative;
  letter-spacing: 1.25px;
  color: var(--secundary-color);
  text-transform: uppercase;
  margin-bottom: 8px;
}

.enviesuaproposta #headerPopUp label {
  letter-spacing: 0px;
  color: #333333;
}

.enviesuaproposta label {
  color: #333333;
  margin-bottom: 6px;
  display: block;
}

.enviesuaproposta input[type="text"] {
  display: block;
  width: 100%;
  background: #f7f7f7 0% 0% no-repeat padding-box;
  border: 1px solid #3c3c3b;
  height: 39px;
  color: #707070;
  margin-bottom: 15px;
}

.enviesuaproposta #ctl00_ContentPlaceHolder1_Btnanexo {
  border: 1px solid #000000;
  min-width: 160px;
  background: #dc1b1b24 url(../../images/pdf.png) no-repeat calc(100% - 10px);
  text-align: left;
  font-size: 12px;
  padding-left: 11px;
  color: #000;
  height: 32px;
  margin-bottom: 15px;
  display: none;
  text-wrap-mode: wrap;
}

.enviesuaproposta .botaoEnviar {
  background: var(--secundary-color);
  font-size: 14px;
  color: var(--soft-color);
  width: max-content;
  text-align: center;
  font-weight: 500;
  border-radius: 5px;
  padding: 0 20px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  text-transform: capitalize;
  cursor: pointer;
  border: none;
}

.bk-produto:has(.enviesuaproposta) .produto > .container > .flex {
  justify-content: center;
}

/* Fim Gerar orÃ§amento - cliente */

/* Detalhe do orÃ§amento - cliente */
.minhaContaColumns .colDir_mc.detalheOrcamento .btns a {
  height: 35px;
  background-color: var(--secundary-color);
  color: white;
  font-size: 16px;
  text-transform: lowercase;
  padding: 0 10px;
  border-radius: 4px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}

.minhaContaColumns .colDir_mc.detalheOrcamento .boxMeusNumeros {
  background: #f7f7f7 0% 0% no-repeat padding-box;
  border: 1px solid #c1c0bf;
  padding: 29px 17px;
  margin-bottom: 30px;
}

.minhaContaColumns .colDir_mc.detalheOrcamento p + h3 {
  margin-top: 45px;
}

.minhaContaColumns .colDir_mc.detalheOrcamento .boxMeusNumeros p {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.36px;
  color: #333333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.minhaContaColumns .colDir_mc.detalheOrcamento .boxMeusNumeros p span {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #000000;
  width: 45%;
}

.minhaContaColumns .colDir_mc.detalheOrcamento p.date {
  font-size: 12px;
  font-weight: 200;
  color: #818181;
  line-height: 20px;
  display: flex;
  justify-content: flex-end;
  margin-top: -60px;
  margin-bottom: 42px;
}

.minhaContaColumns .colDir_mc.detalheOrcamento .boxDadosOrcamento,
.minhaContaColumns .colDir_mc.detalheOrcamento .boxResposta {
  margin-bottom: 30px;
  background: #f7f7f7 0% 0% no-repeat padding-box;
  border: 1px solid #c1c0bf;
  opacity: 1;
  padding: 29px 17px;
  word-break: break-word;
}

.minhaContaColumns .colDir_mc.detalheOrcamento .boxDadosOrcamento span,
.minhaContaColumns .colDir_mc.detalheOrcamento .boxResposta span {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #000000;
}

.minhaContaColumns .colDir_mc.detalheOrcamento .boxArquivos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.minhaContaColumns .colDir_mc.detalheOrcamento .boxArquivos span {
  border: 1px solid var(--secundary-color);
  padding: 9px 20px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0px;
  color: var(--secundary-color);
  display: block;
  max-width: 320px;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  cursor: pointer;
}

.minhaContaColumns .colDir_mc.detalheOrcamento .boxInfo {
  display: grid;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  grid-template-columns: repeat(3, 31%);
}

.minhaContaColumns .colDir_mc.detalheOrcamento .boxInfo h4 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.54px;
  color: #333333;
  opacity: 1;
  margin-bottom: 5px;
  width: auto;
}

.minhaContaColumns .colDir_mc.detalheOrcamento .boxInfo input {
  width: 100% !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #000000;
}

.togglePrazos {
  margin-top: 20px;
}

.toggleChatHistory,
.togglePrazos {
  border: 1px solid var(--secundary-color);
  padding: 9px 20px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0px;
  color: var(--secundary-color);
  display: block;
  max-width: 320px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.toggleChatHistory + .historicoConversas .block100,
.togglePrazos + .prazosRecebimento .block100 {
  background: #f7f7f7 0% 0% no-repeat padding-box;
  border: 1px solid #c1c0bf;
  margin-top: 30px;
  padding: 29px 17px;
}

.toggleChatHistory + .historicoConversas .block100 > span,
.togglePrazos + .prazosRecebimento .block100 > span {
  display: block;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 20px;
}

.toggleChatHistory + .historicoConversas ul li {
  margin-bottom: 11px;
  border: 1px solid #ccc;
  padding: 13px 10px;
  background: #fff;
  position: relative;
  word-break: break-word;
}

.toggleChatHistory + .historicoConversas ul li span:first-child {
  margin-bottom: 7px;
  font-weight: 600;
}

.toggleChatHistory + .historicoConversas ul li span {
  word-break: break-word;
}

.toggleChatHistory + .historicoConversas ul li span:last-child {
  position: absolute;
  right: 7px;
  top: 7px;
  font-size: 14px;
}

.togglePrazos + .prazosRecebimento .block100 > span {
  color: var(--secundary-color);
  padding-left: 35px;
  background: url(../../images/icones/formaPgto.png) no-repeat;
}

.prazosRecebimento .formaPgto {
  color: gray;
}

.prazosRecebimento .formaPgto p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}

.prazosRecebimento .formaPgto p b {
  font-weight: bold;
}

.prazosRecebimento .formaPgto + .formaPgto {
  margin-top: 10px;
}

.btns:has(#ctl00_ContentPlaceHolder1_lbRecusar) {
  flex-direction: row;
}

.btns:has(#ctl00_ContentPlaceHolder1_lbRecusar) a {
  font-size: 14px;
  width: max-content;
  text-align: center;
  font-weight: 500;
  border-radius: 5px;
  padding: 0 20px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  cursor: pointer;
}

.btns:has(#ctl00_ContentPlaceHolder1_lbRecusar) a:first-child {
  background: var(--secundary-color);
  color: var(--soft-color);
}

.btns:has(#ctl00_ContentPlaceHolder1_lbRecusar) a:nth-child(2) {
  background: transparent;
  color: var(--secundary-color);
  border: 1px solid var(--secundary-color);
}

.btns:has(#ctl00_ContentPlaceHolder1_lbRecusar) a:last-child {
  background: var(--primary-color);
  color: var(--soft-color);
}

#ctl00_ContentPlaceHolder1_PanelErro.modalPopup:has(#headerPopUp) {
  box-shadow: 0 0 22px #ccc;
  border: 1px solid #ccc;

  #headerPopUp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-bottom: none !important;

    * {
      width: 100%;
      text-align: left;
    }

    > .flex:first-of-type:has(h4) {
      display: flex;
      align-items: center;
      justify-content: end;
      width: max-content;
      text-wrap-mode: nowrap;
      font-size: 12px;
      font-weight: 500;
      color: #716f6f;
      border-top-left-radius: 10px;
      border-top: 2px solid var(--secundary-color);
      padding: 10px;
      border-bottom: 2px solid var(--secundary-color);
      border-bottom-right-radius: 10px;
    }

    #ctl00_ContentPlaceHolder1_lnkCancelar {
      width: 100%;
      text-align: right;
      font-size: 20px;
      font-weight: bold;
    }

    h3 {
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 20px;
      width: 100%;
      text-align: center;
      text-transform: uppercase;
    }

    > div:first-child {
      margin-bottom: 20px;
    }

    > h4 {
      text-align: start;
      margin-top: 20px;
    }

    h4 + .campo {
      margin-top: 0;
    }

    .campo {
      margin-top: 20px;

      input,
      textarea {
        width: 100%;
        margin-top: 5px;
        font-size: 14px;
        border: 1px solid #686565;
      }
    }

    #ctl00_ContentPlaceHolder1_Btnanexo {
      border: 1px solid var(--secundary-color);
      font-size: 15px !important;
      color: var(--secundary-color);
      text-align: center;
      font-weight: 600 !important;
      cursor: pointer;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      text-wrap-mode: wrap;
    }
  }

  input[type="submit"] {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    border-radius: 5px;
    padding: 0 20px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    cursor: pointer;
    background: var(--secundary-color);
    color: var(--soft-color);
    margin: 0 auto;
    width: 200px;
  }
}

.arquivosFlex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

label.labelAnexarArquivo + div {
  display: none;
}

label.labelAnexarArquivo {
  border: 1px solid var(--secundary-color);
  padding-top: 10px;
  font-size: 15px !important;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  color: var(--secundary-color);
  text-align: center;
  font-weight: 600 !important;
  cursor: pointer;
  text-wrap-mode: nowrap;
  transition: all ease-in-out 300ms;
}

label.labelAnexarArquivo:hover {
  background: var(--secundary-color);
  color: #fff;
}

.arquivosFlex > div:last-child {
  br {
    display: none;
  }
}

.arquivosFlex > div:last-child label {
  margin-top: 3px;
  display: inline-block;
  font-size: 12px;
}

.arquivosFlex label {
  font-size: 12px !important;
  line-height: 15px !important;
  margin-bottom: 12px !important;
  font-weight: 200 !important;
}

/* Botao solicitar orÃ§amento */
.produto .detail .buy {
  width: 100% !important;
  margin-left: 0;
}

.produto .detail .buy div > .buttonOrcamento {
  background: transparent;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  margin-bottom: 15px;
  font-weight: 500;
  width: 100%;
  font-size: 20px;
  display: block;
  padding: 5px 10px;
  text-align: center;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  transition: all ease-in-out 300ms;

  &:hover {
    background: var(--primary-color);
    color: #fff;
  }
}

.produto .detail .qtd-buy {
  gap: 10px;
}

textarea {
  height: 64px !important;
}

/* PÃ¡ginas institucionais */
.politicas {
  margin-bottom: 70px;
}

.politicas h1,
.nossosserv .title2,
#ctl00_ContentPlaceHolder1_spanTitulo {
  color: var(--primary-color);
  padding: 20px 0;
  font-size: 28px;
  text-align: center;
  font-weight: 600;

  span {
    color: var(--primary-color);
    font-size: 28px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
  }
}

.politicas .boxScroll,
.nossosserv .boxScroll {
  text-align: center;
  padding-top: 5px;
  font-size: 18px;
  font-weight: 300;
  color: #353535;
  line-height: 22px;

  div {
    text-align: justify;
  }
}

.boxScroll .content {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

.boxScroll p {
  text-align: justify;
  line-height: 24px;
  margin-left: 0 !important;
}

.nossosserv > div {
  width: 100%;
}

/* Fim PÃ¡ginas institucionais */

/* Responsividade orÃ§amentos */
@media only screen and (max-width: 768px) {
  .minhaContaColumns:has(.colDir_mc.meusOrcamentos) {
    padding: 0 !important;
  }

  .minhaContaColumns .colDir_mc.meusOrcamentos .head .filter {
    gap: 10px;
  }

  .minhaContaColumns
    .colDir_mc.meusOrcamentos
    .mostraPedidos
    table
    tr:nth-child(even) {
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 20px;
  }

  .minhaContaColumns .colDir_mc.meusOrcamentos .mostraPedidos table tr {
    max-width: calc(100vw - 60px) !important;
  }

  .minhaContaColumns
    .colDir_mc.meusOrcamentos
    .mostraPedidos
    table
    tr:nth-child(even) {
    max-width: 100%;
  }

  .enviesuaproposta #headerPopUp {
    width: 100%;
  }

  .produto .container > .flex:has(.enviesuaproposta) {
    padding-top: 0 !important;
  }

  .minhaContaColumns:has(.detalheOrcamento) {
    width: 100% !important;

    .colEsq_mc {
      margin-right: 0 !important;
    }
  }

  .minhaContaColumns .colDir_mc.detalheOrcamento p.date {
    margin: 0 !important;
  }

  .minhaContaColumns .colDir_mc.detalheOrcamento .boxInfo {
    grid-template-columns: repeat(1, 100%);
  }

  .minhaContaColumns .colDir_mc.detalheOrcamento,
  .minhaContaColumns .colDir_mc.detalheOrcamento .colDir_mc {
    padding: 0 !important;
  }

  .minhaContaColumns .colDir_mc.detalheOrcamento .colDir_mc {
    margin-bottom: 0 !important;
  }

  .toggleChatHistory + .historicoConversas ul li {
    padding: 27px 10px !important;
  }

  .minhaContaColumns
    .colDir_mc.meusOrcamentos
    .mostraPedidos
    table
    tr:nth-child(even)
    td:nth-child(3)
    span:last-child {
    text-wrap-mode: wrap;
    max-width: 250px;
  }

  .minhaContaColumns .colDir_mc.meusOrcamentos .mostraPedidos table td + td {
    padding: 0 !important;
  }

  .minhaContaColumns
    .colDir_mc.meusOrcamentos
    .mostraPedidos
    table
    tr:nth-child(even)
    td {
    height: auto !important;
  }

  #ctl00_ContentPlaceHolder1_PanelErro.modalPopup:has(#headerPopUp) {
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.bk-vitrine,
.bk-produto {
  min-height: 65dvh;
}

.bk-vitrine:has(.semResultado) {
  min-height: 65dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #f7f7f7;
}
.bk-vitrine:has(.semResultado) .breadcrumbs {
  display: none;
}

.semResultado .container .Busca-loja span,
.indisponivel .container .Busca-loja span {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  width: 100%;
  display: block;
}
.semResultado .container .semProd,
.indisponivel .container .semProd {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.semResultado .container .semProd img,
.indisponivel .container .semProd img {
  width: 100px;
}
.semResultado .container .semProd .semProd--text p,
.indisponivel .container .semProd .semProd--text p {
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  line-height: 24px;
  text-align: center;
  width: 100%;
  display: block;
}
.semResultado .container .semProd .semProd--text .semProd--button,
.indisponivel .container .semProd .semProd--text .semProd--button {
  background: var(--secundary-color);
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  width: 100%;
  display: block;
  width: 200px;
  margin: 20px auto;
  text-decoration: none;
}
.semResultado .container .semProd .semProd--text .semProd--button:hover,
.indisponivel .container .semProd .semProd--text .semProd--button:hover {
  background: var(--primary-color);
  color: #fff;
}

/* AlteraÃ§Ã£o no carrinho */
.center.boxCarrinho {
  min-height: 65dvh;
}

#ctl00_ContentPlaceHolder1_rptLojas_ctl00_rptProdutos_ctl01_lbPrecoTotalGeral,
#ctl00_ContentPlaceHolder1_rptLojas_ctl00_rptProdutos_ctl01_lbPrecoTotal,
#ctl00_ContentPlaceHolder1_rptLojas_ctl00_rptProdutos_ctl01_lbDescPercentual,
.PrimeiraCompra {
  color: #000;
  text-align: center;
  display: block;
  width: 100%;
}

#ctl00_ContentPlaceHolder1_rptLojas_ctl00_rptProdutos_ctl01_lbDescPercentual,
body .PrimeiraCompra {
  font-weight: bold !important;
  font-size: 12px !important;
}

/* Produto indisponivel */
.prodIndisp {
  border: 1px solid #ccc;
  padding: 15px;
}

.prodIndisp h6 {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

.prodIndisp p {
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}

.prodIndisp .campo {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
}

.prodIndisp .btEnviar {
  background: var(--secundary-color);
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  width: 100%;
  display: block;
  text-align: center;
}

/* Primeira compra */
.boxCheckout .tipoFreteCheck td span {
  text-align: start;
}

/* Reparo checkbox frete */
.boxCarrinho table.carrinho tr td.tdFrete .radio label input[type="radio"] {
  appearance: none;
  background: transparent;
  border: none;
  width: fit-content;
  margin-top: 0;
}

.boxCarrinho
  table.carrinho
  tr
  td.tdFrete
  .radio
  label
  input[type="radio"]:before {
  width: 13px;
  height: 13px;
  max-width: 13px;
  max-height: 13px;
}

/* Faixa promocional */
header:has(.faixaPromocional) {
  padding-top: 0;
}

.faixaPromocional {
  height: 38px;
  background: var(--secundary-color);
  margin-bottom: 15px;
}

.faixaPromocional .container {
  height: 100%;
}

.faixaPromocional .container ul {
  width: 100%;
}

.faixaPromocional .container ul li {
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
}

.btn_VerCupons {
  background: #ff6a12;
  font-size: 14px;
  color: var(--soft-color);
  width: max-content;
  text-align: center;
  font-weight: 500;
  border-radius: 5px;
  padding: 0 20px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 0;
}

.minhaContaColumns .colEsq_mc ul li.act a {
  color: var(--secundary-color) !important;
  border-bottom: 1px solid var(--secundary-color) !important;
  font-weight: 600 !important;
}

.minhaContaColumns .colEsq_mc ul li a {
  color: #3c3c3c !important;
}

/* Novo recurso COMBO DE PRODUTOS */
/* Detalhe do pedido */
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido > p {
  font-size: 16px;
  font-weight: 400;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido > p + p {
  margin-top: 10px;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido .boxStatus {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
  margin: 20px 0;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido .boxStatus h1,
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido .boxStatus h2 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 10px;
  font-size: 14px;
  color: #1f2937;
  font-weight: 600;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .boxStatus
  h1
  span,
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .boxStatus
  h2
  span {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 9px 20px;
  box-shadow: 0 0 6px #000 29;
  font-size: 16px;
  color: #242424;
  font-weight: 400;
  margin-left: 0;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido .total .boxT1 {
  width: 100%;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido .total .boxT1 p {
  font-size: 16px;
  font-weight: 600;
  color: #242424;
  background: #f5f5f5;
  width: 100%;
  padding: 9px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 10px;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .total
  .boxT1
  p
  span {
  font-size: 16px;
  font-weight: 600;
  color: #242424;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .total
  .boxT1
  p.boxTotal
  span {
  color: var(--secundary-color);
  margin: 0;
  padding: 0;
  font-size: 20px;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido .tableList.box1 {
  margin-bottom: 5px;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList.box1
  th {
  background: #656565;
  color: #fff;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido .tableList.box2 {
  overflow-x: auto;
  display: inline-block;
  border-collapse: collapse;
  border-bottom: 0;
  box-shadow: 0px 0px 6px #dedede;
  border-radius: 5px;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList.box2
  tr:nth-child(odd) {
  background-color: #dedede;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  th:nth-of-type(2),
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  th:nth-of-type(5),
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  th:nth-of-type(7),
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  td:nth-of-type(2):not(.boxRight),
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  td:nth-of-type(5),
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  td:nth-of-type(7) {
  display: none;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  th:nth-of-type(3),
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  th:nth-of-type(4),
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  th:nth-of-type(6),
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  td:nth-of-type(3),
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  td:nth-of-type(4),
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  td:nth-of-type(6) {
  min-width: 150px;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  th:first-of-type {
  width: 100%;
  padding: 10px;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido .tableList th {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  line-height: 18px;
  height: 40px;
  vertical-align: middle;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  th:first-child,
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  th
  td:first-child {
  text-align: left;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  tr:has(th) {
  background-color: #fff !important;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido .tableList td {
  vertical-align: middle;
  line-height: 16px;
  font-size: 14px;
  color: var(--dark-color);
  padding-top: 0;
  padding-bottom: 0;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  td
  span {
  color: var(--dark-color);
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  td
  span
  strong {
  font-weight: 400;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  td.frete {
  text-align: right;
  padding-right: 10px;
  font-weight: 400;
  color: var(--dark-color);
  height: 32px;
  font-size: 16px;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  td.boxRight {
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  .bxdesta:first-child
  td {
  padding-top: 10px;
}
.minhaContaColumns
  .colDir_mc.detalhePedido
  .boxDetalhepedido
  .tableList
  .bxdesta:last-child
  td {
  padding-bottom: 10px;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido p {
  font-size: 16px;
  color: #242424;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido p span {
  font-size: 16px;
  color: #1f2937;
  font-weight: 600;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxDetalhepedido p.tituloEnd {
  text-align: left;
  width: 100%;
  display: inline-block;
  text-decoration: none;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxConteudoCardContainer {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 90px;
  margin: 38px 0;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxConteudoCard {
  flex: 1;
  background: #f5f5f5;
  padding: 24px;
  border-radius: 5px;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxConteudoCard h4 {
  margin-top: 0;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxConteudoCard .boxConteudo p {
  font-size: 16px;
  font-weight: 400;
  color: #242424;
  margin-top: 10px;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxConteudoCard .qrcode_pix {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.minhaContaColumns .colDir_mc.detalhePedido .boxConteudoCard .qrcode_pix > a {
  text-decoration: underline;
  font-weight: 600;
  font-size: 18px;
}
.tableList.detalhePedido tr,
table.carrinho tr,
table.carrinho2 tr {
  border-bottom: 1px solid #e1e1e1;
  background-color: transparent !important;
}
.tableList.detalhePedido
  tbody:has(.combinacao)
  td:not(:first-of-type):not(.boxRight),
table.carrinho tbody:has(.combinacao) td:not(:first-of-type):not(.boxRight),
table.carrinho2 tbody:has(.combinacao) td:not(:first-of-type):not(.boxRight) {
  vertical-align: top;
  padding-top: 15px;
}
.tableList.detalhePedido td:has(.produtoCombinacao),
table.carrinho td:has(.produtoCombinacao),
table.carrinho2 td:has(.produtoCombinacao) {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  height: max-content;
  column-gap: 20px;
  margin: 10px;
}
.tableList.detalhePedido .produtoCombinacao,
table.carrinho .produtoCombinacao,
table.carrinho2 .produtoCombinacao {
  flex-basis: 100%;
}
.tableList.detalhePedido .boxImg,
table.carrinho .boxImg,
table.carrinho2 .boxImg {
  width: 70px;
  height: 70px;
}
.tableList.detalhePedido .boxImg img,
table.carrinho .boxImg img,
table.carrinho2 .boxImg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.tableList.detalhePedido .boxImg + span,
table.carrinho .boxImg + span,
table.carrinho2 .boxImg + span {
  font-weight: 600 !important;
  font-size: 14px !important;
  display: flex;
  align-items: start;
  flex-direction: column;
}
.tableList.detalhePedido .boxImg + span strong,
table.carrinho .boxImg + span strong,
table.carrinho2 .boxImg + span strong {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #808987;
}
.tableList.detalhePedido .tdproduto .combinacao .item > .flex-column > div,
table.carrinho .tdproduto .combinacao .item > .flex-column > div,
table.carrinho2 .tdproduto .combinacao .item > .flex-column > div,
.tableList.detalhePedido .tdProduto .combinacao .item > .flex-column > div,
table.carrinho .tdProduto .combinacao .item > .flex-column > div,
table.carrinho2 .tdProduto .combinacao .item > .flex-column > div {
  display: grid !important;
  grid-template-columns: 25% 1fr;
  grid-auto-rows: min-content;
  column-gap: 1rem;
  align-items: center;
  margin-left: 20px;
}
.tableList.detalhePedido .tdproduto .combinacao .item > .flex-column > div img,
table.carrinho .tdproduto .combinacao .item > .flex-column > div img,
table.carrinho2 .tdproduto .combinacao .item > .flex-column > div img,
.tableList.detalhePedido .tdProduto .combinacao .item > .flex-column > div img,
table.carrinho .tdProduto .combinacao .item > .flex-column > div img,
table.carrinho2 .tdProduto .combinacao .item > .flex-column > div img {
  grid-column: 1;
  grid-row: -1;
  place-self: center;
  max-width: 80%;
  height: auto;
}
.tableList.detalhePedido
  .tdproduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo,
table.carrinho .tdproduto .combinacao .item > .flex-column > div .titulo,
table.carrinho2 .tdproduto .combinacao .item > .flex-column > div .titulo,
.tableList.detalhePedido
  .tdProduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo,
table.carrinho .tdProduto .combinacao .item > .flex-column > div .titulo,
table.carrinho2 .tdProduto .combinacao .item > .flex-column > div .titulo {
  grid-column: 2;
  margin: 0 0 0.5rem 0;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #808987;
  text-transform: uppercase;
}
.tableList.detalhePedido
  .tdproduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo:nth-of-type(2),
table.carrinho
  .tdproduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo:nth-of-type(2),
table.carrinho2
  .tdproduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo:nth-of-type(2),
.tableList.detalhePedido
  .tdProduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo:nth-of-type(2),
table.carrinho
  .tdProduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo:nth-of-type(2),
table.carrinho2
  .tdProduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo:nth-of-type(2),
.tableList.detalhePedido
  .tdproduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo:nth-of-type(3),
table.carrinho
  .tdproduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo:nth-of-type(3),
table.carrinho2
  .tdproduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo:nth-of-type(3),
.tableList.detalhePedido
  .tdProduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo:nth-of-type(3),
table.carrinho
  .tdProduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo:nth-of-type(3),
table.carrinho2
  .tdProduto
  .combinacao
  .item
  > .flex-column
  > div
  .titulo:nth-of-type(3) {
  font-weight: 700;
  color: #000;
  text-transform: none;
}
.tableList.detalhePedido .Products.combinacao .item,
table.carrinho .Products.combinacao .item,
table.carrinho2 .Products.combinacao .item {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  box-shadow: none;
  min-height: fit-content;
  height: fit-content;
  margin-bottom: 5px;
  max-width: none;
  width: 85%;
  border-left: 1px solid #cecece;
  border-radius: 0;
}
.tableList.detalhePedido .Products.combinacao .item > div,
table.carrinho .Products.combinacao .item > div,
table.carrinho2 .Products.combinacao .item > div {
  width: 100%;
}
.tableList.detalhePedido .Products.combinacao .item h3.itensCombos,
table.carrinho .Products.combinacao .item h3.itensCombos,
table.carrinho2 .Products.combinacao .item h3.itensCombos {
  font-size: 16px;
  letter-spacing: normal;
  margin-bottom: 0;
  text-align: center;
  display: none;
}
.tableList.detalhePedido .Products.combinacao .item .flex-column,
table.carrinho .Products.combinacao .item .flex-column,
table.carrinho2 .Products.combinacao .item .flex-column {
  background: transparent;
  height: fit-content;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #cecece;
}
.tableList.detalhePedido .Products.combinacao .item .flex-column h2,
table.carrinho .Products.combinacao .item .flex-column h2,
table.carrinho2 .Products.combinacao .item .flex-column h2 {
  font-size: 14px;
}
.tableList.detalhePedido .Products.combinacao .item .flex-column img,
table.carrinho .Products.combinacao .item .flex-column img,
table.carrinho2 .Products.combinacao .item .flex-column img {
  aspect-ratio: 1;
  width: 60px;
  height: 60px;
  object-fit: cover;
}
/* Confirmação compra */
.boxConfirmacao .resumo-compra .col .carrinho2 th.sz2 {
  width: 60%;
}
.boxConfirmacao .resumo-compra tbody .combinacao {
  justify-content: end;
}
/* PDP */
@media only screen and (max-width: 768px) {
  .produto .comboProdutos .item,
  .produto .comboProdutos .Products.combinacao {
    flex-direction: column !important;
  }
  .produto .comboProdutos .Products.combinacao {
    background: #fff !important;
    aspect-ratio: auto !important;
  }
  .produto .comboProdutos .item {
    height: 100% !important;
  }
  .produto .comboProdutos .item .flex-column + .flex-column::before {
    top: -55px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
.produto .comboProdutos .sale {
  display: none;
}
.produto .comboProdutos .Products.combinacao {
  padding: 0 50px 30px 50px;
  background: url(./../../imagens/bg-combo-pdp.png) no-repeat center center;
  background-size: 100%;
  height: 100%;
  width: 100%;
  max-height: 80%;
  aspect-ratio: 2.7804878049;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.produto .comboProdutos .Products.combinacao::before {
  content: "Itens do combo";
  font-size: 25px;
  color: #707070;
  margin-bottom: 20px;
}
.produto .comboProdutos .item {
  width: 100%;
  max-width: 100%;
  height: 150px;
  max-height: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background: transparent;
  box-shadow: none;
  gap: 60px;
}
.produto .comboProdutos .item .flex-column {
  width: fit-content;
  position: relative;
  flex: 1;
  height: 100%;
  background: transparent;
}
.produto .comboProdutos .item .flex-column > div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}
.produto .comboProdutos .item .flex-column > div img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 100px;
}
.produto
  .comboProdutos
  .item
  .flex-column
  > div
  > div
  > h2:not(:first-of-type) {
  display: none;
}
.produto .comboProdutos .item .flex-column > div > div h2 {
  text-align: center;
  font-size: 14px;
  color: #1e1e1e;
}
.produto .comboProdutos .item .flex-column + .flex-column::before {
  content: "";
  position: absolute;
  top: 50%;
  background: url(./../../imagens/icones/ico-plusCombo.svg) no-repeat center
    center;
  width: 50px;
  height: 50px;
  background-size: contain;
  left: -55px;
  transform: translateY(-50%);
}

/* Carrinho */
table.carrinho .Products.combinacao {
  justify-content: end;
}
table.carrinho .Products.combinacao h2 {
  display: block;
}
table.carrinho p.loja {
  font-size: 14px !important;
  color: #808987 !important;
}
table.carrinho span.nomeLoja {
  font-size: 14px !important;
  color: #000 !important;
}

body table.carrinho .boxDesc h3 span {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #000000 !important;
}

/* Confirmação compra */
.boxConfirmacao .resumo-compra > div + div::before {
  margin-top: 0 !important;
  transform: translateY(-50%);
  height: 100%;
}

/* Nova sessão de depoimentos */
.CarouselDepoimentos {
  padding: 60px 0;
}
.CarouselDepoimentos h2 {
  font-size: 31px;
  font-weight: 500;
  position: relative;
  padding-bottom: 14px;
  text-align: center;
  width: 100%;
  margin-bottom: 41px;
  margin-top: 20px;
}
.CarouselDepoimentos h2::after {
  content: "";
  height: 2px;
  background: var(--secundary-color);
  position: absolute;
  bottom: 0;
  width: 60px;
  left: calc(50% - 30px);
}
.CarouselDepoimentos .btnVermaisdepoimento {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.CarouselDepoimentos .btnVermaisdepoimento a {
  font-size: 14px;
  font-weight: 400;
  color: #2d2e2e;
  text-align: center;
  line-height: 18px;
  text-decoration: underline;
  transition: all 0.3s ease;
  text-transform: lowercase;
}

.CarouselDepoimentos .btnVermaisdepoimento a:first-letter {
  text-transform: uppercase;
}

.CarouselDepoimentos .btnVermaisdepoimento a:hover {
  color: var(--primary-color);
}
.CarouselDepoimentos .depoimento > .flex-column {
  align-items: center;
  justify-content: center;
}
.CarouselDepoimentos .depoimento > .flex-column img {
  max-width: 100px;
}
.CarouselDepoimentos .depoimento > .flex-column .Depoimento {
  font-size: 14px;
  font-weight: 400;
  color: #2d2e2e;
  text-align: center;
  line-height: 18px;
  margin: 10px 0;
}
.CarouselDepoimentos .depoimento > .flex-column .NomeCliente {
  font-size: 14px;
  font-weight: 600;
  color: #2d2e2e;
  text-align: center;
  line-height: 18px;
}
.CarouselDepoimentos .depoimento > .flex-column .Cidade {
  font-size: 14px;
  font-weight: 400;
  color: #2d2e2e;
  text-align: center;
  line-height: 18px;
}
.CarouselDepoimentos .owl-carousel .owl-nav button {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.CarouselDepoimentos .owl-carousel .owl-nav button.owl-next {
  right: 0;
}
.CarouselDepoimentos .owl-carousel .owl-nav button.owl-prev {
  left: 0;
}
