.footer {
    position: relative;
    text-align: center;
    padding: 20px 0;
    background-color: #2B3A4B;
    color: white;
}

    /* Estilo da marca d'água */
    .footer::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: url(/images/logo-escritorio-sem-fundo.png);
        background-repeat: no-repeat;
        background-size: 60%;
        /*        background-size: 80%;*/
        opacity: 0.3;
        filter: brightness(0) invert(1);
        width: 100%;
        height: 100%;
        z-index: 0;
        display: block;
        background-position-x: center;
        background-position-y: center;
    }

.container {
    position: relative;
    z-index: 1; /* Para garantir que o conteúdo fique acima da imagem */
}

#img-footer {
    width: 64px;
    transition: transform 0.3s ease; /* Efeito de transição */
}

    #img-footer:hover {
        transform: scale(1.2); /* Aumenta a imagem em 20% ao passar o mouse */
    }

/* Oculta a marca d'água em larguras acima de 450px */
@media (min-width: 426px) {
    .footer::before {
        display: none; /* Esconde a imagem para larguras maiores */
    }
}

/*@media (min-width: 374px and max-width:425px) {
    .footer::before {
        display: none;*/ /* Esconde a imagem para larguras maiores */
    /*}*/
}