/* Fontes Locais - Otimização de Performance com font-display estratégico */

/* Hind - Font Principal (Crítica - swap para garantir visibilidade) */
@font-face {
  font-family: "Hind";
  src: url("../fonts/Hind-Regular.woff2") format("woff2"),
    url("../fonts/Hind-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* Crítica - sempre mostrar texto */
}

@font-face {
  font-family: "Hind";
  src: url("../fonts/Hind-Medium.woff2") format("woff2"),
    url("../fonts/Hind-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: optional; /* Peso médio - optional para reduzir layout shifts */
}

@font-face {
  font-family: "Hind";
  src: url("../fonts/Hind-Bold.woff2") format("woff2"),
    url("../fonts/Hind-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: optional; /* Peso bold - optional para reduzir layout shifts */
}

/* Poppins - Font Secundária (Títulos importantes) */
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.woff2") format("woff2"),
    url("../fonts/Poppins-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* Regular - importante para títulos */
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Medium.woff2") format("woff2"),
    url("../fonts/Poppins-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: optional; /* Medium - optional para reduzir layout shifts */
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBold.woff2") format("woff2"),
    url("../fonts/Poppins-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: optional; /* SemiBold - optional para reduzir layout shifts */
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Black.woff2") format("woff2"),
    url("../fonts/Poppins-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: optional; /* Black - optional para reduzir layout shifts */
}

/* Roboto - Font Terciária (Menos crítica) */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"),
    url("../fonts/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: optional; /* Terciária - optional para reduzir layout shifts */
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Medium.woff2") format("woff2"),
    url("../fonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: optional; /* Medium - optional para reduzir layout shifts */
}

/* Montserrat - Font Alternativa (Menos crítica) */
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"),
    url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: optional; /* Alternativa - optional para reduzir layout shifts */
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"),
    url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: optional; /* Medium - optional para reduzir layout shifts */
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),
    url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: optional; /* SemiBold - optional para reduzir layout shifts */
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"),
    url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: optional; /* Bold - optional para reduzir layout shifts */
}

/* Fallback para fontes do sistema */
@font-face {
  font-family: "System Fonts";
  src: local("Segoe UI"), local("Roboto"), local("Helvetica Neue"),
    local("Arial"), local("sans-serif");
  font-display: swap; /* Sistema - sempre disponível */
}

/* 
ESTRATÉGIA DE FONT-DISPLAY OTIMIZADA:

1. font-display: swap - Para fontes CRÍTICAS (Hind Regular, Poppins Regular)
   - Garante que o texto seja sempre visível
   - Usado para fontes principais do site

2. font-display: optional - Para fontes MENOS CRÍTICAS (pesos alternativos)
   - Reduz layout shifts (CLS - Cumulative Layout Shift)
   - Usado para pesos médio, bold, black, etc.
   - Se não carregar em 100ms, usa fallback

BENEFÍCIOS:
- Texto sempre visível (swap para críticas)
- Redução de layout shifts (optional para alternativas)
- Melhor performance e UX
- Otimização de Core Web Vitals
*/

/* Variáveis CSS para fontes com fallbacks otimizados */
:root {
  --font-primary: "Hind", "System Fonts", sans-serif;
  --font-secondary: "Poppins", "System Fonts", sans-serif;
  --font-tertiary: "Roboto", "System Fonts", sans-serif;
  --font-alternative: "Montserrat", "System Fonts", sans-serif;
  --font-inter: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Otimizações adicionais para reduzir layout shifts */
.font-loading {
  font-display: swap;
  font-synthesis: none; /* Evita síntese de fontes pelo navegador */
}

/* Fallbacks com métricas similares para reduzir CLS */
.font-primary-fallback {
  font-family: "Hind", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  font-display: swap;
}

.font-secondary-fallback {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  font-display: swap;
}

/* Otimização para texto crítico */
.critical-text {
  font-family: var(--font-primary);
  font-display: swap;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}