/* ========================================
   FUENTES PERSONALIZADAS - FUN JUNGLE PARKS
   ======================================== */

/* ===== GOOGLE FONTS ===== */
/* Poppins - Font Principal para títulos y navegación */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/* Roboto - Font Secundaria para cuerpo de texto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* Fredoka - Font alternativa divertida para títulos especiales */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap');

/* ===== APLICACIÓN DE FUENTES ===== */

/* Font por defecto en todo el sitio */
body {
    font-family: var(--font-primary);
}

/* Títulos principales con Poppins Bold */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    font-weight: 700;
}

/* Textos de cuerpo con Roboto */
p, span, a, li {
    font-family: var(--font-secondary);
}

/* Navegación con Poppins SemiBold */
.jungle-nav-link,
.jungle-nav-item {
    font-family: var(--font-primary);
    font-weight: 600;
}

/* Botones con Poppins Bold */
.btn,
button {
    font-family: var(--font-primary);
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* ===== CLASES ESPECIALES DE FUENTES ===== */

/* Clase para títulos muy grandes (hero) */
.jungle-hero-title,
.display-title {
    font-family: var(--font-primary);
    font-weight: 800;
    letter-spacing: -1px;
}

/* Clase para texto divertido (opcional con Fredoka) */
.fun-text {
    font-family: 'Fredoka', var(--font-primary), sans-serif;
    font-weight: 600;
}

/* ===== OPTIMIZACIÓN DE RENDERIZADO ===== */

/* Optimizar rendering de fuentes */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ===== FALLBACKS ===== */

/* Si Google Fonts no carga, usar fuentes del sistema */
.font-fallback {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                 "Helvetica Neue", Arial, sans-serif;
}
