/*
 * Notificação de Invenção (2026) — só o que o Tailwind não cobre.
 * Carregado apenas por page-notificacao-de-invencao.php; toda regra começa
 * em .ni-page.
 */

/*
 * Abertura suave do "Saiba mais". A altura é variável, então anima o grid de
 * 0fr para 1fr: o navegador interpola até a altura natural sem medir nada em
 * JS. A visibilidade acompanha o fim da animação, e o conteúdo fechado sai da
 * ordem de tabulação e do leitor de tela.
 */
.ni-page .ni-more {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.ni-page .ni-more[data-open="true"] {
  grid-template-rows: 1fr;
}

.ni-page .ni-more > .ni-more__content {
  overflow: hidden;
  visibility: hidden;
  transition: visibility 0s 0.32s;
}

.ni-page .ni-more[data-open="true"] > .ni-more__content {
  visibility: visible;
  transition: visibility 0s;
}

@media (prefers-reduced-motion: reduce) {
  .ni-page .ni-more,
  .ni-page .ni-more > .ni-more__content {
    transition: none;
  }
}

/*
 * Tipo "Em breve": o box segue na lista, com selo ao lado do título e o
 * download trocado por um botão inerte. Mesmo princípio do `ep-card-soon` do
 * Escritório de Projetos: cor neutralizada e sem ponteiro. O texto continua
 * legível, porque o "Saiba mais" ainda informa sobre o tipo.
 */
.ni-page .ni-badge-soon {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  background: #f1f5f9;
  color: #475569;
  box-shadow: inset 0 0 0 1px #e2e8f0;
}

.ni-page .ni-btn-soon {
  background: #e2e8f0;
  color: #64748b;
  cursor: not-allowed;
}

/* Grayscale no box inteiro, e não só na imagem: o título, a tag e os links
   em azul da marca deixavam o cinza azulado. O filtro não mexe no clique, então
   o "Saiba mais" continua funcionando. A opacidade do box multiplica a da
   imagem: 0.9 × 0.8 deixa a foto em ~0.72. */
.ni-page .ni-type--soon {
  filter: grayscale(1);
  opacity: 0.9;
}

.ni-page .ni-type--soon img {
  opacity: 0.8;
}