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

.footer{

    background:#111827;

    color:#fff;

    padding:70px 0 25px;

}



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


.footer-grid{

    display:grid;

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

    gap:50px;

}



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


.footer-brand p{

    margin-top:25px;

    max-width:350px;

    line-height:1.7;

    color:#cbd5e1;

}


/* Ajuste da logo no rodapé */

.footer .logo-titulo{

    color:#fff;

}


.footer .logo-subtitulo{

    color:#cbd5e1;

}



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


.footer-links{

    display:flex;

    flex-direction:column;

    gap:12px;

}


.footer-links h3{

    margin-bottom:15px;

    font-size:1.1rem;

}


.footer-links a{

    color:#cbd5e1;

    transition:.3s;

}


.footer-links a:hover{

    color:#fff;

    transform:translateX(5px);

}



/* ==========================================================
   COPYRIGHT
========================================================== */


.footer-bottom{

    margin-top:50px;

    padding-top:25px;

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

    text-align:center;

}


.footer-bottom p{

    color:#94a3b8;

    font-size:.9rem;

}
/* ==========================================================
   RESPONSIVO TABLET
========================================================== */

@media(max-width:992px){

    .footer{

        padding:60px 0 25px;

    }

    .footer-grid{

        grid-template-columns:repeat(2,1fr);

        gap:40px;

    }

}
/* ==========================================================
   RESPONSIVO MOBILE
========================================================== */
@media(max-width:600px){

    .footer{

        padding:50px 0 20px;

    }
    .footer-grid{

        grid-template-columns:1fr;

        gap:35px;
    }
    .footer-brand p{

        max-width:100%;

    }
    .footer-bottom{

        margin-top:35px;

        padding-top:20px;

    }
}