/*====================================================
                    FOOTER
=====================================================*/


.footer{

    background:#030303;

    padding:70px 0 25px;

    color:#ffffff;

    border-top:1px solid rgba(255,255,255,.08);

}





/*====================================================
                CONTEÚDO FOOTER
=====================================================*/


.footer-content{

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    gap:60px;

    padding-bottom:50px;

}





/*====================================================
                MARCA
=====================================================*/


.footer-brand img{

    width:170px;

    margin-bottom:20px;

}



.footer-brand p{

    color:#a8a8a8;

    max-width:350px;

    line-height:1.7;

    font-size:15px;

}





/*====================================================
                TITULOS
=====================================================*/


.footer h3{

    color:#ffffff;

    font-size:18px;

    margin-bottom:25px;

}





/*====================================================
                LINKS
=====================================================*/


.footer-links ul{

    list-style:none;

}



.footer-links li{

    margin-bottom:12px;

}



.footer-links a{

    color:#a8a8a8;

    font-size:15px;

    transition:.3s;

}



.footer-links a:hover{

    color:#0066ff;

}





/*====================================================
                CONTATO
=====================================================*/


.footer-whatsapp{

    display:flex;

    align-items:center;

    gap:10px;

    color:#ffffff;

    font-size:16px;

    margin-bottom:25px;

}



.footer-whatsapp i{

    color:#25d366;

    font-size:24px;

}





/*====================================================
                REDES SOCIAIS
=====================================================*/


.social{

    display:flex;

    gap:15px;

}



.social a{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    color:#ffffff;

    transition:.3s;

}



.social a:hover{

    background:#0066ff;

    transform:translateY(-5px);

}



.social i{

    font-size:18px;

}





/*====================================================
                PARTE FINAL
=====================================================*/


.footer-bottom{

    border-top:1px solid rgba(255,255,255,.1);

    padding-top:25px;

    text-align:center;

}



.footer-bottom p{

    color:#777777;

    font-size:14px;

}





/*====================================================
                TABLET
=====================================================*/


@media(max-width:900px){


    .footer-content{

        grid-template-columns:1fr 1fr;

        gap:40px;

    }


}





/*====================================================
                CELULAR
=====================================================*/


@media(max-width:768px){


    .footer{

        padding:50px 0 20px;

    }



    .footer-content{

        grid-template-columns:1fr;

        text-align:center;

    }



    .footer-brand img{

        margin:auto;

        margin-bottom:20px;

    }



    .footer-brand p{

        margin:auto;

    }



    .social{

        justify-content:center;

    }



    .footer-whatsapp{

        justify-content:center;

    }


}