#lista_indices { margin: 0; padding: 0; box-sizing: border-box; }
ul#lista_indices { display: flex; justify-content: space-evenly; flex-wrap: wrap; }
#lista_indices li { list-style: none; overflow: hidden; text-align: center; /*max-width:300px;*/ min-width: 250px; width: 18%; height: auto; min-height: 300px; font-size: 14px; margin: 5px; padding: 0; background-color: #fff; border: 1px solid #ebebeb; box-shadow: 0 10px 8px -6px #bbb; }
    #lista_indices li h2 { line-height: 20px; text-align: left; font-size: 15px; color: var(--text-color); text-transform: uppercase; margin: 0; padding: 0 0 5px 0; text-align: center; }
    #lista_indices li:hover { background-color: #f5f5f5; cursor: pointer; }
    #lista_indices li img { height: 200px; margin: 10px auto; object-fit: cover; }
    #lista_indices li div { padding: 5px 15px 20px 15px;  text-align: justify; }


@media (max-width:1900px) {

    #lista_indices li { max-width: initial; width: 23%; }
    /*ul#lista_indices { justify-content: center; }*/
}

@media (max-width:1500px) {
    ul#lista_indices {justify-content:flex-start;}
    #lista_indices li { width: 30%; }
    /*.marco_Mapa { width: 80%; }*/
}

@media (max-width:1100px) {
    ul#lista_indices { justify-content: space-evenly; }
    #lista_indices li { width: 40%; }
}
@media (max-width:800px) {
    #lista_indices li { width: 45%; }
}
@media (max-width:620px) {
    #lista_indices li { width: 65%; }
}
@media (max-width:500px) {
    #lista_indices li { width: 75%; }
}
@media (max-width:440px) {
    #lista_indices li { width: 100%; max-height: initial; margin: 5px 0; }
        #lista_indices li div { margin-top: 0; }
}