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

.footer{
    background:rgba(255,255,255,.88);
    padding-top:90px;
}

.footer-container{
    width:90%;
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap:50px;
}

.footer-logo{
    width:180px;
    margin-bottom:20px;
}

.footer-col p{
    color:#1d1d1d;
    line-height:1.8;
}

.footer-col h3{
    margin-bottom:20px;
}

.footer-col ul{
    list-style:none;
}

.footer-col li{
    margin-bottom:12px;
}

.footer-col a{
    color:#1a1919;
    text-decoration:none;
    transition:.3s;
}

.footer-col a:hover{
    color:var(--primary);
}

.social-icons{
    display:flex;
    gap:15px;
    margin-top:25px;
}

.social-icons a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(255,255,255,.15);
    border-radius:50%;
    transition:.4s;
}

.social-icons a:hover{
    background:var(--primary);
    color:#000;
    transform:translateY(-5px);
}

.footer-bottom{
    border-top: 1px solid rgba(255,255,255,.18);
    text-align:center;
    padding:25px;
    margin-top:60px;
    color:#999;
}

/* WHATSAPP */

.whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;
    width:60px;
    height:60px;
    background:#25D366;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.8rem;
    z-index:999;
    box-shadow: 0 10px 30px rgba(37,211,102,.4);
    transition:.4s;
}

.whatsapp-float:hover{
    transform: scale(1.12);
}

/* SCROLL TOP */

.scroll-top{
    position:fixed;
    bottom:100px;
    right:25px;
    width:55px;
    height:55px;
    border:none;
    border-radius:50%;
    background:var(--primary);
    color:#000;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transition:.4s;
    z-index:999;
}

.scroll-top.show{
    opacity:1;
    visibility:visible;
}