/* Playbook de turismo corporativo: planejador reverso (linha do tempo). A base vem de nt.css (nt-calc, nt-campo);
   aqui só a linha do tempo. Seletores com .pb-planejador na frente para vencer ".nt-corpo ol/p" sem !important. */
.pb-planejador [hidden] { display: none !important; }
.pb-planejador .pb-resultado { margin-top: 1.2rem; }
.pb-planejador .pb-linha { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; counter-reset: marco; }
@media (min-width: 640px) { .pb-planejador .pb-linha { grid-template-columns: repeat(4, 1fr); } }
.pb-planejador .pb-linha li {
  position: relative; margin: 0; padding: .75rem .9rem .75rem 2.6rem;
  background: var(--nt-campo); border: 1px solid var(--nt-borda-forte); border-radius: 12px;
  counter-increment: marco;
}
.pb-planejador .pb-linha li::before {
  content: counter(marco); position: absolute; left: .7rem; top: .8rem;
  width: 1.4rem; height: 1.4rem; border-radius: 50%; display: grid; place-items: center;
  background: var(--nt-azul-fundo); color: var(--nt-azul); border: 1px solid rgba(18, 150, 252, .45);
  font-family: var(--nt-fonte-titulo); font-weight: 700; font-size: .8rem;
}
.pb-planejador .pb-linha li:first-child { border-color: rgba(18, 150, 252, .55); background: var(--nt-azul-fundo); }
.pb-planejador .pb-linha-mes { display: block; font-family: var(--nt-fonte-titulo); font-weight: 700; font-size: 1.1rem; line-height: 1.25; color: #ffffff; }
.pb-planejador .pb-linha-texto { display: block; font-size: .88rem; line-height: 1.4; color: var(--nt-texto-suave); }
.pb-planejador .pb-linha-evento .pb-linha-mes { color: var(--nt-azul); }
.pb-planejador .pb-agora { margin: 1rem 0 .4rem; font-weight: 600; color: #ffffff; }
.pb-planejador .pb-cta {
  display: flex; flex-wrap: wrap; align-items: center; gap: .6rem .9rem;
  margin: 1.1rem 0 0; padding-top: 1rem; border-top: 1px solid var(--nt-borda-forte); color: var(--nt-texto-suave);
}