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

.footer{

    background:var(--color-footer);

    color:var(--color-blanco);

    margin-top:0;

}

.footer-contenido{

    max-width:1300px;

    margin:auto;

    padding:30px 20px;

    display:grid;

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

    gap:50px;

}

.footer-col h3{

    margin-top:0;
    margin-bottom:2px;

}

.footer-col p{

    margin-top:10;


}

.footer-col ul{

    list-style:none;

}

.footer-col li{

    margin-bottom:10px;

}

.footer-col a{

    color:white;

    text-decoration:none;

    transition:var(--transicion);

}

.footer-col a:hover{

    text-decoration:underline;

}

.footer-logo{

    width:200px;
    margin-bottom:3px;

}

.footer-copy{

    text-align:center;

    padding:20px;

    background:rgba(0,0,0,.15);

    font-size:.9rem;

}

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

@media (max-width: 768px){

    .footer-contenido{

        grid-template-columns:1fr;

        gap:40px;

        padding:50px 30px;

        text-align:center;

    }

    .footer-col{

        width:100%;

    }

    .footer-logo{

        width:140px;

        margin-bottom:3px;

    }

    .footer-col ul{

        padding:0;

    }

    .footer-col li{

        margin-bottom:10px;

    }

}

html,
body{
    overflow-x:hidden;
}

.footer-creditos{
    text-align:center;
    margin-top:25px;
}

.footer-creditos a{
    color:#ffffff;
    text-decoration:none;
    font-size:.9rem;
    transition:var(--transicion);
}

.footer-creditos a:hover{
    color:var(--color-secundario);
}

/*==================================================
                CONTADOR DE VISITAS
==================================================*/

.footer-visitas{

    text-align:center;

    margin-top:20px;

    color:#ffffff;

    font-size:.9rem;

    opacity:.9;

}

.footer-visitas strong{

    font-weight:600;

}