/* Exemplo de otimização de fontes no seu CSS principal */
@font-face {
    font-family: 'NomeDaSuaFonte';
    src: url('caminho/para/sua/fonte.woff2') format('woff2');
    font-weight: 400;
    
    /* Ação Crítica: Exibir texto imediatamente, trocar a fonte depois */
    font-display: swap; 
}
/* Faça isso para todas as suas declarações @font-face */

/* -------------------------------------------------------------------- */
/* Otimização da Imagem LCP (Largest Contentful Paint) */
/* -------------------------------------------------------------------- */

/* Se a imagem LCP é quadrada (767x767), garanta a proporção de 1:1. */
/* Substitua .main-lcp-image pela classe do seu banner principal */
.main-lcp-image,
.hero-banner-image {
    /* Mantém a largura 100% responsiva */
    width: 100%;
    height: auto; 
    
    /* Garante a reserva de espaço (proporção 1:1) - Combate o CLS, mas aqui ajuda o LCP */
    aspect-ratio: 1 / 1; 
    
    /* Garante que o navegador não atrase o carregamento desta imagem */
    content-visibility: auto; 
}

/* Nota: A otimização mais forte para o LCP é no HTML:
   - Remover 'loading="lazy"' da imagem LCP.
   - Adicionar 'fetchpriority="high"'.
   - Usar <img width="767" height="767" ...>
*/