/* =========================================================
   MSDEV - Destaque Pix | Rei da Sublimacao
   Arquivo: valores-pix.css
   Versao: 20260704-4
   Modelo escolhido: Pix acima do preco normal
   ========================================================= */

:root {
  --msdev-pix-color: #00bda9;
  --msdev-pix-color-dark: #009f92;
  --msdev-pix-bg: #eafffb;
  --msdev-pix-bg-2: #f4fffc;
  --msdev-pix-text: #1f2937;
  --msdev-pix-muted: #6b7280;
  --msdev-pix-border: #00bda9;
}

/* =========================================================
   ELEMENTOS GERAIS
   ========================================================= */

.msdev-original-pix-hidden {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

.msdev-pix-box,
.msdev-pix-box * {
  box-sizing: border-box !important;
}

.msdev-pix-box {
  font-family: inherit !important;
  background: linear-gradient(135deg, var(--msdev-pix-bg) 0%, var(--msdev-pix-bg-2) 100%) !important;
  border: 2px solid var(--msdev-pix-border) !important;
  color: var(--msdev-pix-color-dark) !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.msdev-pix-icon-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  background: var(--msdev-pix-color) !important;
  color: #ffffff !important;
}

.msdev-pix-svg {
  display: block !important;
  fill: currentColor !important;
  width: 100% !important;
  height: 100% !important;
}

.msdev-pix-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
}

