/* Image Optimization CSS - Melhorar qualidade sem distorção */

img[id*="Avatar"],
.avatar,
.avatar-image,
.funcionario-card-moderno__avatar,
.funcionario-modal-image,
#funcionarioModalAvatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
    perspective: 1000px;
    -webkit-filter: none;
    filter: none;
}

/* Profile Images */
.profile-image,
.profile-photo,
.funcionario-photo,
.funcionario-card-moderno__avatar,
.funcionario-modal-image {
    object-fit: cover;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Circular Images */
.circular,
.circle,
[style*="border-radius: 50%"],
.funcionario-card-moderno__avatar-wrapper img,
.funcionario-modal-image,
#funcionarioModalAvatar {
    object-fit: cover;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Prevent blurry scaling */
img {
    max-width: 100%;
    height: auto;
    display: block;
    image-rendering: -webkit-optimize-contrast;
}

/* Better rendering for small images */
img[width][height] {
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}

/* Especificidade alta para avatares de funcionários */
.funcionario-card-moderno__avatar,
.funcionario-card-moderno__avatar-wrapper .funcionario-card-moderno__avatar,
div.funcionario-card-moderno__avatar-wrapper img.funcionario-card-moderno__avatar {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform: translateZ(0) !important;
    will-change: transform !important;
    display: block !important;
}

/* Modal avatar optimization */
#funcionarioModalAvatar,
.funcionario-modal-image {
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
}

/* SVG optimization */
svg {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000;
}