.lista-cards {
    flex: 1;
    overflow-y: auto;
    padding: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#ranking-municipios {
    flex: 1;
    overflow-y: auto;
}

#ranking-escolas {
    flex: 1;
    overflow-y: auto;
}

.scroll-col {
    display: flex;
    flex-direction: column;
    height: 80vh;
}

.medalha {
    font-size: 1.2rem;
    margin-right: 4px;
    margin-top: 5px;
}

.medalha.ouro { color: #000000; }
.medalha.prata { color: #000000; }
.medalha.bronze { color: #000000; }

.lista-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: rgba(85, 108, 230, 0.2);
    border-radius: 12px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    padding: 10px;
    overflow: hidden;
}

@media (max-width: 992px) {
  .scroll-col,
  .col-8 {
        width: 100%;
        height: 60vh;
        max-width: none;
  }

  #ranking-municipios {
        height: 50vh;         /* evita listas longas demais */
  }
  #rankikng-escolas {
        height: 50vh;         /* evita listas longas demais */
  }
}