/* Selo "Perfil Verificado" (estrelinha dourada) - pedido do Marcelo em
   01/09/2026. Usado pelo partial Pages/Shared/_BadgeVerificado.cshtml, em
   toda tela do site que mostra a foto de rosto de algum usuário
   (_LayoutRede.cshtml, _GradePerfis.cshtml, rede-usuario.cshtml,
   mensagens.cshtml, notificacoes, etc. - ver STATUS-PROJETO.md, "Selo
   'Perfil Verificado'" em Padrões técnicos estabelecidos pra lista
   completa).

   Arquivo próprio (em vez de <style> dentro de um layout só) porque o
   selo precisa aparecer tanto em páginas com _LayoutRede.cshtml (área
   logada) quanto _LayoutPublico.cshtml (leitura-do-artigo.cshtml pode
   ser exibida sem login, com comentários de autores confirmados) - os
   dois layouts referenciam este arquivo.

   Tamanho em % (não px fixo) de propósito: o elemento pai (o wrapper
   "position-relative" em volta do <img class="img-avatar...">) sempre
   encolhe pro tamanho exato da foto (d-inline-block), então um filho
   absolutamente posicionado com largura em % acompanha sozinho qualquer
   tamanho de avatar do site (32/48/96/128/thumb) sem precisar de uma
   classe CSS por tamanho. */
.badge-verificado {
    position: absolute;
    top: 0;
    right: 0;
    /* Tamanho ajustado a pedido do Marcelo em 01/09/2026, em várias rodadas
       (grande demais, depois pequena demais nos testes ao vivo) - era
       width: 34% / min: 14px, depois 17%/7px, depois 11%/5px. */
    width: 14%;
    aspect-ratio: 1 / 1;
    min-width: 6px;
    min-height: 6px;
    /* O quadrado em volta da foto tem cantos que o círculo não alcança -
       com o selo grande (34%) ele "invadia" o círculo o bastante pra
       disfarçar esse vazio; do jeito pequeno de agora, um translate de
       30% jogava o selo pro cantinho vazio inteiro, parecendo flutuando,
       separado da foto (reparado pelo Marcelo em 01/09/2026). Translate
       menor = menos para fora do círculo = selo sobreposto à foto de
       novo, mesmo pequeno. */
    transform: translate(10%, -10%);
    cursor: default;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .35));
}

.badge-verificado svg {
    display: block;
    width: 100%;
    height: 100%;
}