.footer-brand {
    width: 100%;
    min-height: 300px; /* altura mínima para que se vea la imagen */
    background-image: url('https://maletachic.com/images/footer.png');
    background-size: cover;      /* cubrir todo el área */
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent !important; /* asegurarse que no quede blanco encima */
    position: relative;
    padding: 10px 0;      
}



    /* Forzar que todos los textos y enlaces sean del color primario y sin subrayado */
    footer, 
    footer a, 
    footer span, 
    footer li, 
    footer h3, 
    footer h4, 
    footer p,
    footer div {
        color: var(--color-primary) !important;
        text-decoration: none !important;
    }

    .key {
        position: absolute;
        bottom: 0%;
        right: 0%;
        width: 25%;
    }

    .rrss-footer {
        font-size: 20px;
        text-align: center;
    }

    .informations {
        position: relative;
        box-sizing: border-box;
        z-index: 1;
        text-align: center;
        padding: 20px 0 0 0;
    }

    .information {
        display: inline-block;
        font-family: var( --font-brand) !important;
        text-align: left;
        vertical-align: top;
        width: 22.5%;
        list-style: none; /* Quitar puntos de los li */
    }

    .information p, .information p a {
        font-family: 'grotta-trialmedium';
        font-weight: 900;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .information span, 
    .information li a,
    .information li a h3 {
        font-family: 'grotta-trialmedium', Helvetica, sans-serif;
        font-weight: normal;
        font-size: 14px;
        line-height: 1.5;
        display: block; /* Para que h3 no herede margenes raros */
        margin: 0;
    }

    #copyright {
        margin: 0 auto;
        text-align: center;
        font-family: Helvetica, sans-serif;
    }

    #copyright-year, .brands {
        text-align: center;
        width: 100%;
        display: block;
        font-size: 1vw;
    }

    .brands {
        font-family: 'grotta-trialmedium';
        font-size: 2vw;
    }

    .developer {
        text-align: left;
        font-family: Helvetica;
        font-size: 1vw;
        padding: 0 0 20px 20px;
    }

    .agency {
        width: 4%;
        height: auto;
        /*filter: grayscale(1) brightness(2);*/
    }

    @media screen and (max-width: 800px) {
        .information {
            width: 80%;
            display: block;
            margin: 0 auto;
            padding: 10px 0;
        }
        .brands { font-size: 8vw; }
        #copyright-year, .developer { font-size: 4vw; }
        .agency { width: 12%; }
    }