/* ==========================================================================
   Avatares circulares del navbar / sidebar (foto de perfil)
   --------------------------------------------------------------------------
   Reemplazan los inline styles repetidos:
     <div style="width: 20px; height: 20px;">
       <img style="width: 100%; height: 100%; object-fit: cover;
                   transform: scale(1.25); transform-origin: center;" />
     </div>

   Uso:
     <div class="profile-avatar profile-avatar--xs rounded-circle overflow-hidden d-inline-block">
         <img src="..." alt="Perfil" />
     </div>
   ========================================================================== */

.profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.25);
    transform-origin: center;
}

.profile-avatar--xs {
    width: 20px;
    height: 20px;
}

.profile-avatar--sm {
    width: 24px;
    height: 24px;
}

/* Crown badge — corona pequeña que se monta sobre el avatar */
.premium-badge-icon {
    font-size: 0.6rem !important;
}