/* Remover fundo branco das imagens usando CSS e JavaScript */

/* Aplicar transparência no fundo branco usando mix-blend-mode */
.logo-img,
.carousel-main-image,
.portfolio-img,
.footer-logo-img {
    background: transparent;
}

/* Para imagens PNG - se já tiverem fundo transparente, manter */
.logo-img,
.carousel-main-image,
.portfolio-img,
.footer-logo-img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Remove fundo branco usando filtro (para imagens JPG com fundo branco) */
.remove-bg-white {
    filter: 
        brightness(0) 
        saturate(100%) 
        invert(0)
        drop-shadow(0 0 0 transparent);
    background: transparent;
    mix-blend-mode: multiply;
}

/* Versão melhorada usando chroma key effect */
.remove-bg-chroma {
    background: transparent;
    position: relative;
}

.remove-bg-chroma::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    mix-blend-mode: multiply;
}

/* Aplicar em carrossel - imagem com fundo transparente */
.carousel-image img.carousel-main-image {
    background: transparent !important;
}

/* Para logo - manter transparente */
.logo-img {
    background: transparent !important;
}

/* Portfolio - manter fundo transparente */
.portfolio-img {
    background: transparent !important;
    padding: 15px;
}

/* Footer logo - manter transparente */
.footer-logo-img {
    background: transparent !important;
}