/* Planos: Premium primeiro no celular, dois cartões lado a lado no desktop. */
.planos { display: grid; gap: 18px; margin-top: 28px; }
.plano { position: relative; padding: 26px 22px; display: flex; flex-direction: column; gap: 16px; }
.plano-destaque { border: 2px solid var(--marinho); box-shadow: 0 20px 50px rgba(1, 25, 72, .16); }
.plano-selo {
  position: absolute; top: -13px; left: 22px; background: var(--limao); color: var(--marinho); font-size: 12px;
  font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 5px 12px; border-radius: 999px;
}
.plano h3 { font-size: 24px; }
.plano-para { color: #4a4a4f; font-size: 15px; margin-top: 4px; }
.plano-preco { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.plano-preco s { color: var(--apagado); font-size: 16px; }
.plano-preco strong { font-family: var(--fonte-titulo); font-size: 44px; letter-spacing: -.03em; line-height: 1; }
.plano-preco small { color: var(--apagado); font-size: 14px; width: 100%; }
.plano .lista-check { margin-top: 4px; }
.plano .botao { margin-top: auto; width: 100%; min-width: 0; white-space: nowrap; }
.plano-linha { font-size: 13px; color: var(--apagado); text-align: center; }
.plano-basic h3 { color: #4a4a4f; }
.internacional { margin-top: 18px; text-align: center; font-size: 14px; color: var(--apagado); }
@media (min-width: 768px) {
  .planos { grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 44px; align-items: stretch; }
  .plano-destaque { order: 2; }
  .plano-basic { order: 1; }
}