/* Estilos para la tabla de ranking */
.ranking-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.ranking-table th,
.ranking-table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #3d2216;
}

.ranking-table th {
    background-color: #14090a;
    color: #f39c12;
    font-weight: bold;
}

.ranking-table tr:hover {
    background-color: rgba(61, 34, 22, 0.3);
}

/* Estilo para las imágenes de banderas */
.flag-img {
    width: 24px;
    height: 16px;
    object-fit: cover;
    vertical-align: middle;
    border: 1px solid #674220;
}
.ranking-table th:last-child,
.ranking-table td:last-child {
    text-align: center;
    width: 60px;
}

.ranking-table th:first-child,
.ranking-table td:first-child {
    width: 30px;
    text-align: center;
}

.ranking-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.ranking-box {
    margin-right: -5px;
    width: calc(100% + 5px);
}