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

.footer{
    position:relative;
    background:#1b2521;
    color:#ffffff;
    padding-top:100px;
}

.footer .container{
    width:min(1400px,92%);
    margin:0 auto;
}

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

.footer-grid{

    display:grid;

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

    gap:70px;

    padding-bottom:80px;

}

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

.footer-brand{

    max-width:420px;

}

.footer-logo{

    display:inline-block;

    margin-bottom:28px;

}

.footer-logo img{

    display:block;

    width:220px;

    height:auto;

}

.footer-description{

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

    line-height:2;

    font-size:.97rem;

}

/* ==========================================================================
   TÍTULOS
   ========================================================================== */

.footer h3{

    margin-bottom:26px;

    font-size:1.15rem;

    font-weight:500;

    color:#ffffff;

}

/* ==========================================================================
   LISTAS
   ========================================================================== */

.footer-nav ul{

    margin:0;

    padding:0;

    list-style:none;

}

.footer-nav li{

    margin-bottom:16px;

}

.footer-nav a{

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

    text-decoration:none;

    transition:.3s;

}

.footer-nav a:hover{

    color:#d7c4a2;

    padding-left:8px;

}

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

.footer-contact address{

    display:flex;

    flex-direction:column;

    gap:14px;

    font-style:normal;

}

.footer-contact p{

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

}

.footer-contact a{

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

    text-decoration:none;

    transition:.3s;

}

.footer-contact a:hover{

    color:#d7c4a2;

}

/* ==========================================================================
   SOCIAL
   ========================================================================== */

.footer-social{

    display:flex;

    gap:18px;

    margin-top:28px;

}

.footer-social a{

    display:flex;

    align-items:center;

    justify-content:center;

    width:44px;

    height:44px;

    border-radius:50%;

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

    color:#ffffff;

    transition:.35s;

}

.footer-social a:hover{

    background:#8a8f67;

    border-color:#8a8f67;

}

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

.footer-bottom{

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

    padding:28px 0;

}

.footer-bottom .container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

}

.footer-bottom p{

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

    font-size:.90rem;

}

.back-to-top{

    color:#ffffff;

    text-decoration:none;

    transition:.3s;

}

.back-to-top:hover{

    color:#d7c4a2;

}

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

@media(max-width:1200px){

    .footer-grid{

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

    }

}

@media(max-width:768px){

    .footer{

        padding-top:70px;

    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:45px;

        padding-bottom:60px;

    }

    .footer-bottom .container{

        flex-direction:column;

        text-align:center;

    }

}

@media(max-width:480px){

    .footer-logo img{

        width:180px;

    }

}