/* ===== QUERIDINHAS DA ELARAH — selo + nota sobre a foto do card ===== */

.qd-selo {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: calc(100% - 64px);
  padding: 6px 11px;
  border-radius: 999px;
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.2;
  color: #2c211a;
  background: #ffe6d4;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
}
.qd-selo span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qd-selo svg { flex: none; }

/* Data (badge laranja) desce pra baixo do selo. transform em vez de
   top porque o pacote de datas usa top inline em cada badge. */
.card--qd-selo .card__badge { transform: translateY(36px); }

.qd-selo--top_vendas  { background: #fff0d6; }
.qd-selo--grupos      { background: #fde3dc; }
.qd-selo--privativos  { background: #e8f6e6; }
.qd-selo--privativos svg { fill: currentColor; }
.qd-selo--corporativo { background: #e3effc; }
.qd-selo--nota        { background: #fff4cc; }
.qd-selo--nota svg    { fill: #f0a05e; stroke: #f0a05e; }
.qd-selo--custom svg,
.qd-selo--indicacao svg,
.qd-selo--escolha svg { fill: var(--orange, #F27623); stroke: var(--orange, #F27623); }
.qd-selo--equipe      { background: #fdeede; }
.qd-selo--presente    { background: #fbe4ef; }
.qd-selo--date        { background: #fde0e4; }
.qd-selo--amigas      { background: #f3e6fb; }
.qd-selo--iniciantes  { background: #fff4cc; }
.qd-selo--novidade    { background: #e3f4f7; }
.qd-selo--relaxante   { background: #e8f6e6; }
.qd-selo--joia        { background: #e6ecfb; }

/* Nota: canto de baixo à DIREITA (o "últimas vagas" mora à esquerda). */
.qd-nota {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .14);
  line-height: 1.2;
}
.qd-nota strong { font-size: .92rem; color: #1a1a1a; }
.qd-nota strong span { color: var(--orange, #F27623); }
.qd-nota small { font-size: .68rem; color: #6b6b6b; }

.qd-previa {
  position: fixed;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  z-index: 9999;
  padding: 8px 14px;
  border-radius: 999px;
  background: #1f4d3f;
  color: #fff;
  font-size: .8rem;
  font-weight: 700;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .25);
  max-width: calc(100% - 32px);
  text-align: center;
}

/* Celular (2 cards por linha): selo menor e quebrando em até 2 linhas
   em vez de cortar o texto. */
@media (max-width: 640px) {
  .qd-selo {
    top: 8px;
    left: 8px;
    gap: 4px;
    max-width: calc(100% - 52px);
    padding: 4px 8px;
    border-radius: 10px;
    font-size: .64rem;
  }
  .qd-selo svg { width: 11px; height: 11px; }
  .qd-selo span {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .card--qd-selo .card__badge { transform: translateY(40px); }
  .qd-nota { right: 8px; bottom: 8px; padding: 4px 7px; border-radius: 8px; }
  .qd-nota strong { font-size: .8rem; }
  .qd-nota small { font-size: .58rem; }
}