footer{
    background-color: #0f0e61;
    color: #fff;
    padding: 30px;
}

.colunas{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.footerColuna{
    margin: 10px;
    flex-basis: 300px;
    flex-grow: 2;
    flex-shrink: 0;
}

/* COLUNA 1 */

footer .footerColuna1{
    flex-basis: 330px;
    margin-right: 50px;
}

footer .footerColuna1 .img{
    width: 100%;
}

footer .footerColuna1 .img img{
    width: 250px;
    margin: 10px;
}

footer .footerColuna1 p{
    margin: 20px;
    color: #ddd;
}



@media(max-width: 450px){

    footer .footerColuna1 .img img{
        width: 200px;
    }

}

@media(max-width: 380px){

    footer .footerColuna1 p{
        font-size: 13px;
    }
}



/* COLUNA 2 */

footer .footerColuna2{
    width: 20%;
    display: flex;
    padding: 20px;
    justify-content: center;
}

footer .footerColuna2 ul{
    list-style: none;
    padding: 0;
    width: 80%;
}

@media(max-width: 780px){

    footer .footerColuna1{
        justify-content: center;
        text-align: center;
        margin: 0;
    }

    footer .footerColuna2{
        justify-content: center;
        text-align: center;
    }

    footer .footerColuna3{
        justify-content: center;
        text-align: center;
    }
    
    footer .footerColuna3 .buttonsRedes{
        justify-content: center;
    }


}

footer .footerColuna2 a{
    text-decoration: none;
    font-size: 15px;
    color: #ffffff77;
}

footer .footerColuna2 a:hover{
    color: #1E1CCF;
    transition: .5s all;
}

/* COLUNA 3 */

footer .footerColuna3{
    width: 25%;
    padding: 20px;
    display: flex;
    justify-content: center;
}

footer .footerColuna3 .content{
    width: 80%;
}

@media(max-width: 1190px){

    footer .footerColuna3 .content{
        width: 100%;
    }
}

footer .buttonsRedes{
    display: flex;
    flex-direction: row;
    gap: 2%;
}


footer .buttonsRedes button{
    height: 50px;
    width: 50px;
    cursor: pointer;
    border: 0px;
    padding: 7px;
    border-radius: 5px;
}

footer .buttonsRedes .emailBtn button{
    background-color: #D9A200;
}

footer .buttonsRedes .instaBtn button{
    background-color: #FF1774;
}

footer .buttonsRedes .whatsBtn button{
    background-color: #46cf1c;
}

footer .buttonsRedes button:hover{
    background-color: #1E1CCF;
    transition: .2s;
}

footer .buttonsRedes button:active{
    background-color: #46cf1c;
        transition: .1s;
}

footer .buttonsRedes img{
    height: 90%;
    margin: auto;
}



/* linha */

footer .marca{
    width: 98%;
    padding: 1%;
    text-align: center;
    border-top: 1px solid #363477;
}