/* Fontes Customizadas - Otimizado para Hostinger */

/* Preload das fontes principais */
@import url('https://fonts.googleapis.com/css2?family=KG+Red+Hands&family=Fjalla+One&display=swap');

/* KG Red Hands - Google Fonts com fallback robusto */
@font-face {
    font-family: 'KG Red Hands';
    src: url('https://fonts.googleapis.com/css2?family=KG+Red+Hands&display=swap');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Koblenz-Serial-ExtraBold - Fonte customizada com múltiplos formatos */
@font-face {
    font-family: 'Koblenz-Serial-ExtraBold';
    src: url('../fonts/Koblenz-Serial-ExtraBold.woff2') format('woff2'),
         url('../fonts/Koblenz-Serial-ExtraBold.woff') format('woff'),
         url('../fonts/Koblenz-Serial-ExtraBold.ttf') format('truetype'),
         url('../fonts/Koblenz-Serial-ExtraBold Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Fallbacks robustos para Koblenz */
@font-face {
    font-family: 'Koblenz-Fallback';
    src: local('Arial Black'), 
         local('Helvetica Neue Bold'), 
         local('Impact'),
         local('Georgia Bold'),
         local('Times New Roman Bold'),
         local('sans-serif');
    font-weight: bold;
    font-style: normal;
}

/* Fallback para KG Red Hands */
@font-face {
    font-family: 'KG-Red-Hands-Fallback';
    src: local('Brush Script MT'),
         local('Lucida Handwriting'),
         local('Comic Sans MS'),
         local('cursive');
    font-weight: normal;
    font-style: normal;
}

/* Classes de fonte com fallbacks robustos */
.font-kg-red-hands {
    font-family: 'KG Red Hands', 'KG-Red-Hands-Fallback', 'Brush Script MT', 'Lucida Handwriting', 'Comic Sans MS', cursive;
}

.font-koblenz {
    font-family: 'Koblenz-Serial-ExtraBold', 'Koblenz-Fallback', 'Arial Black', 'Helvetica Neue Bold', 'Impact', sans-serif;
}

/* Configurações globais de fonte */
body {
    font-family: 'KG Red Hands', 'KG-Red-Hands-Fallback', 'Brush Script MT', 'Lucida Handwriting', 'Comic Sans MS', cursive;
}

/* Configurações específicas para títulos */
.hero-title,
.section-title,
.main-title.koblenz {
    font-family: 'Koblenz-Serial-ExtraBold', 'Koblenz-Fallback', 'Arial Black', 'Helvetica Neue Bold', 'Impact', sans-serif;
    font-weight: bold;
}

/* Configurações para descrições */
.hero-description,
.column p,
.footer p {
    font-family: 'KG Red Hands', 'KG-Red-Hands-Fallback', 'Brush Script MT', 'Lucida Handwriting', 'Comic Sans MS', cursive;
}

/* Configurações para botões */
.btn-projeto,
.btn-contratar,
.btn-submit {
    font-family: 'KG Red Hands', 'KG-Red-Hands-Fallback', 'Brush Script MT', 'Lucida Handwriting', 'Comic Sans MS', cursive;
}

/* Configurações para formulários */
input, textarea, select {
    font-family: 'KG Red Hands', 'KG-Red-Hands-Fallback', 'Brush Script MT', 'Lucida Handwriting', 'Comic Sans MS', cursive;
}

/* Configurações para navegação */
.nav-link {
    font-family: 'KG Red Hands', 'KG-Red-Hands-Fallback', 'Brush Script MT', 'Lucida Handwriting', 'Comic Sans MS', cursive;
}

/* Configurações para newsletter */
.newsletter-form input,
.newsletter-form button {
    font-family: 'KG Red Hands', 'KG-Red-Hands-Fallback', 'Brush Script MT', 'Lucida Handwriting', 'Comic Sans MS', cursive;
}

/* Otimizações para carregamento de fontes */
@media (max-width: 768px) {
    /* Reduzir complexidade das fontes em mobile */
    body {
        font-family: 'KG Red Hands', 'Brush Script MT', 'Comic Sans MS', cursive;
    }
    
    .hero-title,
    .section-title,
    .main-title.koblenz {
        font-family: 'Koblenz-Serial-ExtraBold', 'Arial Black', 'Impact', sans-serif;
    }
}

/* Detecção de falha no carregamento de fontes */
@supports (font-display: swap) {
    .font-loading-fallback {
        font-display: swap;
    }
}

/* Fallback para navegadores antigos */
@supports not (font-display: swap) {
    .font-loading-fallback {
        font-display: auto;
    }
}