/* Fuentes optimizadas - Carga diferida para no bloquear render */
@font-face {
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 400;
    font-display: optional; /* Carga en background, no bloquea */
    src: url('caveat-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Kalam';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url('kalam-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Permanent Marker';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url('permanent-marker.ttf') format('truetype');
}
@font-face {
    font-family: 'Shadows Into Light';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url('shadows-into-light.ttf') format('truetype');
}

/* Gelion Font Family - Solo Regular (la más usada) */
@font-face {
    font-family: 'Gelion';
    font-style: normal;
    font-weight: 400;
    font-display: optional; /* No bloquea el render, carga en background */
    src: url('gelion/gelion-regular.woff') format('woff');
}