/* Playbook do agronegócio: calendário de abordagem (12 meses). A base vem de nt.css (nt-calc, nt-campo); aqui só a
   grade de meses. Cada mês diz o nível em texto, e a cor só reforça (não é a única pista). Seletores com .pb-safra na
   frente para vencer ".nt-corpo ol/li/p" sem !important. */
.pb-safra [hidden] { display: none !important; }
.pb-safra .pb-resultado { margin-top: 1.2rem; }
.pb-safra .pb-meses {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: .45rem; grid-template-columns: repeat(2, minmax(0, 1fr));
}
/* "Desenvolvimento" e "Planejamento" precisam de ~110px: 3 colunas só a partir de 480px, 4 a partir de 680px. */
@media (min-width: 480px) { .pb-safra .pb-meses { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 680px) { .pb-safra .pb-meses { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pb-safra .pb-mes {
  position: relative; margin: 0; padding: .55rem .6rem .6rem;
  border-radius: 10px; border: 1px solid var(--nt-borda-forte); background: var(--nt-campo);
  display: flex; flex-direction: column; gap: .1rem; min-height: 5.4rem;
}
.pb-safra .pb-mes-nome {
  font-family: var(--nt-fonte-titulo); font-weight: 700; font-size: .95rem; text-transform: uppercase; letter-spacing: .04em;
  color: #ffffff;
}
.pb-safra .pb-mes-fase { font-size: .82rem; line-height: 1.3; color: var(--nt-texto-suave); overflow-wrap: anywhere; hyphens: auto; }
.pb-safra .pb-mes-nivel { margin-top: auto; font-size: .78rem; line-height: 1.25; font-weight: 600; color: var(--nt-cinza-claro); }
.pb-safra .pb-melhor { border-color: rgba(18, 150, 252, .7); background: var(--nt-azul-fundo); }
.pb-safra .pb-melhor .pb-mes-nivel { color: var(--nt-azul); }
.pb-safra .pb-ok .pb-mes-nivel { color: var(--nt-texto); }
.pb-safra .pb-pico { border-style: dashed; background: transparent; }
.pb-safra .pb-pico .pb-mes-nome { color: var(--nt-cinza-claro); }
.pb-safra .pb-mes-hoje { box-shadow: 0 0 0 2px #ffffff; }
.pb-safra .pb-mes-agora {
  position: absolute; top: .45rem; right: .45rem; padding: 0 .4rem; border-radius: 999px;
  background: #ffffff; color: var(--nt-texto-botao); font-size: .68rem; font-weight: 700; line-height: 1.5; text-transform: uppercase;
}
.pb-safra .pb-resumo { margin: 1rem 0 .4rem; color: var(--nt-texto); }
.pb-safra .pb-agora { margin: 0 0 .4rem; font-weight: 600; color: #ffffff; }
.pb-safra .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);
}