.footer{
    background: linear-gradient(180deg, rgba(200, 163, 127, 0.4), rgba(58, 43, 34, 0.8));
    backdrop-filter: saturate(140%) blur(10px);
    color: rgba(255,255,255,.8);
    padding: 48px 16px 18px;
}

.footer-inner{
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
}

.footer-nav{
    display:flex;
    gap: 26px;
    align-items:center;
}

.footer-nav a{
    color: rgba(200,215,235,.78);
    text-decoration: none;
    font: 500 16px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
    letter-spacing: .2px;
}

.footer-nav a:hover{
    color: #fff; 
}

.footer-nav-right{
    justify-content: flex-end;
}

.footer-bottom{
    max-width: 1100px;
    margin: 28px auto 0;
    display:flex;
    justify-content:center;
    gap: 10px;
    font-size: 13px;
    color: rgba(255,255,255,.55);
}

.footer-bottom a{
    color: rgba(255,255,255,.55); text-decoration:none;
}

.footer-bottom a:hover{
    color: #fff; 
}

.sep{
    opacity:.35; 
}

.img-footer{
    width: auto;
    height: 5rem;
}

@media(max-width: 767.98px) {
    .footer-inner{
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .footer-nav,
    .footer-nav-right{
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer-bottom{
        flex-direction: column;
        text-align: center;
    }
}