/* ==============================================
   Bricolage Grotesque - Todas las variantes locales
   Ruta: /wp-content/themes/hybinet-prime/assets/fonts/fonts/bricolage-grotesque/
   ============================================== */

/* ==============================================
   Bricolage Grotesque - Todas las variantes locales
   Ruta: /wp-content/themes/hybinet-prime/assets/fonts/fonts/bricolage_grotesque/
   ============================================== */

/* ===== Normal ===== */
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-ExtraLight.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-Light.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-Regular.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-Medium.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-SemiBold.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-Bold.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-ExtraBold.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ===== Condensed ===== */
@font-face {
  font-family: 'Bricolage Grotesque Condensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-ExtraLight.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque Condensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-Light.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque Condensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-Regular.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque Condensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-Medium.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque Condensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-SemiBold.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque Condensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-Bold.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque Condensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-ExtraBold.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_Condensed-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ===== Semi Condensed ===== */
@font-face {
  font-family: 'Bricolage Grotesque SemiCondensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-ExtraLight.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque SemiCondensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-Light.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque SemiCondensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-Regular.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque SemiCondensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-Medium.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque SemiCondensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-SemiBold.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque SemiCondensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-Bold.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bricolage Grotesque SemiCondensed';
  src: url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-ExtraBold.woff2') format('woff2'),
       url('../fonts/fonts/bricolage_grotesque/BricolageGrotesque_SemiCondensed-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ==============================================
   Inter - Todas las variantes locales
   Ruta: [tu_ruta]/fonts/
   Incluye: 18pt, 24pt, 28pt con pesos 100-900
   ============================================== */

/* ==============================================
   Inter 18pt - Normal
   ============================================== */
@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-Thin.woff2') format('woff2'),
       url('./Inter_18pt-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-ThinItalic.woff2') format('woff2'),
       url('./Inter_18pt-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-ExtraLight.woff2') format('woff2'),
       url('./Inter_18pt-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-ExtraLightItalic.woff2') format('woff2'),
       url('./Inter_18pt-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-Light.woff2') format('woff2'),
       url('./Inter_18pt-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-LightItalic.woff2') format('woff2'),
       url('./Inter_18pt-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-Regular.woff2') format('woff2'),
       url('./Inter_18pt-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-Italic.woff2') format('woff2'),
       url('./Inter_18pt-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-Medium.woff2') format('woff2'),
       url('./Inter_18pt-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-MediumItalic.woff2') format('woff2'),
       url('./Inter_18pt-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-SemiBold.woff2') format('woff2'),
       url('./Inter_18pt-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-SemiBoldItalic.woff2') format('woff2'),
       url('./Inter_18pt-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-Bold.woff2') format('woff2'),
       url('./Inter_18pt-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-BoldItalic.woff2') format('woff2'),
       url('./Inter_18pt-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-ExtraBold.woff2') format('woff2'),
       url('./Inter_18pt-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-ExtraBoldItalic.woff2') format('woff2'),
       url('./Inter_18pt-ExtraBoldItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-Black.woff2') format('woff2'),
       url('./Inter_18pt-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 18pt';
  src: url('./Inter_18pt-BlackItalic.woff2') format('woff2'),
       url('./Inter_18pt-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ==============================================
   Inter 24pt - Normal
   ============================================== */
@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-Thin.woff2') format('woff2'),
       url('./Inter_24pt-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-ThinItalic.woff2') format('woff2'),
       url('./Inter_24pt-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-ExtraLight.woff2') format('woff2'),
       url('./Inter_24pt-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-ExtraLightItalic.woff2') format('woff2'),
       url('./Inter_24pt-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-Light.woff2') format('woff2'),
       url('./Inter_24pt-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-LightItalic.woff2') format('woff2'),
       url('./Inter_24pt-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-Regular.woff2') format('woff2'),
       url('./Inter_24pt-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-Italic.woff2') format('woff2'),
       url('./Inter_24pt-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-Medium.woff2') format('woff2'),
       url('./Inter_24pt-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-MediumItalic.woff2') format('woff2'),
       url('./Inter_24pt-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-SemiBold.woff2') format('woff2'),
       url('./Inter_24pt-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-SemiBoldItalic.woff2') format('woff2'),
       url('./Inter_24pt-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-Bold.woff2') format('woff2'),
       url('./Inter_24pt-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-BoldItalic.woff2') format('woff2'),
       url('./Inter_24pt-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-ExtraBold.woff2') format('woff2'),
       url('./Inter_24pt-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-ExtraBoldItalic.woff2') format('woff2'),
       url('./Inter_24pt-ExtraBoldItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-Black.woff2') format('woff2'),
       url('./Inter_24pt-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 24pt';
  src: url('./Inter_24pt-BlackItalic.woff2') format('woff2'),
       url('./Inter_24pt-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ==============================================
   Inter 28pt - Normal
   ============================================== */
@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-Thin.woff2') format('woff2'),
       url('./Inter_28pt-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-ThinItalic.woff2') format('woff2'),
       url('./Inter_28pt-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-ExtraLight.woff2') format('woff2'),
       url('./Inter_28pt-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-ExtraLightItalic.woff2') format('woff2'),
       url('./Inter_28pt-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-Light.woff2') format('woff2'),
       url('./Inter_28pt-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-LightItalic.woff2') format('woff2'),
       url('./Inter_28pt-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-Regular.woff2') format('woff2'),
       url('./Inter_28pt-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-Italic.woff2') format('woff2'),
       url('./Inter_28pt-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-Medium.woff2') format('woff2'),
       url('./Inter_28pt-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-MediumItalic.woff2') format('woff2'),
       url('./Inter_28pt-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-SemiBold.woff2') format('woff2'),
       url('./Inter_28pt-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-SemiBoldItalic.woff2') format('woff2'),
       url('./Inter_28pt-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-Bold.woff2') format('woff2'),
       url('./Inter_28pt-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-BoldItalic.woff2') format('woff2'),
       url('./Inter_28pt-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-ExtraBold.woff2') format('woff2'),
       url('./Inter_28pt-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-ExtraBoldItalic.woff2') format('woff2'),
       url('./Inter_28pt-ExtraBoldItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-Black.woff2') format('woff2'),
       url('./Inter_28pt-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter 28pt';
  src: url('./Inter_28pt-BlackItalic.woff2') format('woff2'),
       url('./Inter_28pt-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ==============================================
   Inter - Familia completa (combinada)
   ============================================== */
@font-face {
  font-family: 'Inter';
  src: url('./Inter_18pt-Regular.woff2') format('woff2'),
       url('./Inter_18pt-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('./Inter_18pt-Italic.woff2') format('woff2'),
       url('./Inter_18pt-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Ejemplos de uso:
   body {
     font-family: 'Inter 18pt', sans-serif;
     font-weight: 400;
   }
   
   .large-text {
     font-family: 'Inter 24pt', sans-serif;
     font-weight: 700;
   }
   
   .display-text {
     font-family: 'Inter 28pt', sans-serif;
     font-weight: 800;
   }
*/