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


#footer{

    background:var(--color-secundario);

    padding:80px 0 25px;

}

#footer .container{

    max-width:1200px;

    margin:0 auto;

    padding-left:20px;

    padding-right:20px;

}



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


.footer-grid{

    display:grid;

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

    gap:45px;

    align-items:start;

}



/*==================================================
                COLUMNAS
==================================================*/


.footer-column h3{

    color:var(--color-complementario);

    font-size:20px;

    font-weight:700;

    margin-bottom:25px;

}



.footer-column p,
.footer-column li{

    color:#fff;

    font-size:15px;

    line-height:1.7;

}



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


.footer-column ul{

    list-style:none;

    padding:0;

    margin:0;

}


.footer-column li{

    margin-bottom:10px;

}



.footer-column a{

    color:#fff;

    text-decoration:none;

}



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


.footer-brand .custom-logo{

    max-width:180px;

    height:auto;

    margin-bottom:20px;

}



.footer-brand p{

    max-width:260px;

}



/*==================================================
                UBICACIÓN
==================================================*/


.footer-column:last-child p{

    margin-bottom:15px;

}



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


.footer-bottom{

    margin-top:50px;

    padding-top:25px;

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

    text-align:center;

}



.footer-bottom p{

    color:#fff;

    font-size:14px;

    margin:0;

}



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


@media(max-width:991px){


    .footer-grid{

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

    }


}



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


@media(max-width:600px){


    #footer{

        padding:60px 0 25px;
    

    }


    .footer-grid{

        grid-template-columns:1fr;

        text-align:center;

        gap:35px;

    }


    .footer-brand p{

        margin:0 auto;

    }


    .footer-column ul{

        padding:0;

    }


}