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


.footer{

    padding:90px 0 35px;

    background:

        linear-gradient(
            180deg,
            #102f2b 0%,
            #08211f 100%
        );

    color:#ffffff;

    position:relative;

    overflow:hidden;

}



.footer::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    background:rgba(77,166,120,.08);

    top:-250px;

    right:-200px;

    filter:blur(40px);

}





/* ==========================================================
   GRID
========================================================== */


.footer-grid{

    display:grid;

    grid-template-columns:

        1.5fr 1fr 1fr;

    gap:60px;

    padding-bottom:55px;

    position:relative;

    z-index:2;

}





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


.footer-brand img{

    width:190px;

    margin-bottom:25px;

    filter:drop-shadow(0 10px 25px rgba(0,0,0,.25));

}



.footer-brand p{

    max-width:430px;

    color:rgba(255,255,255,.78);

    line-height:1.8;

    font-size:1rem;

}



.footer-brand strong{

    color:#ffffff;

}





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


.footer-links{

    display:flex;

    flex-direction:column;

    gap:14px;

}



.footer-links h3{

    margin-bottom:14px;

    font-size:1.15rem;

    color:#ffffff;

    position:relative;

}



.footer-links h3::after{

    content:"";

    display:block;

    width:35px;

    height:2px;

    background:#4da678;

    margin-top:10px;

}



.footer-links a{

    color:rgba(255,255,255,.72);

    text-decoration:none;

    transition:.3s ease;

}



.footer-links a:hover{

    color:#ffffff;

    transform:translateX(6px);

}





/* ==========================================================
   BASE
========================================================== */


.footer-bottom{

    border-top:

        1px solid rgba(255,255,255,.16);


    padding-top:28px;


    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;


    color:rgba(255,255,255,.58);


    font-size:.9rem;


    position:relative;

    z-index:2;

}



.footer-bottom p{

    margin:0;

}





/* ==========================================================
   RESPONSIVO
========================================================== */


@media(max-width:900px){


    .footer-grid{

        grid-template-columns:1fr;

        gap:40px;

    }


    .footer-brand p{

        max-width:100%;

    }


}




@media(max-width:600px){


    .footer{

        padding:65px 0 30px;

    }



    .footer-brand img{

        width:170px;

    }



    .footer-bottom{

        flex-direction:column;

        text-align:center;

        gap:10px;

    }


}