/* Selos e preços do cupom: mesmas regras do css/styles.css do site. */
.price-save{
  align-self:center;
  margin-left:9px;
  padding:4px 10px;
  border-radius:var(--r-pill);
  background:rgba(255,113,0,.15);
  border:1px solid rgba(255,113,0,.42);
  color:var(--accent-text);
  font-size:12px;font-weight:800;letter-spacing:.02em;
}
.price-card.popular .price-save{
  background:rgba(255,113,0,.22);
  border-color:rgba(255,113,0,.6);
}
/* cupom da URL (?cupom=): tudo fica dentro do bloco de preço de cada card.
   Selo "Cupom X aplicado" no alto, preço com desconto em destaque e o preço
   de antes riscado logo abaixo. Criados pelo script.js (seção 3a) só quando
   o cupom é válido. */
.cupom-tag{
  display:inline-flex;align-items:center;gap:6px;
  align-self:flex-start;
  margin-bottom:3px;padding:4px 10px 4px 8px;
  border-radius:var(--r-pill);
  background:rgba(255,113,0,.12);
  border:1px dashed rgba(255,113,0,.55);
  color:var(--accent-text);
  font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.02em;
  line-height:1.2;white-space:nowrap;
}
.cupom-tag svg{flex:0 0 auto}
/* o bloco de preço empurra tudo para baixo (flex-end): o selo sobe para o
   topo, para ficar na mesma altura nos 4 cards (no Growth sobra espaço) */
.price-line .cupom-tag{margin-bottom:auto}
.price-line .cupom-tag + *{margin-top:3px}
/* nome de cupom muito comprido: corta com reticências em vez de sair do card */
.cupom-tag{max-width:100%}
.cupom-tag span{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* preço de antes (ciclo semestral/anual), riscado abaixo do preço com cupom */
.price-de{
  font-family:var(--sans);color:var(--muted);font-size:15px;font-weight:600;
  text-decoration:line-through;
  text-decoration-color:rgba(var(--tint-rgb),.45);
  text-decoration-thickness:2px;
}
.pricing-grid[data-ciclo="mensal"] .price-de{display:none}
/* mensal com cupom: no lugar do preço cheio riscado entra o valor com o
   cupom, na mesma cor e também riscado, com o prazo ao lado sem risco
   ("R$ 97,90 na primeira cobrança"). Escolha do Victor em 28/09/2026. */
.price-old.price-old-cupom{text-decoration:none}
.price-old-cupom .riscado{
  white-space:nowrap;
  text-decoration:line-through;
  text-decoration-color:rgba(var(--tint-rgb),.45);
  text-decoration-thickness:2px;
}
/* valor com cupom dentro da nota do ciclo */
.price-cycle b{font-family:var(--sans);font-weight:800;color:var(--accent-text)}
.price-old-cupom .riscado{text-decoration-color:rgba(var(--tint-rgb),.92);text-decoration-thickness:3px}