.grid-responsive-usuario {
    display: grid;
    gap: 1rem;
}

@media (min-width: 100px) {
    .grid-responsive-usuario {
        grid-template-columns: repeat(2, 1fr);
    }
        .grid-responsive-usuario > div {
            height: 300px;
        }
}

@media (min-width: 500px) {
    .grid-responsive-usuario {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 700px) {
    .grid-responsive-usuario {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1000px) {
    .grid-responsive-usuario {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1200px) {
    .grid-responsive-usuario {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (min-width: 1400px) {
    .grid-responsive-usuario {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (min-width: 1600px) {
    .grid-responsive-usuario {
        grid-template-columns: repeat(7, 1fr);
    }
}

.grid-responsive-usuario > div {
    min-width: 0;
    border: 1px;
}

.grid-responsive-usuario .card {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.grid-responsive-usuario .card-body,
.grid-responsive-usuario .card-header,
.grid-responsive-usuario .card-footer {
    min-width: 0;
}

.grid-responsive-usuario .fs-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}