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

.footer{

    padding:90px 0 30px;

    background:#050B17;

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

}

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

.footer-grid{

    display:grid;

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

    gap:60px;

}

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

.footer-brand img{

    width:60px;

    margin-bottom:20px;

}

.footer-brand h3{

    margin-bottom:20px;

    font-size:34px;

}

.footer-brand h3 span{

    color:var(--primary);

}

.footer-brand p{

    max-width:420px;

    color:#AAB5C7;

    line-height:1.8;

}

/*======================================
ENLACES
======================================*/

.footer h4{

    margin-bottom:25px;

    font-size:22px;

}

.footer ul{

    padding:0;

    list-style:none;

}

.footer li{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:16px;

    color:#AAB5C7;

}

.footer a{

    color:#AAB5C7;

    text-decoration:none;

    transition:.30s;

}

.footer a:hover{

    color:var(--primary);

}

/*======================================
REDES
======================================*/

.footer-social{

    display:flex;

    gap:14px;

    margin-top:30px;

}

.footer-social a{

    display:flex;

    align-items:center;

    justify-content:center;

    width:46px;

    height:46px;

    border-radius:50%;

    background:#10192d;

    font-size:20px;

}

.footer-social a:hover{

    background:var(--primary);

    color:#fff;

}

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

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

    margin-top:70px;

    padding-top:25px;

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

}

.footer-bottom p,
.footer-bottom span{

    color:#8894A8;

}