/* Card da promocao relampago na pagina da campanha (modelo do dono). */
.promo-card { background: #fff; color: #111; border-radius: 16px; padding: 22px 20px 16px; box-shadow: 0 4px 18px rgba(0, 0, 0, .12); }
.promo-card--titulo { font-size: 1.15rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; margin: 0 0 14px; white-space: pre-line; color: #111; }
.promo-card--conta { color: #e10600; font-size: 1.6rem; font-weight: 700; text-align: center; margin: 0 0 10px; font-variant-numeric: tabular-nums; }
.promo-card--barra { background: #111; border-radius: 999px; padding: 4px; height: 20px; margin-bottom: 16px; }
.promo-card--barra span { display: block; height: 100%; width: 100%; border-radius: 999px; background: linear-gradient(90deg, #ff0a0a, #7a0000 60%, #1a0000); transition: width 1s linear; }
.promo-card--sub { text-align: center; text-transform: uppercase; font-size: .95rem; margin: 0 0 14px; white-space: pre-line; color: #111; }
.promo-card--botao { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; border: 0; border-radius: 999px; background: #000; color: #ff1a1a; font-weight: 700; text-transform: uppercase; font-size: 1.05rem; line-height: 1.25; padding: 14px 22px; cursor: pointer; }
.promo-card--botao span { flex: 1; text-align: center; }
.promo-card--botao:hover, .promo-card--botao:focus-visible { background: #1c1c1c; }
.promo-card--validade { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: .8rem; color: #333; margin: 14px 0 0; text-align: center; }
@media (min-width: 768px) {
  .promo-card { padding: 26px 30px 18px; }
  .promo-card--titulo { font-size: 1.45rem; }
  .promo-card--conta { font-size: 2rem; }
}