/**
 * Fontes Personalizadas - Modal Banner Plugin
 * 
 * Este arquivo carrega fontes personalizadas para uso nos banners
 */

/* Bragley Regular */
@font-face {
    font-family: 'Bragley';
    src: url('../fonts/Bragley_Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Melhora performance */
}

/* 
 * Como usar a fonte nos seus banners:
 * 
 * Opção 1 - CSS inline:
 * <div style="font-family: 'Bragley', sans-serif;">Seu texto</div>
 * 
 * Opção 2 - Tag style:
 * <style>
 *     .meu-texto {
 *         font-family: 'Bragley', sans-serif;
 *     }
 * </style>
 * <div class="meu-texto">Seu texto</div>
 */

/* Classe helper para usar a fonte facilmente */
.font-bragley {
    font-family: 'Bragley', sans-serif;
}

/* 
 * ADICIONAR NOVAS FONTES:
 * 
 * 1. Coloque o arquivo da fonte em: /public/fonts/
 * 2. Adicione o @font-face aqui:
 * 
 * @font-face {
 *     font-family: 'MinhaFonte';
 *     src: url('../fonts/minha-fonte.otf') format('opentype');
 *     font-weight: normal;
 *     font-style: normal;
 *     font-display: swap;
 * }
 * 
 * 3. Use nos banners:
 * <div style="font-family: 'MinhaFonte', sans-serif;">Texto</div>
 */

/* Formatos suportados:
 * - OTF: format('opentype')
 * - TTF: format('truetype')
 * - WOFF: format('woff')
 * - WOFF2: format('woff2')
 * - EOT: format('embedded-opentype')
 */