/* Transição suave entre páginas do SITE INTEIRO (não só o blog) — não
   muda nenhuma cor, fonte, imagem ou layout já existente, só a forma
   como a página aparece/desaparece ao trocar de link. */

/* Navegadores que já têm suporte nativo (Chrome/Edge mais recentes)
   ganham uma transição suave por baixo dos panos, de graça. Navegador
   que não suporta simplesmente ignora essa regra, sem efeito nenhum —
   continua exatamente como está hoje. */
@view-transition {
  navigation: auto;
}

/* Some suavemente ao entrar em qualquer página — roda sozinho via CSS,
   sem depender de JavaScript, então nunca trava a página "sumida". */
@keyframes cibFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
body {
  animation: cibFadeIn .35s ease;
}

/* Esmaece a página antes de sair (aplicado pelo site-transitions.js ao
   clicar num link interno). Se o JavaScript não carregar por algum
   motivo, essa classe nunca é adicionada e os links funcionam do jeito
   normal, sem nenhum efeito colateral. */
body.cib-fade-leaving {
  opacity: 0 !important;
  transition: opacity .22s ease;
}

@media (prefers-reduced-motion: reduce) {
  body,
  body.cib-fade-leaving {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
  }
}