/**
 * INFLAPY - Local Font Fallbacks
 * Fallback local para Google Fonts (Fredoka, Nunito)
 *
 * Este archivo proporciona fuentes locales como respaldo cuando
 * Google Fonts no esta disponible o falla (Error 503).
 *
 * Para descargar las fuentes:
 * 1. Visita: https://fonts.google.com/specimen/Fredoka
 * 2. Visita: https://fonts.google.com/specimen/Nunito
 * 3. Descarga los archivos .woff2 y colocaos en /fonts/
 */

/* ============================================
   FREDOKA - Fuente Display/Headings
   ============================================ */

/* Fallback local - Se usa si los archivos estan en /fonts/ */
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Fredoka Regular'),
       local('Fredoka-Regular'),
       url('/fonts/fredoka-regular.woff2') format('woff2'),
       url('/fonts/fredoka-regular.woff') format('woff');
}

@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Fredoka Medium'),
       local('Fredoka-Medium'),
       url('/fonts/fredoka-medium.woff2') format('woff2'),
       url('/fonts/fredoka-medium.woff') format('woff');
}

@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Fredoka SemiBold'),
       local('Fredoka-SemiBold'),
       url('/fonts/fredoka-semibold.woff2') format('woff2'),
       url('/fonts/fredoka-semibold.woff') format('woff');
}

@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Fredoka Bold'),
       local('Fredoka-Bold'),
       url('/fonts/fredoka-bold.woff2') format('woff2'),
       url('/fonts/fredoka-bold.woff') format('woff');
}

/* ============================================
   NUNITO - Fuente Principal/Body
   ============================================ */

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Nunito Regular'),
       local('Nunito-Regular'),
       url('/fonts/nunito-regular.woff2') format('woff2'),
       url('/fonts/nunito-regular.woff') format('woff');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Nunito SemiBold'),
       local('Nunito-SemiBold'),
       url('/fonts/nunito-semibold.woff2') format('woff2'),
       url('/fonts/nunito-semibold.woff') format('woff');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Nunito Bold'),
       local('Nunito-Bold'),
       url('/fonts/nunito-bold.woff2') format('woff2'),
       url('/fonts/nunito-bold.woff') format('woff');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Nunito ExtraBold'),
       local('Nunito-ExtraBold'),
       url('/fonts/nunito-extrabold.woff2') format('woff2'),
       url('/fonts/nunito-extrabold.woff') format('woff');
}

/* ============================================
   SYSTEM FONT FALLBACK STACK
   ============================================ */

/*
 * Si las fuentes locales no estan disponibles,
 * se usara el stack de fuentes del sistema
 */

:root {
  /* Fuente principal con fallbacks del sistema */
  --font-primary: 'Nunito',
                  -apple-system,
                  BlinkMacSystemFont,
                  'Segoe UI',
                  Roboto,
                  'Helvetica Neue',
                  Arial,
                  sans-serif;

  /* Fuente display con fallbacks redondeados */
  --font-display: 'Fredoka',
                  'Comic Sans MS',
                  'Trebuchet MS',
                  'Verdana',
                  'Geneva',
                  sans-serif;
}