.ranking-entidade-categoria-container {
    width: 100%;
    max-width: 1200px; /* Aumentei a largura máxima para acomodar as colunas */
    margin: 0 auto;
}

/* Layout de duas colunas para desktop */
.ranking-colunas-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; /* Compensar o padding negativo */
}

/* Cada coluna ocupa 50% no desktop */
.ranking-coluna {
    width: 100%;
    padding: 0 15px;
}

.ranking-entidade-bar {
    margin-bottom: 20px;
    width: 100%;
}

/* Desktop: duas colunas fixas (1-10 e 11-20) */
@media (min-width: 993px) {
    .ranking-coluna {
        width: 50%;
    }
}

.ranking-entidade-nome {
    font-family: "Raleway";
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
}

/* Estilo para a posição numerada */
.ranking-posicao {
    font-weight: bold;
    color: #4caf50;
    margin-right: 5px;
    display: inline-block;
}

.ranking-entidade-progresso {
    width: 100%;
    background-color: #f7f7f7;
    border-radius: 50px;
    position: relative;
    height: 40px;
    box-shadow: none;
    overflow: visible;
    padding: 5px;
    padding-left: 5px;
    background: #ffffff;
    box-shadow: 1px 1px 10px rgb(68 68 68 / 23%);
}

.ranking-entidade-progresso-barra {
    height: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 13px !important;
    text-align: right;
    padding-right: 6px !important;
    line-height: 30px;
    border-radius: 50px 0 0 50px;
    clip-path: polygon(0 0, 100% 0%, 99% 100%, 0 100%);
    position: relative;
}

/* Estilo para texto dentro da barra */
.valor-interno {
    position: relative;
    margin-right: 5px;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
}

/* Larguras mínimas para desktop */
.barra-pequena {
    min-width: 11% !important;
}

.barra-muito-pequena {
    min-width: 11% !important;
}

/* Ajustes para tablet */
@media (max-width: 992px) {
    /* Tablet: uma coluna */
    .ranking-coluna {
        width: 100%;
    }
    
    .barra-pequena {
        min-width: 11% !important;
    }
    
    .barra-muito-pequena {
        min-width: 11% !important;
    }
}

/* Ajustes para dispositivos móveis */
@media (max-width: 768px) {
    .ranking-entidade-progresso-barra {
        font-size: 12px !important;
        padding-right: 1px !important;
    }
    
    .barra-pequena {
        min-width: 16% !important;
    }
    
    .barra-muito-pequena {
        min-width: 16% !important;
    }
}

/* Ajustes para dispositivos muito pequenos */
@media (max-width: 576px) {
    .ranking-entidade-progresso-barra {
        font-size: 12px !important;
        padding-right: 1px !important;
    }
    
    .barra-pequena {
        min-width: 16% !important;
    }
    
    .barra-muito-pequena {
        min-width: 16% !important;
    }
}