/*-------- PIE DE PÁGINA PEQUEÑO --------*/

footer {
    padding: var(--padi-40) var(--padi-24);
    border-top: 1px solid var(--color-gris-extra-light);
    margin: 0 auto;
}

.cont-pie {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: var(--padi-24);
    row-gap: var(--padi-24);
    margin: 0 auto;
    max-width: 80rem;
}

.list-pie {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: var(--padi-24);
    row-gap: var(--padi-16);
}

.enla_pie {
    font-size: 16px;
}

.enlace_portafolio {
    transition: color 0.3s ease;
}

.enlace_portafolio:hover {
    color: var(--color-naranja-oficial);
}

@media screen and (max-width: 1280px) {
    footer {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (max-width: 680px) {
    .cont-pie {
        flex-direction: column;
    }

    .list-pie {
        flex-direction: column;
    }

}