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

.footer{

    margin-top:180px;

    padding:80px 50px 40px;

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

}

.footer-top{

    max-width:1400px;

    margin:auto;

    display:grid;

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

    gap:70px;

}

.footer-brand img{

    width:80px;

    margin-bottom:20px;

}

.footer-brand h2{

    color:white;

    font-size:38px;

    margin-bottom:20px;

}

.footer-brand p{

    color:var(--text-secondary);

    line-height:1.8;

    max-width:420px;

}

.footer-links{

    display:flex;

    flex-direction:column;

    gap:15px;

}

.footer-links h3{

    color:white;

    margin-bottom:15px;

}

.footer-links a{

    color:var(--text-secondary);

    transition:.30s;

}

.footer-links a:hover{

    color:var(--primary);

}

.footer-bottom{

    margin-top:60px;

    padding-top:30px;

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

    text-align:center;

    color:#777;

}

/* Footer más legible sobre el fondo */
.footer {
    background: rgba(10, 8, 20, 0.82);
    backdrop-filter: blur(10px);
}