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

.footer{

    background:#050505;

    border-top:1px solid rgba(212,168,71,.15);

    padding:70px 0 30px;

}


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

.footer-grid{

    display:grid;

    grid-template-columns:1.6fr 1fr 1fr 1.2fr;

    gap:60px;

}


/* ===================================================
   LOGO
=================================================== */

.footer-logo{

    display:block;

    width:260px;

    height:auto;

    margin-bottom:28px;

}


/* ===================================================
   TEXTO
=================================================== */

.footer-column p{

    color:rgba(255,255,255,.72);

    line-height:1.9;

    font-size:16px;

}


.footer-column strong{

    color:var(--gold);

}


/* ===================================================
   TÍTULOS
=================================================== */

.footer-column h3{

    color:#fff;

    font-size:22px;

    margin-bottom:28px;

}


/* ===================================================
   LISTAS
=================================================== */

.footer-column ul{

    padding:0;

    margin:0;

    list-style:none;

}


.footer-column li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    color:rgba(255,255,255,.72);

}


.footer-column li:last-child{

    margin-bottom:0;

}


/* ===================================================
   ÍCONES
=================================================== */

.footer-column li i{

    color:var(--gold);

    width:18px;

    flex-shrink:0;

}


/* ===================================================
   LINKS
=================================================== */

.footer-column a{

    color:rgba(255,255,255,.72);

    transition:color .35s;

}


.footer-column a:hover{

    color:var(--gold);

}


.active-footer{

    color:var(--gold)!important;

}


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

.footer-bottom{

    margin-top:50px;

    padding-top:25px;

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

    text-align:center;

}


.footer-bottom p{

    color:rgba(255,255,255,.55);

    font-size:14px;

    line-height:1.7;

    margin:0;

}


/* ===================================================
   RESPONSIVO - TABLET GRANDE
=================================================== */

@media(max-width:1200px){

    .footer-grid{

        grid-template-columns:repeat(2,1fr);

        gap:45px 60px;

    }

}


/* ===================================================
   RESPONSIVO - TABLET
=================================================== */

@media(max-width:992px){

    .footer{

        padding:65px 0 28px;

    }

    .footer-grid{

        gap:45px;

    }

    .footer-bottom{

        margin-top:45px;

    }

}


/* ===================================================
   RESPONSIVO - MOBILE
=================================================== */

@media(max-width:768px){

    .footer{

        padding:60px 0 25px;

    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:40px;

    }

    .footer-logo{

        width:220px;

        margin-bottom:24px;

    }

    .footer-column h3{

        margin-bottom:22px;

    }

    .footer-column li{

        margin-bottom:15px;

    }

    .footer-bottom{

        margin-top:40px;

        padding-top:22px;

    }

}


/* ===================================================
   RESPONSIVO - MOBILE PEQUENO
=================================================== */

@media(max-width:480px){

    .footer-logo{

        width:200px;

    }

    .footer-column p{

        font-size:15px;

    }

    .footer-column h3{

        font-size:21px;

    }

    .footer-bottom p{

        font-size:13px;

    }

}