/* Card de produto e aviso de afiliado do Provamos. Cores pelas variáveis do tema-filho,
   com valor de reserva para funcionar em qualquer tema. */

.pv-aviso {
  font-size: 0.85em;
  color: var(--pv-tinta-suave, #5b5b5b);
  border-left: 3px solid var(--pv-borda, #e2ddd5);
  padding: 0.4em 0 0.4em 0.8em;
  margin: 0 0 1.5em;
}

.pv-card {
  display: flex;
  gap: 1.25em;
  align-items: flex-start;
  border: 1px solid var(--pv-borda, #e2ddd5);
  border-radius: 10px;
  padding: 1.1em;
  margin: 1.75em 0;
  background: var(--pv-cartao, #ffffff);
}

.pv-card__foto {
  flex: 0 0 34%;
  margin: 0;
}

.pv-card__foto img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
}

.pv-card__corpo {
  flex: 1 1 auto;
  min-width: 0;
}

.pv-card__nome {
  font-size: 1.15em;
  font-weight: 700;
  margin: 0 0 0.35em;
}

.pv-card__nota {
  margin: 0 0 0.6em;
}

.pv-card__nota-num {
  font-size: 1.6em;
  font-weight: 800;
  color: var(--pv-destaque, #7a4e2d);
}

.pv-card__nota-de {
  color: var(--pv-tinta-suave, #5b5b5b);
}

.pv-card__selo {
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-left: 0.4em;
}

.pv-card__linhas {
  margin: 0 0 0.8em 1.1em;
  padding: 0;
}

.pv-card__linhas li {
  margin-bottom: 0.25em;
}

.pv-card__preco {
  margin: 0 0 0.8em;
  font-weight: 600;
}

.pv-card__preco-obs {
  font-weight: 400;
  font-size: 0.85em;
  color: var(--pv-tinta-suave, #5b5b5b);
}

.pv-card__botoes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}

.pv-btn {
  display: inline-block;
  padding: 0.6em 1em;
  border-radius: 6px;
  background: var(--pv-destaque, #7a4e2d);
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 600;
  line-height: 1.2;
}

.pv-btn--amazon,
.pv-btn--shopee {
  background: transparent;
  color: var(--pv-destaque, #7a4e2d) !important;
  border: 1px solid currentColor;
}

.pv-card__teste {
  margin: 0.8em 0 0;
  font-size: 0.9em;
}

.pv-card-erro {
  background: #fff4e5;
  border: 1px dashed #d97706;
  padding: 0.6em 0.8em;
  font-size: 0.9em;
}

@media (max-width: 640px) {
  .pv-card {
    flex-direction: column;
  }

  .pv-card__foto {
    flex-basis: auto;
    width: 100%;
  }
}