/* Orvyan — demonstração de consulta por API (home).
   Animação em DOM: sem vídeo, sem GIF, sem requisição de rede.
   Tokens herdados de landing.css. */

.apidemo {
  margin-top: 1rem;
  border-radius: 6px;
  overflow: hidden;
}

.apidemo-term {
  background: #0d1b2e;
  color: #dbe4f0;
  font-family: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  font-size: .78rem;
  line-height: 1.5;
  padding: .7rem;
}

/* Altura fixa de 4 linhas: o conteúdo rola para cima, como num console. */
.apidemo-code {
  margin: 0;
  white-space: pre;
  height: 6em;
  overflow: hidden;
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  .apidemo-code { scroll-behavior: auto; }
}
.apidemo-code .ln { display: block; min-height: 1.5em; }
.apidemo-code .k { color: #8fb6ff; }   /* chave  */
.apidemo-code .s { color: #9fe0b0; }   /* string */
.apidemo-code .m { color: #ffd479; }   /* método */
.apidemo-code .p { color: rgba(219, 228, 240, .55); } /* pontuação */

/* resposta ilustrativa */
.apidemo-code .ln.res { color: rgba(219, 228, 240, .82); }
.apidemo-code .ok { color: #7fbf8f; }
.apidemo-code .v-ok { color: #9fe0b0; font-weight: 700; }
.apidemo-code .v-rev { color: var(--alfa); font-weight: 700; }

/* linhas acrescentadas no 2º ato */
.apidemo-code .ln.add {
  background: rgba(224, 168, 0, .16);
  box-shadow: inset 2px 0 0 var(--alfa);
  padding-left: .35rem;
  margin-left: -.35rem;
}

/* Chamada para a página de demonstração, ao lado de "Solicitar acesso" */
.apidemo-cta {
  margin-left: .45rem;
  background: none;
  color: var(--accent);
  border-color: #c3ccdf;
}
.apidemo-cta:hover { background: #eef1f8; border-color: var(--accent); }

@media (max-width: 760px) {
  .apidemo-term { font-size: .72rem; }
}