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

.footer{

    background:var(--white);

    color:var(--text);

    padding:90px 0 30px;

}

.footer-grid{

    display:grid;

    grid-template-columns:minmax(0, 1fr) minmax(0, 1.55fr);

    gap:70px;

}

.footer-logo img{

    max-width:220px;

    margin-bottom:25px;

}

.footer-column p{

    color:var(--text-light);

    line-height:1.9;

}

.footer-column h3{

    margin-bottom:25px;

    color:var(--dark);

    font-size:1.15rem;

}

.footer-column ul{

    display:grid;

    gap:14px;

}

.footer-column a{

    color:var(--text-light);

    transition:.3s;

}

.footer-column a:hover{

    color:var(--primary);

}

.footer-contact li{

    color:var(--text-light);

}

.footer-contact{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    column-gap:28px;
}

.footer-contact a{
    white-space:nowrap;
}

.footer-contact .footer-whatsapp a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 11px;
    border:1px solid rgba(104, 0, 104, .2);
    border-radius:999px;
    background:rgba(104, 0, 104, .08);
    color:var(--primary);
    font-weight:700;
}

.footer-contact .footer-whatsapp a:hover{
    border-color:var(--primary);
    background:var(--primary);
    color:#fff;
}

.footer-whatsapp svg{
    width:18px;
    height:18px;
    fill:currentColor;
    flex:0 0 auto;
}

.whatsapp-mobile-cta{
    display:none;
}

@media (max-width:768px){
    .whatsapp-mobile-cta{
        position:fixed;
        right:18px;
        bottom:18px;
        z-index:1000;
        display:inline-flex;
        align-items:center;
        gap:9px;
        min-height:52px;
        padding:0 18px;
        border-radius:999px;
        background:#25d366;
        box-shadow:0 12px 28px rgba(19, 122, 65, .32);
        color:#fff;
        font-size:.9rem;
        font-weight:700;
        text-decoration:none;
    }

    .whatsapp-mobile-cta svg{
        width:21px;
        height:21px;
        fill:currentColor;
    }

    .whatsapp-mobile-cta:focus-visible{
        outline:3px solid var(--primary);
        outline-offset:3px;
    }
}

.footer-bottom{

    margin-top:70px;

    padding-top:30px;

    border-top:1px solid var(--border);

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

}

.footer-bottom nav{

    display:flex;

    gap:30px;

}

.footer-bottom a{

    color:var(--text-light);

}

.footer-bottom a:hover{

    color:var(--primary);

}