/* =========================================================================
   /planos-direto/ — DESTAQUE DO PLANO ANUAL (08/08/2026)
   -------------------------------------------------------------------------
   Ordem do Jader: "deixa SEMPRE um destaque para o 79 pois ele é o plano mais
   em conta no geral e precisamos destacá-lo para converter o anual".

   POR QUE UM ARQUIVO NOVO, E NÃO UMA EDIÇÃO EM plans-page.css:
   1. plans-page.css é COMPARTILHADA com /planos-premium/. Editá-la para mexer
      só no seletor de /planos-direto/ é arriscar uma tela que não tem nada a
      ver com esta mudança.
   2. A borda (Cloudflare) ignora ?ver= em CSS. Nome novo é a única forma
      confiável de o navegador receber regra nova — e renomear a folha
      compartilhada obrigaria /planos-premium/ a revalidar junto.
   Este arquivo entra DEPOIS de plans-page.css (dependência declarada em
   includes/Assets.php), então vence os empates sem precisar de !important.

   ESCOPO: tudo abaixo exige .osemp-direct-plans no ancestral — markup que só
   templates/plans-direct.php imprime. Em /planos-premium/ nada casa.

   DESTACADO ≠ PRÉ-SELECIONADO: o plano cobrado por padrão continua sendo o
   MENSAL. Quem marca o que será cobrado é o ponto cheio do rádio; o destaque
   abaixo é convite, não escolha feita por nós.
   ========================================================================= */

.osemp-direct-plans .coplan--best {
  border-width: 2px;
  border-color: var(--coral);
  background: #fff9f5;
  box-shadow: 0 14px 30px -20px rgba(255, 83, 44, .8);
}

/* O selo deixa de ser um detalhe no fim do nome: é a primeira coisa que a
   pessoa lê na linha do anual. */
.osemp-direct-plans .coplan--best .coplan__tag {
  padding: 5px 11px;
  font-size: 10.5px;
  box-shadow: 0 6px 14px -8px rgba(31, 138, 91, .9);
}

/* "R$ 6,59/mês · um único pagamento no ano" — no destacado o preço por mês
   sai do cinza de nota de rodapé. */
.osemp-direct-plans .coplan--best .coplan__note {
  color: var(--ink2, #4a423a);
  font-weight: 700;
}

/* A economia calculada — (meses × mensal) − preço. Some sozinha quando a
   conta dá zero ou negativa (o PHP nem imprime o elemento). */
.osemp-direct-plans .coplan__save {
  display: inline-block;
  margin-top: 7px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--coral-soft, #fff4ee);
  border: 1px solid var(--coral-wash, #ffe9dd);
  color: var(--coral-deep, #e23d18);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

/* Selecionado vence o destaque: quem está escolhido tem de ser inconfundível,
   inclusive quando é o próprio anual. */
.osemp-direct-plans .coplan--best.is-selected,
.osemp-direct-plans .coplan--best:has(input:checked) {
  background: var(--coral-soft, #fff4ee);
  box-shadow: 0 0 0 3px var(--coral-soft, #fff4ee);
}

@media (max-width: 640px) {
  .osemp-direct-plans .coplan__save { font-size: 11.5px; padding: 3px 9px; }
}