/* ============================================================ Flagy — ícones ------------------------------------------------------------ Bootstrap Icons 1.11.3 (MIT), hospedado aqui e RECORTADO: só os 42 glifos que este site usa. A fonte completa tem 2.050 ícones e 130 KB; este recorte tem 4,6 KB. Por que fonte de ícone e não emoji: emoji é desenhado pelo SISTEMA. O mesmo caractere vira uma coisa no iPhone, outra no Android e outra no Windows — sem controle de traço, de peso nem de cor, e sempre colorido, brigando com a paleta. Ícone é texto: herda `color`, `font-size` e o alinhamento da linha, e fica igual em todo lugar. Por que hospedado e não do CDN: o site não tem build. Uma folha de estilo de terceiro no bloqueia a primeira pintura e depende de um domínio que não é nosso — caro demais para 4,6 KB de fonte. Como se acrescenta um ícone: escolha o nome em icons.getbootstrap.com, acrescente a `tools/icones.sh` e rode o script. Ele refaz a fonte e este arquivo. Editar isto à mão dá um `content:` sem glifo — um retângulo vazio. ============================================================ */ @font-face { font-family: 'icones-flagy'; /* `block`: até a fonte chegar, o ícone fica invisível em vez de mostrar o retângulo de caractere ausente. Com 4,6 KB a espera é imperceptível. */ font-display: block; font-weight: normal; font-style: normal; /* Relativo à FOLHA, não à raiz: assim a fonte é achada tanto em https://site/ quanto em https://painel/site/. Caminho absoluto aqui quebrava calado quando o site passou a viver num subdiretório. */ src: url('../fontes/icones.woff2') format('woff2'); } /* `ic` sozinho já basta para o elemento virar ícone; a segunda classe diz qual. Sempre em