.msdev-pix-label,
.msdev-pix-value,
.msdev-pix-sub,
.msdev-pix-seal {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

.msdev-pix-label {
  color: var(--msdev-pix-color-dark) !important;
  font-weight: 900 !important;
}

.msdev-pix-value {
  color: var(--msdev-pix-color-dark) !important;
  font-weight: 900 !important;
  letter-spacing: -0.6px !important;
}

.msdev-pix-sub {
  color: var(--msdev-pix-text) !important;
  font-weight: 400 !important;
}

.msdev-pix-seal {
  position: absolute !important;
  background: var(--msdev-pix-color) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

/* =========================================================
   PAGINA DO PRODUTO
   ========================================================= */

body.pagina-produto .preco-produto.msdev-pix-product-area {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product {
  order: -100 !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 118px !important;
  border-radius: 18px !important;
  padding: 22px 170px 22px 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  overflow: hidden !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product .msdev-pix-icon-box {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  border-radius: 16px !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product .msdev-pix-svg {
  width: 32px !important;
  height: 32px !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product .msdev-pix-label {
  font-size: 15px !important;
  line-height: 1.15 !important;
  margin-bottom: 4px !important;
  white-space: normal !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product .msdev-pix-value {
  font-size: 46px !important;
  line-height: 0.95 !important;
  margin-bottom: 6px !important;
  white-space: nowrap !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product .msdev-pix-sub {
  font-size: 16px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product .msdev-pix-seal {
  top: 16px !important;
  right: 16px !important;
  font-size: 11px !important;
  letter-spacing: 0.4px !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-price-line {
  order: 2 !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-price-line,
body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-price-line > div {
  display: block !important;
  text-align: left !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-price-line s.preco-venda,
body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-price-line .preco-venda:not(.preco-a-partir .preco-venda) {
  color: #9ca3af !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-price-line strong.preco-promocional {
  color: #111827 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.4px !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-price-line strong.preco-promocional::after {
  content: "preço no cartão/boleto" !important;
  color: #7b8490 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  margin-left: 8px !important;
  vertical-align: baseline !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-price-line .preco-a-partir span {
  color: #7b8490 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-price-line .preco-a-partir strong.preco-venda {
  color: #111827 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-installment-line {
  order: 3 !important;
  width: 100% !important;
  background: #f8fafc !important;
  border: 1px solid #edf0f2 !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  margin: 2px 0 0 !important;
  text-align: left !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-installment-line .preco-parcela {
  color: #6b7280 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-installment-line .preco-parcela strong {
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}


/* =========================================================
   FLUTUANTE DA PAGINA DO PRODUTO
   ========================================================= */

.acoes-flutuante .preco-produto.msdev-pix-floating-area {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float {
  order: -100 !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 86px !important;
  border-radius: 14px !important;
  padding: 15px 110px 14px 14px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  overflow: hidden !important;
  text-align: left !important;
  margin: 0 0 4px !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-icon-box {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 12px !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-svg {
  width: 24px !important;
  height: 24px !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-content {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-label {
  font-size: 12px !important;
  line-height: 1.12 !important;
  margin-bottom: 3px !important;
  white-space: normal !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-value {
  font-size: 30px !important;
  line-height: .95 !important;
  margin-bottom: 3px !important;
  white-space: nowrap !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-sub {
  font-size: 12px !important;
  line-height: 1.15 !important;
  color: #42515a !important;
  white-space: normal !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-seal {
  top: 12px !important;
  right: 12px !important;
  font-size: 8px !important;
  letter-spacing: .2px !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-price-line {
  order: 2 !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-price-line,
.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-price-line > div {
  display: block !important;
  text-align: left !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-price-line s.preco-venda,
.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-price-line .preco-venda:not(.preco-a-partir .preco-venda) {
  color: #9ca3af !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-price-line strong.preco-promocional {
  color: #111827 !important;
  font-size: 27px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -.35px !important;
  white-space: nowrap !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-price-line strong.preco-promocional::after {
  content: "preço no cartão/boleto" !important;
  color: #7b8490 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  margin-left: 7px !important;
  vertical-align: baseline !important;
  text-transform: none !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-installment-line {
  order: 3 !important;
  width: 100% !important;
  background: #f8fafc !important;
  border: 1px solid #edf0f2 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  margin: 2px 0 0 !important;
  text-align: left !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-installment-line .preco-parcela {
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-installment-line .preco-parcela strong {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.acoes-flutuante .preco-produto.msdev-pix-floating-area ~ .comprar,
.acoes-flutuante .acoes-produto .comprar {
  margin-top: 10px !important;
}

/* =========================================================
   LISTAGENS / CARDS
   ========================================================= */

.listagem .listagem-item.msdev-pix-listagem-ready {
  background: #ffffff !important;
  border-radius: 18px !important;
  padding: 14px !important;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
}

.listagem .listagem-item.msdev-pix-listagem-ready .info-produto {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.listagem .listagem-item.msdev-pix-listagem-ready .nome-produto {
  color: #1f2937 !important;
  line-height: 1.18 !important;
  text-align: center !important;
}

.listagem-item .preco-produto.msdev-pix-list-area {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list {
  order: -100 !important;
  position: relative !important;
  width: 100% !important;
  max-width: 245px !important;
  min-height: 78px !important;
  border-radius: 12px !important;
  padding: 17px 10px 11px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: flex-start !important;
  column-gap: 9px !important;
  overflow: hidden !important;
  text-align: left !important;
  margin: 0 auto 2px !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-icon-box {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 10px !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-svg {
  width: 21px !important;
  height: 21px !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-content {
  width: 100% !important;
  min-width: 0 !important;
  padding-top: 1px !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-label {
  font-size: 10px !important;
  line-height: 1.08 !important;
  margin-bottom: 2px !important;
  max-width: 132px !important;
  white-space: normal !important;
  overflow: hidden !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-value {
  font-size: 22px !important;
  line-height: 1 !important;
  margin-bottom: 2px !important;
  white-space: nowrap !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-sub {
  font-size: 11px !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  color: #42515a !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-seal {
  top: 6px !important;
  right: 7px !important;
  font-size: 6px !important;
  letter-spacing: 0.15px !important;
  padding: 3px 5px !important;
  border-radius: 999px !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-price-line {
  order: 2 !important;
  margin: 3px 0 0 !important;
  padding: 0 !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-price-line,
.listagem-item .preco-produto.msdev-pix-list-area > .msdev-price-line > div {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  text-align: center !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-price-line s.preco-venda,
.listagem-item .preco-produto.msdev-pix-list-area > .msdev-price-line .preco-venda:not(.preco-a-partir .preco-venda) {
  color: #9ca3af !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-price-line strong.preco-promocional {
  color: #111827 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: -0.35px !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-price-line .preco-a-partir span {
  color: #8a8a8a !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-price-line .preco-a-partir strong.preco-venda {
  color: #111827 !important;
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-installment-line {
  order: 3 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-installment-line .preco-parcela {
  color: #8a8a8a !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
}

.listagem-item .preco-produto.msdev-pix-list-area > .msdev-installment-line .preco-parcela strong {
  color: #7b8490 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 767px) {
  .listagem .listagem-item.msdev-pix-listagem-ready {
    padding: 12px !important;
  }

  .listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list {
    max-width: 100% !important;
    min-height: 72px !important;
    padding: 16px 8px 10px !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    column-gap: 8px !important;
  }

  .listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-icon-box {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }

  .listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-svg {
    width: 19px !important;
    height: 19px !important;
  }

  .listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-label {
    font-size: 9px !important;
    max-width: 118px !important;
  }

  .listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-value {
    font-size: 19px !important;
  }

  .listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-sub {
    font-size: 10px !important;
  }
}

@media (max-width: 480px) {
  body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product {
    min-height: auto !important;
    padding: 18px !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }

  body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product .msdev-pix-icon-box {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
  }

  body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product .msdev-pix-seal {
    top: 14px !important;
    left: 86px !important;
    right: auto !important;
    font-size: 9px !important;
    padding: 6px 9px !important;
  }

  body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product .msdev-pix-content {
    padding-top: 28px !important;
  }

  body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product .msdev-pix-label {
    font-size: 13px !important;
  }

  body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product .msdev-pix-value {
    font-size: 34px !important;
  }

  body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-pix-box-product .msdev-pix-sub {
    font-size: 14px !important;
  }

  body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-price-line strong.preco-promocional,
  body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-price-line .preco-a-partir strong.preco-venda {
    font-size: 26px !important;
  }

  body.pagina-produto .preco-produto.msdev-pix-product-area > .msdev-price-line strong.preco-promocional::after {
    display: block !important;
    margin: 4px 0 0 !important;
    font-size: 13px !important;
  }
}

@media (max-width: 360px) {
  .listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    padding-top: 28px !important;
  }

  .listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-content {
    align-items: center !important;
    text-align: center !important;
  }

  .listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-label,
  .listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-sub {
    max-width: 100% !important;
    text-align: center !important;
  }

  .listagem-item .preco-produto.msdev-pix-list-area > .msdev-pix-box-list .msdev-pix-seal {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
}


@media (max-width: 480px) {
  .acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    min-height: 78px !important;
    padding: 13px 92px 12px 12px !important;
    column-gap: 10px !important;
  }

  .acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-icon-box {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-label {
    font-size: 10px !important;
  }

  .acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-value {
    font-size: 24px !important;
  }

  .acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-sub {
    font-size: 10px !important;
  }

  .acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-seal {
    font-size: 6.5px !important;
    padding: 4px 6px !important;
    top: 9px !important;
    right: 9px !important;
  }

  .acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-price-line strong.preco-promocional {
    font-size: 25px !important;
  }

  .acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-price-line strong.preco-promocional::after {
    display: block !important;
    margin: 4px 0 0 !important;
    font-size: 11px !important;
  }
}

@media (max-width: 360px) {
  .acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    padding: 30px 12px 13px !important;
  }

  .acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-content {
    align-items: center !important;
    text-align: center !important;
  }

  .acoes-flutuante .preco-produto.msdev-pix-floating-area > .msdev-pix-box-float .msdev-pix-seal {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
}