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

.footer{

    background:#1F1F1F;

    color:#FFF;

    padding-top:80px;

}

.footer__contenido{

    display:grid;

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

    gap:50px;

}

.footer__logo{

    max-width:180px;

    margin-bottom:25px;

}

.footer__col h3{

    margin-bottom:20px;

    color:#FFF;

}

.footer__col ul{

    list-style:none;

    padding:0;

}

.footer__col li{

    margin-bottom:12px;

}

.footer__col a{

    color:#D6D6D6;

    text-decoration:none;

    transition:.3s;

}

.footer__col a:hover{

    color:var(--color-secundario);

}

.footer__copy{

    margin-top:60px;

    padding:30px 0;

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

    text-align:center;

    color:#C8C8C8;

    font-size:.95rem;

}


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

/*======================================
TABLETS
======================================*/

@media (max-width:1024px){

    .footer__contenido{

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

    }

}


/*======================================
CELULARES
======================================*/

@media (max-width:768px){

    .footer{

        padding-top:60px;

    }

    .footer__contenido{

        grid-template-columns:1fr;
        gap:35px;
        text-align:center;

    }

    .footer__logo{

        margin:0 auto 25px;

    }

    .footer__col ul{

        padding:0;

    }

}


/*======================================
CELULARES PEQUEÑOS
======================================*/

@media (max-width:480px){

    .footer{

        padding-top:50px;

    }

    .footer__contenido{

        gap:30px;

    }

    .footer__copy{

        margin-top:40px;
        padding:20px 0;
        font-size:.90rem;

    }

}