/* 
 * Otimizações de Performance para Fontes
 * 
 * Este arquivo contém otimizações para melhorar o carregamento
 * e renderização das fontes no site.
 */

/* Configurações globais de font-display */
@font-face {
  font-family: 'Space Grotesk';
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  font-display: swap;
}

@font-face {
  font-family: 'Space Mono';
  font-display: swap;
}

/* Fallbacks otimizados para elementos específicos */
.heading-h1, .heading-h2, .heading-h3, .heading-h4, .heading-h5, .heading-h6,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Fallback para textos */
p, .text, .description {
  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Fallback para números */
.number, .score, .rating {
  font-family: 'Space Mono', 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
}

/* Otimização para elementos que usavam Sora */
.ui-overline, .category-tag {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Prevenção de FOUT (Flash of Unstyled Text) */
.font-loading {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.font-loaded {
  opacity: 1;
}

/* Otimização para dispositivos móveis */
@media (max-width: 768px) {
  /* Reduzir o uso de fontes personalizadas em mobile para melhor performance */
  .mobile-optimized {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  }
} 
/* Paginação rastreável de archives + load more como link */
a.load-more-btn {
  text-decoration: none;
  color: white;
}
a.load-more-btn:hover {
  color: white;
}
a.load-more-btn.is-loading,
a.load-more-btn[aria-disabled="true"] {
  pointer-events: none;
  opacity: 0.8;
}
.archive-pagination {
  /* Visível no HTML para o Google; oculto na interface */
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}