/* Estilos gerais */
.listagem ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.listagem-item {
    border: 1px solid #ddd;
    padding: 10px;
    margin: 5px;
    text-align: center;
}

/* Estilos para desktop */
.listagem-linha .row-fluid {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.listagem-linha .row-fluid .span4 {
    flex: 0 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
    margin: 5px;
    box-sizing: border-box;
}

/* Estilos para mobile */
@media (max-width: 767px) {
    .listagem-linha .row-fluid {
        display: flex;
        flex-wrap: wrap;
        margin: -5px;
    }
    
    .listagem-linha .row-fluid .span4 {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
        margin: 5px;
        box-sizing: border-box;
    }
}