/* Archivo de fuentes para Brafter */

/* Preconexión a servidores de fuentes para carga más rápida */
@import url('https://fonts.googleapis.com/css2?family=Cooper+Black&family=Montserrat:wght@400;600;800&display=swap');
@import url('https://fonts.cdnfonts.com/css/cooper-black');

/* Fuente Cooper Black local como respaldo principal */
@font-face {
    font-family: 'Cooper Black Local';
    src: url('https://db.onlinewebfonts.com/t/00d5a78493aed7dd4d0c1b30e64bc378.woff2') format('woff2'),
         url('https://db.onlinewebfonts.com/t/00d5a78493aed7dd4d0c1b30e64bc378.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Fuente alternativa para dispositivos móviles */
@font-face {
    font-family: 'Cooper Black Mobile';
    src: local('Cooper Black'),
         local('CooperBlack'),
         url('https://allfont.net/cache/fonts/cooper-black_5432d0d0d1b72a1c8e08a5f7f6f7de7f.woff') format('woff'),
         url('https://allfont.net/cache/fonts/cooper-black_5432d0d0d1b72a1c8e08a5f7f6f7de7f.ttf') format('truetype'),
         url('https://fonts.cdnfonts.com/s/14746/COOPBL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Fuente adicional de respaldo para máxima compatibilidad */
@font-face {
    font-family: 'Cooper Black Fallback';
    src: url('https://db.onlinewebfonts.com/t/00d5a78493aed7dd4d0c1b30e64bc378.eot');
    src: url('https://db.onlinewebfonts.com/t/00d5a78493aed7dd4d0c1b30e64bc378.eot?#iefix') format('embedded-opentype'),
         url('https://db.onlinewebfonts.com/t/00d5a78493aed7dd4d0c1b30e64bc378.woff2') format('woff2'),
         url('https://db.onlinewebfonts.com/t/00d5a78493aed7dd4d0c1b30e64bc378.woff') format('woff'),
         url('https://db.onlinewebfonts.com/t/00d5a78493aed7dd4d0c1b30e64bc378.ttf') format('truetype'),
         url('https://db.onlinewebfonts.com/t/00d5a78493aed7dd4d0c1b30e64bc378.svg#Cooper Black') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Fuente forzada para dispositivos problemáticos */
@font-face {
    font-family: 'Cooper Black Forced';
    src: url('https://db.onlinewebfonts.com/t/00d5a78493aed7dd4d0c1b30e64bc378.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* Clases de utilidad para fuentes */
.cooper-black {
    font-family: 'Cooper Black', 'Cooper Black Local', 'Cooper Black Mobile', 'Cooper Black Fallback', 'Cooper Black Forced', serif !important;
    font-weight: normal !important;
    letter-spacing: 0.02em !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.montserrat {
    font-family: 'Montserrat', sans-serif !important;
}

/* Estilos específicos para el logo */
.brafter-logo {
    font-family: 'Cooper Black', 'Cooper Black Local', 'Cooper Black Mobile', 'Cooper Black Fallback', 'Cooper Black Forced', serif !important;
    font-weight: normal !important;
    letter-spacing: 0.02em !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    visibility: visible !important;
    display: inline-block !important;
}

/* Estilos específicos para dispositivos móviles */
@media (max-width: 768px) {
    .brafter-logo {
        /* Ajustes para mejorar la visualización en móviles */
        letter-spacing: 0.03em !important;
        font-family: 'Cooper Black Mobile', 'Cooper Black Local', 'Cooper Black Fallback', 'Cooper Black Forced', serif !important;
    }
    
    /* Forzar la visualización correcta en iOS */
    @supports (-webkit-touch-callout: none) {
        .brafter-logo {
            font-family: 'Cooper Black Mobile', 'Cooper Black Fallback', 'Cooper Black Forced', serif !important;
            -webkit-text-stroke: 0.2px black;
        }
    }
    
    /* Forzar la visualización correcta en Android */
    @supports not (-webkit-touch-callout: none) {
        .brafter-logo {
            font-family: 'Cooper Black Mobile', 'Cooper Black Fallback', 'Cooper Black Forced', serif !important;
        }
    }
} 