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

.footer{

    background:#181818;

    color:#ffffff;

    padding:80px 0 0;

}


/*==================================================
CONTENEDOR
==================================================*/

.footer-container{

    display:grid;

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

    gap:60px;

}


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

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

.footer-logo{

    display:inline-flex;

    align-items:center;

}

.footer-logo img{

    height:90px;
    width:auto;

    object-fit:contain;

    display:block;

}

.footer-column p{

    color:#cfcfcf;

    line-height:1.9;

    max-width:350px;

}


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

.footer-column h3{

    font-size:20px;

    margin-bottom:25px;

    color:white;

}


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

.footer-column ul{

    list-style:none;

    display:flex;

    flex-direction:column;

    gap:15px;

}

.footer-column ul li{

    color:#cfcfcf;

    transition:.3s;

}

.footer-column ul li a{

    color:#cfcfcf;

    transition:.3s;

}

.footer-column ul li a:hover{

    color:var(--gold);

    padding-left:8px;

}


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

.footer-bottom{

    margin-top:60px;

    padding:25px 0;

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

    text-align:center;

}

.footer-bottom p{

    color:#a9a9a9;

    font-size:15px;

}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:992px){

    .footer-container{

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

        gap:50px;

    }

}


@media(max-width:768px){

    .footer{

        padding-top:60px;

    }

    .footer-container{

        grid-template-columns:1fr;

        text-align:center;

    }

    .footer-column p{

        max-width:100%;

    }

    .footer-column ul{

        align-items:center;

    }

    .footer-column ul li a:hover{

        padding-left:0;

    }

}


@media(max-width:480px){

    .footer-logo{

        font-size:30px;

    }

    .footer-column h3{

        font-size:18px;

    }

}