/* ═══ Likeasy — o card de um plano (E2.1, 2026-10-15) ═════════════════════
   O mesmo desenho na página de planos do cliente (/comprar.html) e na prévia do
   /admin; o HTML sai de public/planos-card.js. As cores são as da página de planos
   (tema escuro): o card que o admin vê na prévia é o que o cliente vê.
   ══════════════════════════════════════════════════════════════════════════ */
.pc-card { position:relative; background:#12101d; border:1px solid #262336; border-radius:14px; padding:22px;
  display:flex; flex-direction:column; gap:8px; color:#e8e6f0; text-align:left;
  font-family:-apple-system,'Segoe UI',Roboto,sans-serif; box-sizing:border-box; }
.pc-card *, .pc-card *::before { box-sizing:border-box; }
.pc-card.pc-destaque { border-color:rgba(139,92,246,.65); box-shadow:0 0 0 1px rgba(139,92,246,.3), 0 10px 30px rgba(102,102,255,.12); }
.pc-selo { position:absolute; top:-11px; left:18px; font-size:11px; font-weight:600; padding:3px 10px; border-radius:999px;
  background:linear-gradient(135deg,#6666FF,#8B5CF6); color:#fff; letter-spacing:.01em; white-space:nowrap; }
.pc-nome { font-size:16px; font-weight:600; margin:0; }
.pc-desc { font-size:13px; color:#a5a1b8; line-height:1.45; margin:0; }
.pc-preco { font-size:26px; font-weight:700; line-height:1.2; color:#fff; }
.pc-preco small { font-size:12px; color:#8b87a0; font-weight:400; margin-left:2px; }
.pc-preco .pc-antes { display:block; font-size:12px; color:#8b87a0; font-weight:400; }
.pc-preco.pc-alternativo { font-size:22px; }
.pc-resumo { font-size:12.5px; color:#c9c6d8; line-height:1.45; margin:0; }
.pc-beneficios { list-style:none; margin:6px 0 6px; padding:0; display:flex; flex-direction:column; gap:7px; }
.pc-beneficios li { position:relative; padding-left:20px; font-size:12.5px; color:#c9c6d8; line-height:1.4; }
.pc-beneficios li::before { content:'✓'; position:absolute; left:0; top:0; color:#a78bfa; font-weight:700; }
.pc-botao { display:block; margin-top:auto; padding:10px; border:0; border-radius:9px; background:linear-gradient(135deg,#6666FF,#8B5CF6);
  color:#fff; font-size:13.5px; font-weight:600; text-align:center; text-decoration:none; cursor:pointer; font-family:inherit; }
.pc-botao.pc-sec { background:transparent; border:1px solid #3b3856; color:#e8e6f0; }
.pc-botao:disabled { opacity:.45; cursor:default; }
/* E2.3: o porquê do botão desabilitado (plano atual, "em breve", bloqueado) */
.pc-motivo { margin-top:8px; font-size:12px; line-height:1.45; color:#8b87a0; text-align:center; }
/* a prévia do /admin: o fundo da página de planos, para o card aparecer como o cliente vê */
.pc-previa { background:#08060f; border-radius:12px; padding:24px 16px 16px; }
.pc-previa .pc-botao { cursor:default; }