body {
}



.skeleton-loader {
    width: 100%;
    height: 15px;
    display: block;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80% ), lightgray;
    background-repeat: repeat-y;
    background-size: 50px 500px;
    background-position: 0 0;
    animation: shine 1s infinite;
}

@keyframes shine {
    to {
        background-position: 100% 0, /* move highlight to right */ 0 0;
    }
}

.gridLista {
    display: grid;
    grid-template-columns: 400px 400px 400px 400px
}

@media (max-width: 1700px) {
    .gridLista {
        display: grid;
        grid-template-columns: 400px 400px 400px;
    }
}


@media (max-width: 1450px) {
    .gridLista {
        display: grid;
        grid-template-columns: 400px 400px;
    }
}


@media (max-width: 1050px) {
    .gridLista {
        display: grid;
        grid-template-columns: 400px;
    }
}